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(1686355200000), 1.7607075900934060],[new Date(1701561600000), 2.1876348780782039],[new Date(1701648000000), 3.4048673411479514],[new Date(1701734400000), 3.2862895784308100],[new Date(1701820800000), 3.8732145534111644],[new Date(1701907200000), 3.6755462851559755],[new Date(1701993600000), 3.6498455857708727],[new Date(1702598400000), 2.9977329599114692],[new Date(1702684800000), 2.9019048754690941],[new Date(1703548800000), 4.4591587010575695],      ]);

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