javascript - d3 : Avoid unchanged nodes?

Question

当通过 d3.js 传递数据时，该库将数据分为进入/更新/退出组件，但我发现我们在更新部分浪费了大量计算，用于重新计算未更改的值并将属性重新设置为已经存在的相同值。

有什么好的方法可以将“更新”集合进一步划分为更改/未更改集合？

Answer 1

您可以对您的更新选择进行其他选择。也就是说，再次调用 .selectAll() 时使用的选择器只会让您获得需要更新的内容。这当然假设您可以生成这样的选择器。一种方法可能是通过 CSS 类完成所有操作，并且不在代码本身中设置任何属性。然后您可以根据 CSS 类进行选择。

除此之外，您真的无能为力。 D3 背后的整体思想是可视化由数据决定，如果数据不变，视觉元素也保持不变。