Highchart Click Event

Question

В настоящее время я работаю над интеграцией Highchart, где у меня есть несколько рядов данных, классифицированных по месяцам. Это похоже на вывод в этом примере,

При нажатиив определенной точке на графике я хочу показать все данные точек серии для этой конкретной категории в новом всплывающем окне,

в примере выше, если я нажму на Токио в феврале, я хочучтобы получить все остальные данные 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/