d3.js - 使用 JOINS 是否也有性能提升

Question

我正在考虑散点图……上面有很多圆圈的图。假设它有5000个圆圈。然后我看到一些代码说 Ok here is you how you draw "one" circle with D3,现在我想要其中的 5000 个，每个都是一个 DOM，对吗？那么浏览器会崩溃还是可以处理呢？然后我来到了这篇博文 http://bost.ocks.org/mike/join/ 这解释了 JONIS.... 那么这是否意味着如果我使用 JOINS 那么我不需要创建 5000 个单独的圈子和性能会大幅度改善吗？或者它只是一个很好的语法并且性能仍然是一样的？

Answer 1

加入只是意味着如果您加载一些新数据，那么您将能够轻松分离：新圈子（selection.enter()），删除圈子（selection.exit()）和所有圈子（selection）。！

在下图中，元素对应于已加载的数据，数据对应于您将用于创建新圆圈的新数据。

元素与数据

因此，您仍将加载 5000 个单独的圈子。但是，如果您只更新一个圆圈，那么您将不会使用 重绘 5000 个圆圈selection.enter()。因此，通过明智地使用此工具，您可以提高动态可视化的性能。