javascript - Highcharts 点击事件

Question

我目前正在研究 Highchart 集成，其中有多个按月分类的数据系列，它与本示例中的输出有些相似，

当单击图表上的特定点时，我想在新的弹出窗口中显示该特定类别的所有系列点数据，

假设在上面的示例中，如果我点击 2 月份的东京，我想获取 2 月份所有其他 3 个城市的数据并显示在模态窗口或新饼图上，

只有我想知道如何获取所有相交的系列数据？谁能举例说明如何获得这个，

Answer 1

您可以使用循环来比较每个点的x值:

plotOptions: {
    series: {
        point: {
            events: {
                click: function(){
                    var x = this.x;

                    Highcharts.each(this.series.chart.series, function(s){
                        Highcharts.each(s.points, function(p){
                            if (p.x === x) {
                                console.log(p);
                            }
                        });
                    });
                }
            }
        }
    }
}

现场演示:http://jsfiddle.net/BlackLabel/9sg17vne/

或者如果使用共享工具提示 - 获取hoverPoints:

plotOptions: {
    series: {
        point: {
            events: {
                click: function() {
                    console.log(this.series.chart.hoverPoints)
                }
            }
        }
    }
}

现场演示:http://jsfiddle.net/BlackLabel/wo3r20nj/