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(1683676800000), 0.00333305985703503757],[new Date(1683763200000), 0.00324992929019926924],[new Date(1683849600000), 0.00320695330906691306],[new Date(1683936000000), 0.00323915176889116139],[new Date(1684022400000), 0.00317864988015205063],[new Date(1684108800000), 0.00310133041844991993],[new Date(1684195200000), 0.00295101677727928292],[new Date(1684281600000), 0.00300332551044419854],[new Date(1684368000000), 0.00296663788157385542],[new Date(1684454400000), 0.00294526336172554319],[new Date(1684540800000), 0.00294330101678094056],[new Date(1684627200000), 0.00293934294554575660],[new Date(1684713600000), 0.00293698139839079139],[new Date(1684800000000), 0.00295667714476847200],[new Date(1686268800000), 0.02785784550526741891],[new Date(1686355200000), 0.02783096937562330000],[new Date(1686700800000), 0.02609507095310512072],[new Date(1686787200000), 0.02500347604065985758],      ]);

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