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(1684972800000), 0.000004999333794219554205],[new Date(1685059200000), 0.000004999194751853508772],[new Date(1686355200000), 0.000006187625698292065491],[new Date(1686441600000), 0.000008023131709009743136],[new Date(1688688000000), 0.000002001995778823728814],[new Date(1688774400000), 0.000002002253210462962963],[new Date(1689033600000), 0.000006003446384481243731],[new Date(1689120000000), 0.000006003068479247757848],[new Date(1689897600000), 0.000007004771946464082434],[new Date(1689984000000), 0.000007006672155798789346],      ]);

      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);
    }