Return the xAxis category on click
I can't seem to get the category from Highchart returned on the click event on the chart itself. In other words, this works great:
plotOptions: {
series: {
events: {
click: function(ev) {
console.log(ev.point.category); // outputs category
}
}
}
}
However, I would like to get a category when the user clicks anywhere in the chart, not just. It will look something like this.
chart: {
events: {
click: function(ev) {
console.log(ev.xAxis[0].category); // undefined because doesn't exist - sure would be nice, tho
}
}
}
I've checked both objects and highcharts objects here, but couldn't find how to determine which category is associated with the return x value.
+3
dinocarl
source
to share
1 answer
You can get the x position value and match the categories. Example:
click:function(e){
alert('x: ' + categories[Math.floor(e.xAxis[0].value)]);
}
http://jsfiddle.net/pev5zos8/
0
Sebastian bochan
source
to share