JSFiddle - React, Tailwind, and code Playground
by giorgitbs
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="chart_d"></div>
JavaScript
$(function () {
//
$('#chart_d').highcharts({
chart: {
zoomType: 'x'
},
title: {
text: 'Test Data',
x: -20 //center
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Total T'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: 'Т'
},
series: [{name: 'Tonn', data: [[Date.UTC(2015, 1, 1),4626]
,[Date.UTC(2015, 1, 2),5543]
,[Date.UTC(2015, 1, 3),5032]
,[Date.UTC(2015, 1, 4),9310]
,[Date.UTC(2015, 1, 5),5047]
,[Date.UTC(2015, 1, 6),5100]
,[Date.UTC(2015, 1, 7),4953]
,[Date.UTC(2015, 1, 8),5193]
,[Date.UTC(2015, 1, 9),4282]
,[Date.UTC(2015, 1, 10),4047]
,[Date.UTC(2015, 1, 11),5778]
,[Date.UTC(2015, 1, 12),3637]
,[Date.UTC(2015, 1, 13),4461]
,[Date.UTC(2015, 1, 14),4076]
,[Date.UTC(2015, 1, 15),5152]
,[Date.UTC(2015, 1, 16),6885]
,[Date.UTC(2015, 1, 17),7746]
,[Date.UTC(2015, 1, 18),4658]
,[Date.UTC(2015, 1, 19),5773]
,[Date.UTC(2015, 1, 20),7668]
,[Date.UTC(2015, 1, 21),6595]
,[Date.UTC(2015, 1, 22),6367]
,[Date.UTC(2015, 1, 23),8762]
,[Date.UTC(2015, 1, 24),6147]
,[Date.UTC(2015, 1, 25),8747]
,[Date.UTC(2015, 1, 26),7002]
,[Date.UTC(2015, 1, 27),6941]
,[Date.UTC(2015, 1, 28),9400]
,[Date.UTC(2015, 1, 29),8537]
,[Date.UTC(2015, 1, 30),8090]
,[Date.UTC(2015, 1, 31),11649]
,[Date.UTC(2015, 2, 1),6438]
,[Date.UTC(2015, 2, 2),6568]
,[Date.UTC(2015, 2, 3),7808]
,[Date.UTC(2015, 2, 4),6242]
,[Date.UTC(2015, 2, 5),7319]
,[Date.UTC(2015, 2, 6),9534]
,[Date.UTC(2015, 2, 7),7564]
,[Date.UTC(2015, 2, 8),5159]
,[Date.UTC(2015, 2, 9),4066]
,[Date.UTC(2015, 2, 10),7319]
,[Date.UTC(2015, 2, 11),5656]
,[Date.UTC(2015, 2, 12),7407]
,[Date.UTC(2015, 2, 13),5460]
,[Date.UTC(2015,...