Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.src.js"></script>

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

JavaScript

var data = [{
  date: Date.UTC(2017, 0, 1),
  values: [4, 5, 6, -2]
}, {
  date: Date.UTC(2017, 0, 2),
  values: [3, -7]
}, {
  date: Date.UTC(2017, 0, 3),
  values: [0, 11]
}];

var chart = Highcharts.chart('container', {

  chart: {
    type: 'scatter'
  },

  xAxis: {
    type: 'datetime',
    tickInterval: 24 * 3600 * 1000 // one day
  },

  series: [(function() {
    var series = {
      data: []
    };
    data.forEach(function(day) {
    	day.values.forEach(function (value){
      	series.data.push([day.date, value]);
      });
    });
    
    return series;
  })()]
});