JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://www.highcharts.com/js/testing-stock-exporting.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/usdeur.js"></script>
<div id="container" style="height: 500px"></div>
JavaScript
$(document).ready(function(){
var chart = new Highcharts.StockChart({
chart: {
renderTo: 'container',
alignTicks: false,
defaultSeriesType: 'area',
},
colors:['#ff9797','#00d200'],
rangeSelector: {
enabled: false
},
title: {
text: 'Start Time'
},
xAxis: {
type: 'datetime',
},
yAxis: {
min: 0,
max: 60,
title: {
text: 'seconds'
}
},
navigator: {
yAxis: {
min: 0,
max: 60
}
},
credits: {
enabled: false
},
legend: {
enabled: true,
verticalAlign: "top",
y: 40
},
plotOptions: {
area: {
fillOpacity: 1,
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
},
series: {
animation: {
duration: 4000
}
}
},
flags: {
showInLegend: false,
dataLabels: {
color: "black",
enabled: true,
align: "right",
x:20,
y:20,
rotation:90
}
},
series: [{
name: 'Start time without',
data: [[Date.UTC(2010,0,5),30], [Date.UTC(2010,0,6),31], [Date.UTC(2010,2,12),32], [Date.UTC(2011,3,20),33], [Date.UTC(2011,4,1),34], [Date.UTC(2011,5,3),35], [Date.UTC(2011,6,19),39], [Date.UTC(2011,7,3),40], [Date.UTC(2011,8,5),41], [Date.UTC(2011,9,1),42], [Date.UTC(2011,10,2),44], [Date.UTC(2011,11,14),46], [Date.UTC(2012,0,2),48], [Date.UTC(2012,0,4),50],...