具有大量数据的 D3 treemap 的性能

Question

所以我的问题是我将一个大的 JSON 文件（我不确定确切的大小，但它非常大）传递到 D3 可缩放树形图中。

我通过 AJAX 调用 Python 后端来做到这一点。当我加载文件时，我的浏览器的性能完全下降，它甚至需要 5-10 分钟才能出现。

我只是想知道是否有任何有助于提高性能的选项？也许在服务器端渲染它？

这是我第一次遇到这样的性能问题，所以我真的不知道该去哪里。任何帮助将不胜感激。

Answer 1

如果简单地加载 json 对浏览器来说过于繁重，那么在服务器端进行完整的渲染将无济于事，因为渲染的对象会以一种或另一种方式包含相同数量的数据。

但我想你不能一次显示那么多数据。由于您要使用可缩放的可视化工具，因此您可能应该只在当前窗口中加载以当前比例可见的数据（就像任何地图应用程序一样：您不能只在街道级别加载整个世界地图一次，但缩放仍然可以顺利进行）。 Quadtrees 通常对这项任务非常有用。