Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<div id="container"></div>

CSS

#container {
    width: 100%;
}

JavaScript

var xAxisData = [
  "12/07/2016 12:00:00 am",
  "12/07/2016 01:00:00 am",
  "12/07/2016 02:00:00 am",
  "12/07/2016 03:00:00 am",
  "12/07/2016 04:00:00 am",
  "12/07/2016 12:00:00 pm",
  "12/07/2016 01:00:00 pm",
  "12/07/2016 02:00:00 pm",
  "12/07/2016 03:00:00 pm",
  "12/07/2016 11:00:00 pm",
  "12/08/2016 05:00:00 am",
  "12/08/2016 06:00:00 am",
  "12/08/2016 07:00:00 am",
  "12/08/2016 09:00:00 am",
  "12/08/2016 10:00:00 am",
  "12/08/2016 10:00:00 am",
  "12/08/2016 12:00:00 pm",
  "12/08/2016 03:34:29 pm",
  "12/08/2016 04:00:00 pm",
  "12/08/2016 05:00:00 pm",
  "12/08/2016 06:34:29 pm",
  "12/08/2016 07:34:29 pm",
  "12/08/2016 08:34:29 pm",
  "12/08/2016 10:00:00 pm",
  "12/08/2016 11:00:00 pm",
  "12/09/2016 12:00:00 am",
  "12/09/2016 01:00:00 am",
  "12/09/2016 02:00:00 am",
  "12/09/2016 03:00:00 am",
  "12/09/2016 04:00:00 am",
  "12/09/2016 12:00:00 pm",
  "12/09/2016 01:00:00 pm",
  "12/09/2016 02:00:00 pm",
  "12/09/2016 03:00:00 pm",
  "12/09/2016 11:00:00 pm",
  "12/10/2016 12:00:00 am",
  "12/10/2016 01:00:00 am",
  "12/10/2016 02:00:00 am",
  "12/10/2016 03:00:00 am",
  "12/10/2016 04:00:00 am",
  "12/10/2016 12:00:00 pm",
  "12/10/2016 01:00:00 pm",
  "12/10/2016 02:00:00 pm",
  "12/10/2016 03:00:00 pm",
  "12/10/2016 11:00:00 pm"
];

var tabY = [
  39966.31,
  38054.98,
  43569.27,
  43619.26,
  43735.39,
  43619.26,
  39895.25,
  39966.31,
  43201.27,
  40043.66,
  40071.34,
  38794.64,
  39480.24,
  40869.52,
  43735.39,
  43582.69,
  43735.39,
  43692.54,
  60093.51,
  43201.27,
  40093.51,
  42580.97,
  43619.26,
  38556.31,
  40043.66,
  39000.49,
  39966.31,
  43201.27,
  38865.23,
  42093.24,
  40071.34,
  43637.56,
  38996.11,
  40071.34,
  42093.24,
  40014.85,
  43576.01,
  40093.51,
  43201.27,
  38865.23,
  39966.31,
  38794.64,
  39895.25,
  40093.51,
  40043.66
];

function combineData(xAxisData, tabY) {
  let combinedData = [];

  for (let i = 0; i < xAxisData.length; i++) {
    const parsedDate = new Date(xAxisData[i]);
...