Javascript Highchart点击事件

Javascript Highchart点击事件,javascript,php,laravel,highcharts,Javascript,Php,Laravel,Highcharts,我目前正在进行Highchart集成,我有多个按月份分类的数据系列, 这与本例中的输出类似, 单击图表上的特定点时,我希望在新的弹出窗口中显示该特定类别的所有系列点数据 假设在上面的例子中,如果我在2月份点击东京,我想得到2月份所有其他3个城市的数据,并显示在模式窗口或新的饼图上 只有我想知道如何获取所有相交序列数据?任何人都可以举例说明如何获得该值,您可以使用循环来比较每个点的x值: plotOptions: { series: { point: {

我目前正在进行Highchart集成,我有多个按月份分类的数据系列, 这与本例中的输出类似,

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

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


只有我想知道如何获取所有相交序列数据?任何人都可以举例说明如何获得该值,

您可以使用循环来比较每个点的
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);
                            }
                        });
                    });
                }
            }
        }
    }
}
现场演示:

或者在使用共享工具提示的情况下-获取悬停点:

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