JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://github.highcharts.com/master/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: 'Step line types'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [5,6,7,8,null,null,null,null,null],
step: 'left',
name: 'Left1'
}, {
data: [null,null,null,null,9,10,11,12,13],
step: 'left',
name: 'Left2'
}]
});
});