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(1683417600000), 2.1127453259042765],[new Date(1683504000000), 2.1076221559229435],[new Date(1686787200000), 1.7286597398740837],[new Date(1686873600000), 1.7293191418836928],[new Date(1687132800000), 2.0496074097428133],[new Date(1687219200000), 2.0491688562177167],[new Date(1689206400000), 1.1402002908756815],[new Date(1689292800000), 1.2759841309376897],[new Date(1689379200000), 2.0833114146240298],[new Date(1690416000000), 0.73024438446473621840],[new Date(1690502400000), 2.2043213882548790],[new Date(1690588800000), 2.7557800176949841],[new Date(1690675200000), 4.4747978635037639],[new Date(1691107200000), 2.6411754894050351],[new Date(1691193600000), 2.1455069000992176],[new Date(1691280000000), 4.2713214293950994],[new Date(1692144000000), 0.65957442887797187270],[new Date(1692230400000), 0.65951002289610284851],      ]);

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