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(1683072000000), 0.04917391326125870660],[new Date(1683158400000), 0.04797804345731000090],[new Date(1683244800000), 0.04773288658627150125],[new Date(1683331200000), 0.04755200461285914458],[new Date(1683417600000), 0.04694744402975875639],[new Date(1683504000000), 0.04485490710436149117],[new Date(1683590400000), 0.04607924392906274669],[new Date(1683676800000), 0.04529910629938031938],[new Date(1683763200000), 0.04453455206523603944],[new Date(1683849600000), 0.04360753781217714201],[new Date(1683936000000), 0.04363791586988317292],[new Date(1684022400000), 0.04350333622468766063],[new Date(1684108800000), 0.04375159765212317333],[new Date(1684195200000), 0.04350207894737541361],[new Date(1684281600000), 0.04302498377202425618],[new Date(1684368000000), 0.04296943989259450549],[new Date(1684454400000), 0.04231851009931836236],[new Date(1684540800000), 0.04234694084676458069],[new Date(1684627200000), 0.04178754485613489125],[new Date(1684713600000), 0.04143722887542891951],[new Date(1684800000000), 0.04157545418103655000],      ]);

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