JSFiddle - React, Tailwind, and code Playground

by rishad

HTML

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

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

JavaScript

$(function () {
   var pChart = Highcharts.chart('line_chart',
   {
     chart:{type:'line',zoomType:'xy'},
     title:{text:''},
     xAxis:{type: 'datetime'},
     yAxis: [
       {startOnTick:false,endOnTick:false,events:{afterSetExtremes:function(e){}},showEmpty:false,labels:{format:'{value}'},title:{text:'Unit 1'}},
       {startOnTick:false,endOnTick:false,events:{afterSetExtremes:function(e){}},showEmpty:false,labels:{format:'{value}'},title:{text:'Unit 2'},opposite:true},
       {startOnTick:false,endOnTick:false,events:{afterSetExtremes:function(e){}},showEmpty:false,labels:{format:'{value}'},title:{text:'Unit 3'}},
       {startOnTick:false,endOnTick:false,events:{afterSetExtremes:function(e){}},showEmpty:false,labels:{format:'{value}'},title:{text:'Unit 4'},opposite:true},
       {startOnTick:false,endOnTick:false,events:{afterSetExtremes:function(e){}},showEmpty:false,labels:{format:'{value}'},title:{text:'Unit 5'}},
     ],
     series:
     [
       {type:'spline',name:'Series 1',yAxis:0,tooltip:{valueSuffix:'Unit 1'},data:[[Date.UTC(2018,7,5,12,45,0),17.6],	[Date.UTC(2018,7,5,13,0,0),18.7],	[Date.UTC(2018,7,5,13,15,0),17.5],	[Date.UTC(2018,7,5,13,30,0),18.0]]},
       {type:'spline',name:'Series 2',yAxis:0,tooltip:{valueSuffix:'Unit 1'},data:[[Date.UTC(2018,7,5,12,45,0),6.8],	[Date.UTC(2018,7,5,13,0,0),7.1],	[Date.UTC(2018,7,5,13,15,0),6.5],	[Date.UTC(2018,7,5,13,30,0),6.5],]},
       {type:'spline',name:'Series 3',yAxis:0,tooltip:{valueSuffix:'Unit 1'},data:[[Date.UTC(2018,7,5,12,45,0),1.88],	[Date.UTC(2018,7,5,13,0,0),1.81],	[Date.UTC(2018,7,5,13,15,0),1.7],	[Date.UTC(2018,7,5,13,30,0),1.74]]},
       {type:'spline',name:'Series 4',yAxis:0,tooltip:{valueSuffix:'Unit 1'},data:[[Date.UTC(2018,7,5,12,45,0),0.96],	[Date.UTC(2018,7,5,13,0,0),0.91],	[Date.UTC(2018,7,5,13,15,0),0.84],	[Date.UTC(2018,7,5,13,30,0),0.81]]},
       {type:'spline',name:'Series 5',yAxis:1,tooltip:{valueSuffix:'Unit...