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(1683849600000), 3.4377202339939924],[new Date(1683936000000), 3.4941499588074605],[new Date(1688947200000), 3.9407883728399825],[new Date(1689033600000), 3.9644354232064961],[new Date(1689120000000), 5.6220039358238570],[new Date(1689206400000), 5.6729357182259434],[new Date(1689811200000), 5.5551355035267830],[new Date(1689897600000), 5.5293813339730211],[new Date(1690761600000), 3.8162659486112010],[new Date(1690848000000), 3.8064056588416344],[new Date(1694217600000), 4.7855520693560666],[new Date(1694304000000), 4.7703881880598468],[new Date(1698019200000), 5.7521513322770512],[new Date(1698105600000), 6.1081137099487232],[new Date(1698364800000), 20.3833874165770105],[new Date(1698451200000), 20.3513617808681889],[new Date(1698796800000), 19.2242421883785016],[new Date(1698883200000), 17.0300125775210064],[new Date(1698969600000), 15.4275985810113308],[new Date(1699056000000), 10.9158519242543101],[new Date(1699142400000), 7.0319137888997008],[new Date(1699315200000), 11.1590214487850757],[new Date(1699401600000), 8.1402255048563051],[new Date(1701129600000), 7.5982322042103062],[new Date(1701216000000), 7.6119521814211489],[new Date(1702166400000), 8.7756058940630320],[new Date(1702252800000), 8.4910090052634904],[new Date(1707782400000), 8.8385938482290261],[new Date(1707868800000), 9.0557013325799240],[new Date(1709424000000), 10.3863826445612494],[new Date(1709510400000), 10.2204877818340585],[new Date(1709596800000), 10.1233685669279250],[new Date(1710374400000), 9.3758969142050034],[new Date(1710460800000), 9.2431677099360312],[new Date(1714003200000), 5.1370824983762327],[new Date(1714089600000), 5.1291856049182331],[new Date(1714176000000), 5.0473853051152170],      ]);

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