D3渲染大数据可行性方案

703 阅读1分钟

技术选型

通常如果是1k以内的数据,可以采用svg来渲染

如果是1w左右的数据,可以采用canvas来渲染

如果是其他的大数据,可以考虑使用webgl来进行渲染

充分利用计算能力

使用多核的webworker节省大量的计算时间

一些hacker手段

利用一些手段来节省渲染的节点数量,比如在折线图的时候,如果有十万的数据,其实只需要渲染其中的1万的数据,用户也根本区分不出来。

代码优化

比如统一最后设置样式

虚拟dom

渐进式的渲染,不阻塞

数据存储

使用二进制进行存储,可以配合渐进式渲染一起使用