JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container" style="height:300px"></div>
<script type="text/javascript" src="http://www.highcharts.com/js/testing.js"></script>
JavaScript
var data1 = [5, 25, 50, 30, 40];
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: 'strange'
},
yAxis: {
showFirstLabel: false
},
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
//add Your code to handle event
alert(this);
console.log(this.x);
}
}
},
marker: {
lineWidth: 1
}
}
},
series: [{
name: 'showed chart',
data: data1
}]
});