svg-时间系列
基于D3.js的SVG时间序列图可以正确达到60 FPS。 平移和缩放比其他基于画布或SVG的图表快得多。
:1格,2系列1070点
:5个网格,10个系列的1070点
演示1在台式机,最新的iPhone和顶级Android手机上达到60 FPS。 演示2显示了台式机上的60 FPS,iPhone上约24 FPS,老旧的LG D90上约3 FPS。
相比之下, 库基本上从未达到60 fps。 按住shift尝试在主页上平移他们的演示。 请注意,上面的演示使用了相同的NY vs SF温度数据集。
D3.js似乎很慢:。 但是事实证明,SVG栅格化不是瓶颈。 在该演示中,只有2个问题需要解决,才能达到60 fps:
避免在平移和缩放过程中对网格的SVG线进行额外的属性设置(部分已经在d3轴的HEAD中)
绘制d3.timeout()而不是d3.zoom() ,
1