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: 400px; min-width: 310px"></div>
JavaScript
$(function () {
var data = [
[1147651200000, 67.79],
[1147737600000, 64.98],
[1147824000000, 65.26],
[1147910400000, 63.18],
{x:1147996800000, y:64.51,color:"red", marker: { enabled: true }},
/* 22 May */ {x: 1148256000000, y:63.38,color:"red", marker: { enabled: true }},
[1148342400000, 63.15],
[1148428800000, 63.34],
[1148515200000, 64.33],
[1148601600000, 63.55],
[1148947200000, 61.22],
[1149033600000, 59.77]
];
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector: {
selected: 1,
inputEnabled: $('#container').width() > 480
},
title: {
text: 'AAPL Stock Price'
},
series: [{
name: 'AAPL',
data: data,
tooltip: {
valueDecimals: 2
}
}]
});
});