Highcharts Demo

author(s): Torstein Hønsi

by Anand Rathod

HTML

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

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

JavaScript

Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

Highcharts.chart('container', {
  chart: {
    zoomType: 'x'
  },
  tooltip: {
    xDateFormat: '%d/%m/%Y',
    shared: true,
    split: false,
    enabled: true
  },
  title: {
    text: ''
  },
  xAxis: {
    type: 'datetime',
    crosshair: {
      snap: true
    }
  },
  legend: {
    enabled: true
  },
  series: [{
    data: [
      [new Date('2016-11-17 11:19').getTime(), 157.270004272460],
      [new Date('2016-11-17 11:23').getTime(), 146.300003051757],
      [new Date('2016-11-17 11:26').getTime(), 139.889999389648],
      [new Date('2016-11-17 11:30').getTime(), 133.639999389648],
      [new Date('2016-11-17 11:34').getTime(), 134.070007324218],
      [new Date('2016-11-17 11:41').getTime(), 159.149993896484],
      [new Date('2016-11-17 11:44').getTime(), 173.960006713867],
      [new Date('2016-11-17 11:52').getTime(), 180.270000010728836]
    ]
  }, {
    data: [
      [new Date('2016-11-17 11:19').getTime(), 166.289993286132],
      [new Date('2016-11-17 11:23').getTime(), 160.889999389648],
      [new Date('2016-11-17 11:26').getTime(), 153.330001831054],
      [new Date('2016-11-17 11:30').getTime(), 149.940002441406],
      [new Date('2016-11-17 11:34').getTime(), 146.160003662109],
      [new Date('2016-11-17 11:41').getTime(), 151.979995727539],
      [new Date('2016-11-17 11:44').getTime(), 154.410003662109],
      [new Date('2016-11-17 11:52').getTime(), 157.589996337890]
    ]
  }, {
    data: [
      [new Date('2016-11-17 11:19').getTime(), 97.7600021362304],
      [new Date('2016-11-17 11:23').getTime(), 96.7799987792968],
      [new Date('2016-11-17 11:26').getTime(), 77.0999984741210],
      [new Date('2016-11-17 11:30').getTime(), 37.1500015258789],
      [new Date('2016-11-17 11:34').getTime(), 24.2000007629394],
      [new Date('2016-11-17 11:41').getTime(), 17.2099990844726],
      [new Date('2016-11-17 11:44').getTime(), 7.76000022888183],
      [new Date('2016-11-17...