JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
},
xAxis: {
label: {
formatter: function () {
return Highcharts.numberFormat(this.x, 0, '', '');
}
}
},
yAxis: {
plotLines: [{
value: 47,
color: 'rgb(216, 216, 216)',
label : {
text: '47',
x: -30,
y: 2
}
},{
value: 34,
color: 'rgb(216, 216, 216)',
label : {
text: '34',
x: -30,
y: 2
}
}
]
},
series: [{
"data": [
[2006, 1],
[2007, 5],
[2008, 7],
[2009, 7],
[2010, 13],
[2011, 14],
[2012, 16],
[2013, 20]
],
"name": "Series1"
}, {
"data": [
[2012, 3],
[2013, 3]
],
"name": "Series2"
}, {
"data": [
[2002, 1],
[2003, 1],
[2004, 6],
[2005, 7],
[2006, 10],
[2007, 17],
[2008, 23],
[2009, 25],
[2010, 34],
[2011, 44],
[2012, 51],
[2013, 64]
],
"name": "Series3"
}]
});
});