Question

我在高级图表中实现了parallel coordinates chart，并且已经激活了悬停功能。

但是，大多数情况下，同一点上有不止一个意向线（=类别的值）。例如，在上面链接的示例中，shoes = 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('');
              }
            });
          }
        }
      }

Highcharts平行坐标：悬停/突出显示所有通过点的序列

1 个答案: