高图表平行坐标:悬停/突出显示所有系列通过点



我在高图表中实现了平行坐标图,并且已经激活了悬停。

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

我想,基本上我正在寻找类似一次悬停此点上的所有行甚至更好的东西:在悬停此点时在所有行之间切换。知道我该怎么做吗?

这是一个很酷的功能,我建议在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('');
}
});
}
}
}

最新更新