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

Question

我有一个 gist (参见预览 here )关于应用过滤器的潜在方式。我不确定如何在触发鼠标悬停的矩形上有条件地应用它。到目前为止我看到的示例是应用过滤器 ID，但如果我像上面的示例那样更改过滤器属性，它会影响所有元素。

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

谢谢。

Answer 1

一种方法是使用 CSS :hover 规则应用过滤器属性，参见 this example .

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

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

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