Highcharts平行坐标:悬停/高亮显示所有系列通过点

Highcharts平行坐标:悬停/高亮显示所有系列通过点,highcharts,Highcharts,我在highchart中实现了一个,并且已经激活了悬停 但是,大多数情况下,同一点(=类别的值)上有多条系列线,例如,在上面链接的示例中,鞋上可能有多条线(=阿迪达斯)。当悬停在这一点上时,我想检查通过这一点的所有系列线,而不仅仅是顶部的系列线,例如,我想看看阿迪达斯鞋与其他类别的关联(或者至少看看是否存在某种关联) 我想,基本上我是在寻找类似于将所有线同时悬停在这一点上的东西,甚至更好:在悬停这一点的同时在所有线之间切换。你知道我该怎么做吗 这是一个很酷的功能,我建议你创建一个想法并投赞成票,

我在highchart中实现了一个,并且已经激活了悬停

但是,大多数情况下,同一点(=类别的值)上有多条系列线,例如,在上面链接的示例中,鞋上可能有多条线(=阿迪达斯)。当悬停在这一点上时,我想检查通过这一点的所有系列线,而不仅仅是顶部的系列线,例如,我想看看阿迪达斯鞋与其他类别的关联(或者至少看看是否存在某种关联)


我想,基本上我是在寻找类似于将所有线同时悬停在这一点上的东西,甚至更好:在悬停这一点的同时在所有线之间切换。你知道我该怎么做吗

这是一个很酷的功能,我建议你创建一个想法并投赞成票,这样就可以开箱即用了

以下是简单的实现:

片段:

注意:将
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('');
              }
            });
          }
        }
      }