Параллельные координаты Highcharts: Наведите курсор / выделите все серии через точку

Question

Я реализовал параллельную диаграмму координат на старшей диаграмме и уже активировал зависание.

Однако в большинстве случаев в одной и той же точке более одной строки серии (= значение категории). Например, в приведенном выше примере на башмаке может быть несколько строк = Adidas). При наведении на эту точку я хотел бы исследовать все линии серии, проходящие через эту точку, а не только одну наверху, например Я хочу видеть, как обувь Adidas соотносится с другими категориями (или, по крайней мере, вижу, есть ли какая-то корреляция).

Я думаю, в основном я ищу что-то вроде наведения всех линий в этой точке сразу или даже лучше: переключаться между всеми линиями при наведении на эту точку. Есть идеи, как я мог это сделать?

Answer 1

Это классная функция, я предлагаю создать идею на UserVoice и проголосовать за нее, так что это будет из коробки.

Вот простая реализация: https://jsfiddle.net/BlackLabel/or57kpyx/14/

Отрывок:

( Примечание : заменено series.events.mouseOver на series.point.events.mouseOver, поэтому мы знаем точное значение текущей точки):

      point: {
        events: {
          mouseOver: function() {
            var series = this.series.chart.series, // all series on the chart
              x = this.x,
              y = this.y;

            Highcharts.each(series, function (s) {
                // The same parallel coords
              if (s.data[x].y === y) {
                s.group.toFront();
                s.setState('hover');
              } else {
                s.setState('');
              }
            });
          }
        }
      }