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.00020043066413268407],[new Date(1683676800000), 0.00020021329730084148],[new Date(1684281600000), 0.000050005058200689032258],[new Date(1684368000000), 0.000050013541543738469388],[new Date(1684627200000), 0.000100024591017124203822],[new Date(1684713600000), 0.000100004185981464039409],[new Date(1685577600000), 0.000070067697656800296516],[new Date(1685664000000), 0.000070081324803738202247],[new Date(1685836800000), 0.000060061972507274759437],[new Date(1685923200000), 0.000060013595993662921348],[new Date(1686182400000), 0.000050043277424797607656],[new Date(1686268800000), 0.000050038835253003140496],[new Date(1686873600000), 0.00017993819353847292],[new Date(1686960000000), 0.00018003515240438215],[new Date(1687392000000), 0.000049963009596289086687],[new Date(1687478400000), 0.000049959686241232679739],[new Date(1688688000000), 0.000050049096130286486486],[new Date(1688774400000), 0.000050055549883294356659],      ]);

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