JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container">

</div>

JavaScript

var a = new Date(1331028000000);
var b = new Date(1331031600000);
var c = new Date(1331035200000);
var d = a.toTimeString();
var e = b.toTimeString();
var f = c.toTimeString();
console.log(a.getHours());
console.log(b.getHours());
console.log(c.toTimeString());
$(function() {
  $('#container').highcharts({
    chart: {
      type: 'line'
    },
    title: {
      text: 'Test Progress'
    },
    xAxis: {
      title: {
        text: 'Date'
      },
      type: "datetime"
    },
    yAxis: {
      title: {
        text: 'Grade'
      }
    },
    credits: {
      enabled: false
    },
    series: [{

      data: [
        [1331028000000.getDate(), 5],
        [1331031600000, 6],
        [1331035200000, 4]
      ]
    }]
  });
});