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.02071989977565898493],[new Date(1685059200000), 0.02074509882511938945],[new Date(1685404800000), 0.02123490620164908343],[new Date(1685491200000), 0.02116008032818431704],[new Date(1686441600000), 0.02186075116623548544],[new Date(1686528000000), 0.02289472888927642252],[new Date(1689811200000), 0.00475490641878218728],[new Date(1689897600000), 0.00475370193577394130],[new Date(1690502400000), 0.00492233678910336667],[new Date(1690588800000), 0.00492305045793377133],[new Date(1690934400000), 0.00501807965745486099],[new Date(1691020800000), 0.00501581861755922091],[new Date(1692144000000), 0.00514668333727814398],[new Date(1692230400000), 0.00514618048464809375],[new Date(1713657600000), 0.0000000000791279625000000000],[new Date(1713744000000), 0.0000000000789718255813953488],      ]);

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