javascript - D3js 在鼠标悬停时应用投影

Question

关于应用过滤器的潜在方式，我有一个要点（请参阅此处的预览）。我不确定如何在触发鼠标悬停的矩形上有条件地应用它。到目前为止，我看到的示例是应用过滤器 id，但是如果我像上面的示例一样更改过滤器属性，它会影响所有元素。

我实际上正在寻找框阴影来指示选择（如此处）如果您可以将模糊更改为阴影，那就太好了。

谢谢。

Answer 1

一种方法是使用 CSS :hover 规则来应用过滤器属性，请参阅此示例。

定义类似于您已经完成的模糊过滤器，然后使用这样的 CSS：

rect:hover { filter: url(#blur); }

您可能也应该指定一个稍大的过滤器区域，否则您的模糊会被剪裁。