Tooltip on x-axis category label

[aleazus]

How can I apply the tooltip on the x-axis category labels on mouseover with the following Highcharts options applied?
chart: type: column
xAxis: categories: ['apple','banana','pear','grape','melon','peach']
plotOptions : column: stacking: normal
series: [{
name: 'first',
data: [1,2,3,4,5,6]
}, {
name: 'second',
data[100,200,300,400,500,600]
}, {
name: 'third',
data[1000,2000,3000,4000,5000,6000]
}]

[KacperMadej]

Tooltip is enabled by default only for series, not for axis labels.

One options is to set labels useHTML to true and set title for html element.
Example: http://jsfiddle.net/W5wag/2/

Other way would be to use Custom-events plugin - add event on labels: https://www.highcharts.com/products/plu ... tom-Events (demo has click, mouse over should work the same to display custom tooltip).

Or you could use other JavaScript plugin to enable custom tooltip.

Similar topic: http://stackoverflow.com/questions/2187 ... highcharts

[ashu8006kumar]

https://www.highcharts.com/blog/plugin- ... tom-Events is not working

[rafalS]

Hi,

This is a working URL: https://www.highcharts.com/products/plu ... tom-Events

Apologize for the inconvenience and changing to new URL.

Regards.

[rohitdhende]

Still the link is not working https://www.highcharts.com/products/plu ... tom-Events

[jakub.j]

Welcome to our forum and thanks for contacting us with your question!

You can find all available information about custom events plugin in different places:

NPM: https://www.npmjs.com/package/highcharts-custom-events
GH: https://github.com/blacklabel/custom_events

​If you have further inquiries, you may reach out to me at any time.
Best regards
Jakub