JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>
JavaScript
$(function () {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector: {
selected: 1
},
title: {
text: 'AAPL Stock Price'
},
navigator: {
xAxis: {
dateTimeLabelFormats: {
day: '%Y',
week: '%Y',
month: '%Y',
year: '%Y'
}
}
},
series: [{
name: 'AAPL',
data: [
[1144022400000, 62.65],
[1144108800000, 61.17],
[1144195200000, 67.21],
[1144281600000, 71.24],
[1144368000000, 69.79],
[1144627200000, 68.67],
[1144713600000, 67.99],
[1144800000000, 66.71],
[1144886400000, 66.47],
[1145232000000, 64.81],
[1145318400000, 66.22],
[1145404800000, 65.65],
[1145491200000, 67.63],
[1145577600000, 67.04],
[1145836800000, 65.75],
[1145923200000, 66.17],
[1146009600000, 68.15],
[1146096000000, 69.36],
[1146182400000, 70.39]
],
tooltip: {
valueDecimals: 2
}
}]
});
});