javascript - 使用 highcharts 获取 serieName 和类别值

Question

我正在使用 highchart 组件中的基本柱形图，我需要实现的一个功能是绘制一个弹出窗口(使用弹出窗口)，其中包含与所选系列和所选类别相关的信息。在下面的代码中，您可以看到我将弹出框组件附加到每一列:

load: function(e) {  
    $(".highcharts-tracker rect").hover(function() {                            
        $(this).attr('data-content',  
                'here should be a nice call to my web api method');
    }).popover({trigger:'hover', placement:'right'}).hover(function() {

正如您在上面看到的，我所做的是使用弹出窗口组件创建弹出窗口。我现在的问题与获取系列名称和所选系列的类别有关，以便调用我的 Web API 方法。如果您看到下图，对于所选列，我需要获取值(serie1，2016)。

有什么想法吗？ JSFiddle:Column chart

Answer 1

您可以 Hook 点事件来检测鼠标何时位于一系列之上。此时，您可以访问系列名称等。

 plotOptions: {
        series: {
            point: {
                events: {
                    mouseOver: function () {
                        $(".popover").text(
                        this.series.name);
                    }
                }
            }
        }
    },

http://jsfiddle.net/65VtA/