javascript - D3 : Highlighting Parts of Path on Mouseover in Line Graph

Question

我想知道是否有可能有一个 d3 线图，其中一个可拖动窗口突出显示或仅更改窗口中线(路径)部分的颜色。

这是一张图片 exemplifies the use case

我可以改变整条线或将线分成几部分，但我想知道是否可以简单地改变窗口中路径上的每个点。

我如何才能访问路径中的点以更改它们？从那里我想我可以改变它们。这是捕获他们的属性的问题。

Answer 1

1. 渲染整个路径两次，一次正常，一次高亮
2. 使用clip-path在突出显示的版本上
3. 将使用的 clipPath 动态更改为突出显示的矩形形状。