JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="height: 300px"></div>
JavaScript
var chart = new Highcharts.Chart({
chart: {
type:'column',
renderTo: 'container',
zoomType: 'x'
},
series: [
{
marker: {
enabled: false
},
data: (function(){
for(var i=0, arr=[]; i<100; i+=1) {
arr.push(Math.random() * i );
}
return arr;
})()
},
{
marker: {
enabled: false
},
data: (function(){
for(var i=0, arr=[]; i<100; i+=0.5) {
arr.push( i );
}
return arr;
})()
}
]
});