google.charts.load('current', {packages: ['corechart', 'line']});

var charts = [drawMarketPrice];
charts.map(google.charts.setOnLoadCallback);

function drawMarketPrice() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'X');
      data.addColumn('number', 'USD');

      data.addRows([
[new Date(1683590400000), 0.00636337028264961344],[new Date(1683676800000), 0.00637896957172641531],[new Date(1684195200000), 0.00595327570159681813],[new Date(1684281600000), 0.00595301375244539458],[new Date(1684713600000), 0.00671967440991261488],[new Date(1684800000000), 0.00681381405363778350],[new Date(1698278400000), 0.00411019264790272636],[new Date(1698364800000), 0.00408926969779615231],[new Date(1705968000000), 0.00240595514193190687],[new Date(1706054400000), 0.00243385982777755939],[new Date(1707004800000), 0.00257339850356199197],[new Date(1707091200000), 0.00256240190494856081],      ]);

      var options = {
        hAxis: {
          title: '',
          gridlines: {color: 'none'}
        },
        vAxis: {
          title: 'Market Price (USD)',
          textPosition: 'none',
        },
       legend: {position: 'none'},
       chartArea: {'width': '100%', 'height': '80%'},
       backgroundColor: { fill:'transparent' },
      };

      var chart = new google.visualization.LineChart(document.getElementById('market_price'));
      chart.draw(data, options);
    }