Highcharts Check Clocks Back

Showing Highchart option to set useUTC true/false

by Ben Clayton

HTML

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

<div id="container1"></div>
<div id="container2"></div>

JavaScript

function draw1(alldata) {

  Highcharts.chart('container1', {

    chart: {
      type: 'line',
      zoomType: 'x',
      marginLeft: 26
    },

    title: {
      text: 'Clocks go back (day of week plot) useUTC true'
    },
    time: {
      useUTC: true
    },

    xAxis: {
      type: 'datetime',
      tickInterval: 1000
    },

    legend: {
      enabled: false
    },

    series: alldata

  });
}
function draw2(alldata) {

  Highcharts.chart('container2', {

    chart: {
      type: 'line',
      zoomType: 'x',
      marginLeft: 26
    },

    title: {
      text: 'Clocks go back (day of week plot) useUTC false'
    },
    time: {
      useUTC: false
    },

    xAxis: {
      type: 'datetime',
      tickInterval: 1000
    },

    legend: {
      enabled: false
    },

    series: alldata

  });
}

var alldata = [{
    name: 'Sat',
    color: "#0000FF",
    data: []
  },
  {
    name: 'ref',
    color: "#FF0000",
    data: [
      [new Date('2019-10-26 06:00:00').getTime(), 0.3],
      [new Date('2019-10-27 06:00:00').getTime(), 0.3]
    ]
  }
];

var secone = 1000;
var mins15 = 60 * 15 * secone;
var onehour = 3600 * secone;
var oneday = 24 * onehour;
var oneweek = 7 * oneday;
// put in example hourly pattern

var v = 0;
var ov = 0;
var dd = new Date('2019-10-28') - (oneday * 2);
for (var x = 0; x < 60; x++) {


  v = new Date(dd).getDay();
  console.log(dd, v);
  alldata[0].data.push([dd, ov]);
  alldata[0].data.push([dd, v]);
  dd += onehour;
  ov = v;
}

draw1(alldata);
draw2(alldata);