JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 300px"></div>
JavaScript
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
min: 1,
max: 101,
showFirstLabel: false,
reversed: true,
endOnTick: false,
startOnTick: false,
plotLines: [{
color: '#FF0000',
width: 1,
value: 1,
label: {
text: '1st',
align: 'left',
textAlign: 'left',
x: -25,
y: 4
}
}]
},
series: [{
data: [1, 4, 29, 66, 14, 66, 99, 101, 100, 4, 1, 101]
}]
});