Highcharts Time Axis
2 series with common X, points missing using nulls
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/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function() {
$('#container').highcharts({
chart: {
type: 'spline',
zoomType: 'x'
},
xaxis: {
type: "datetime"
},
title: {
text: 'Data input as row arrays'
},
plotOptions: {
spline: {
connectNulls: true
}
},
data: {
rows: [
['datetime', 'Orange', 'Ribena'], // series names
[Date.UTC(2016, 1, 1,10,01,0), 1, 3], // datetime and values
[Date.UTC(2016, 1, 2), 1, 4], // datetime and values
[Date.UTC(2016, 1, 3), 1, 5], // datetime and values
[Date.UTC(2016, 1, 4), null, 4], // datetime and values
[Date.UTC(2016, 1, 5,10,01,0), 2, null], // datetime and values
[Date.UTC(2016, 1, 6), 3, 3], // datetime and values
[Date.UTC(2016, 1, 7), 1, 2] // datetime and values
]
}
});
});