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(1684022400000), 0.00026218882386083805],[new Date(1684108800000), 0.00026463945372138726],[new Date(1687651200000), 0.00026296563780450735],[new Date(1687737600000), 0.00026129406703003825],[new Date(1693958400000), 0.00022665133540212354],[new Date(1694044800000), 0.00022731901458262655],[new Date(1694822400000), 0.00019846123544520460],[new Date(1694908800000), 0.00019781465890341429],[new Date(1694995200000), 0.00017514735776808515],[new Date(1695081600000), 0.00017550824489398726],[new Date(1697846400000), 0.00017365049136257704],[new Date(1697932800000), 0.00017448232745854372],[new Date(1701129600000), 0.00027732025893601778],[new Date(1701216000000), 0.00027904956103841270],[new Date(1701561600000), 0.00025724961278978830],[new Date(1701648000000), 0.00026409284772858348],[new Date(1706227200000), 0.00030694110670077527],[new Date(1706313600000), 0.00031133122446430909],[new Date(1708300800000), 0.00030010184049960370],[new Date(1708387200000), 0.00029788435078050110],      ]);

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