仅渲染当前可见的数据的SVG节点?

时间:2016-01-07 10:52:31

标签: javascript d3.js svg

我创建了一个启用缩放/平移的折线图,但我现在使用的是“真实”数据,其中包含60,000多个点,并且性能毫不奇怪地降至1 - 2 fps。

有人有办法只渲染缩放/平移时可见的内容吗?我很担心使用html5画布,是否可以使用画布作为带时域的折线图?

1 个答案:

答案 0 :(得分:2)

更新

我现在正在使用crossfilter.js来过滤我的数据。我的基本方法,在我的缩放处理程序中,我根据x.domain()范围(下边界和上边界)值过滤我的整个数据集.CrossFilter创建一个新数组,其中只包含适合新域的数据。这个新数组传递给我的更新函数,它只渲染可见数据!

同样值得注意的是,即使HTML5画布也在努力提高甚至60k点的速度。大约90k它完全停止了工作!