将大型JSON文件与d3.js一起使用会导致大量性能命中/崩溃

时间:2015-01-15 20:14:02

标签: javascript json d3.js

所以我目前有一个大小约为90mb的大型JSON文件和大约3/4百万行。我正在尝试使用d3.json命令从中创建图形。 d3.json成功生成数据,我可以渲染图形,但是我的树中存在一个节点,其中可能有超过500个子节点。这会导致Chrome崩溃,Firefox崩溃,但不会崩溃,让我有机会关闭节点并重新获得性能。

根据这篇stackoverflow文章(d3 — Progressively draw a large dataset),我可以用它来逐步绘制数据集。这可以通过更智能的拼接为JSON完成吗?但是,最终结果与Firefox中的结果不一样吗?

有没有办法为子节点创建分页系统?除了不显示那么多子节点之外,还有一个可行的解决方案吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

我解决了问题来自d3完成的动画和绘图,所以我最终在JSON中创建了伪文件夹,以最大限度地减少显示的节点数量。

因此,我决定扩展104个文件夹,每个文件夹包含250个节点,而不是尝试一次扩展26154个节点。

希望这有助于任何人遇到同样的问题。