高图表点击事件

时间:2018-10-08 14:20:04

标签: javascript php laravel highcharts

我目前正在从事Highchart集成,其中有按月分类的多个数据系列, 它与本示例中的输出类似, enter image description here

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

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

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

1 个答案:

答案 0 :(得分: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/