Highcharts平行坐标:悬停/高亮显示所有系列通过点
我在highchart中实现了一个,并且已经激活了悬停 但是,大多数情况下,同一点(=类别的值)上有多条系列线,例如,在上面链接的示例中,鞋上可能有多条线(=阿迪达斯)。当悬停在这一点上时,我想检查通过这一点的所有系列线,而不仅仅是顶部的系列线,例如,我想看看阿迪达斯鞋与其他类别的关联(或者至少看看是否存在某种关联)Highcharts平行坐标:悬停/高亮显示所有系列通过点,highcharts,Highcharts,我在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('');
}
});
}
}
}