JSFiddle - React, Tailwind, and code Playground

by sqiudward

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 300px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
  $('#container').highcharts({
    "chart": {
      "type": "column"
    },
    "plotOptions": {
      "column": {
      pointRange: 365 * 24 * 3600 * 1000
      },
    },
    "series": [{
      "data": [
        [1388534400000, 88]
      ],
      "name": "First",
      "id": "series-8"
    }, {
      "data": [
        [1388534400000, 39]
      ],
      "name": "2nd",
      "id": "series-9"
    }, {
      "data": [
        [1420070400000, 34]
      ],
      "name": "3rd",
      "id": "series-10"
    }],
    "xAxis": {
    	tickInterval: 365 * 24 * 3600 * 1000,
      "type": "datetime",
      "dateTimeLabelFormats": {
        "year": "%Y"
      }
    }
  });
});