如何使用highcharts自定义事件插件获取鼠标悬停标签值?

时间:2017-01-26 21:08:31

标签: highcharts

我正在使用highchars.js和自定义事件插件。 我在xAxis标签上添加了一个mouseover事件处理程序。如何在事件处理程序中获取悬停的标签值?感谢。

https://jsbin.com/havezujuva/edit?html,js,output

xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

            labels:{
                events: {
                    mouseover: function (e) {
                        console.log('over');
                    }
                }               
            }

        }

1 个答案:

答案 0 :(得分:1)

您可以从this.axis.categories[this.value]访问它。

xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

        labels:{
            events: {
                mouseover: function (e) {
                    console.log('over');
                    console.log(this.axis.categories[this.value]);
                }
            }               
        }

    }