JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.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, '', ''); // Remove the thousands sep?
}
}
},
title: {
useHTML: true,
style: {
color: '#FF00FF',
'background-color': '#000000',
fontWeight: 'bold',
display: 'block'
}
},
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"
}]
});
});