JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'area'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: false
}
},
series:{
pointRange:30 * 24 * 3600 * 1000
}
},
xAxis: {
categories: [1543588200000,1543591800000,1543595400000,1543599000000,1543602600000,1543606200000]
},
tickInterval: 30 * 24 * 3600 * 1000,
series: [{
"data": [
["New York", 3570.5],
["LA", 50128.38],
["Chicago", 5281.22]
],
"name": "Stuff"
}, {
"data": [
["New York", 10140.84],
["LA", 21445.04],
["Chicago", 12957.77]
],
"name": "Junk"
}, {
"data": [
["New York", 65119.6],
["LA", 103118.6],
["Chicago", 78349.6]
],
"name": "Other Stuff"
}]
});
});