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(1684281600000), 0.08637034380765078507],[new Date(1684368000000), 0.08698232075332069977],[new Date(1694908800000), 0.07874507156054448718],[new Date(1694995200000), 0.07853130122885308212],[new Date(1695513600000), 0.06278370128517090047],[new Date(1695600000000), 0.05550815867514824244],[new Date(1695772800000), 0.05459438443320858352],[new Date(1695859200000), 0.05565223082267955041],[new Date(1696118400000), 0.05497714492528302394],[new Date(1696204800000), 0.05628871976126255814],[new Date(1696377600000), 0.04438119382281786057],[new Date(1696464000000), 0.04436546507138397166],[new Date(1703376000000), 0.05587633481326358478],[new Date(1703462400000), 0.05609969914258400122],[new Date(1711411200000), 0.08353986859464897768],[new Date(1711497600000), 0.08343949736680854801],      ]);

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