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(1684627200000), 0.00149885059509085160],[new Date(1684713600000), 0.00152578302497815514],[new Date(1684800000000), 0.00148902272734309868],[new Date(1684886400000), 0.00146098197987181104],[new Date(1684972800000), 0.00146050759582261361],[new Date(1685059200000), 0.00145696564102094847],[new Date(1685145600000), 0.00148521784397310229],[new Date(1685232000000), 0.00146722648001762438],[new Date(1685318400000), 0.00154608983727888257],[new Date(1685404800000), 0.00157903907974842083],[new Date(1685491200000), 0.00144211328911184382],[new Date(1685577600000), 0.00150279191394665347],[new Date(1685664000000), 0.00151509069843072368],[new Date(1685750400000), 0.00152667063351692458],[new Date(1685836800000), 0.00155695557775248181],[new Date(1685923200000), 0.00148379119263211847],[new Date(1686009600000), 0.00147732797733247354],[new Date(1686096000000), 0.00156373661028173257],[new Date(1686182400000), 0.00150554875990471368],[new Date(1686268800000), 0.00147417245985187771],[new Date(1686355200000), 0.00143102579686556951],[new Date(1686441600000), 0.00144240360976901542],[new Date(1686528000000), 0.00142785405126462347],[new Date(1686614400000), 0.00144058848591693722],[new Date(1686700800000), 0.00138958065861310882],[new Date(1686787200000), 0.00134308264884603028],[new Date(1686873600000), 0.00137620950920937979],[new Date(1686960000000), 0.00138199227580631729],[new Date(1687046400000), 0.00141410065419300514],[new Date(1687132800000), 0.00135065842378302924],[new Date(1687219200000), 0.00135915413693013229],[new Date(1687305600000), 0.00140289866824372806],      ]);

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