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(1685664000000), 0.83600295233239354673],[new Date(1685750400000), 0.83585222427828971523],[new Date(1685923200000), 0.79047251843900803715],[new Date(1686009600000), 0.79099672581228603835],[new Date(1687996800000), 0.79054134654610353804],[new Date(1688083200000), 0.79009459303985252091],[new Date(1690934400000), 0.38923766393723659755],[new Date(1691020800000), 0.37734551876934559628],[new Date(1691107200000), 0.24667823146250048403],[new Date(1691193600000), 0.21850790095388599771],[new Date(1691280000000), 0.74022435601847023808],[new Date(1695427200000), 0.40078483161887025057],[new Date(1695513600000), 0.40086403064969330860],      ]);

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