技术选型
通常如果是1k以内的数据,可以采用svg来渲染
如果是1w左右的数据,可以采用canvas来渲染
如果是其他的大数据,可以考虑使用webgl来进行渲染
充分利用计算能力
使用多核的webworker节省大量的计算时间
一些hacker手段
利用一些手段来节省渲染的节点数量,比如在折线图的时候,如果有十万的数据,其实只需要渲染其中的1万的数据,用户也根本区分不出来。
代码优化
比如统一最后设置样式
虚拟dom
渐进式的渲染,不阻塞
数据存储
使用二进制进行存储,可以配合渐进式渲染一起使用