动态数据展示使用的工具(不断补充)

165 阅读2分钟

之前在研究实时动态变更的图表数据展示时,查找了一些资料,找到了一些可以使用的工具包,现在对此做一个小总结,以后也会不断补充。

1、 D3.js

开发者是一个美国专家。我之前对动态图表这块是小白,当时上手直接用的是D3。虽然最终做出了想要的效果,但是过程就比较复杂,学习成本较高,特别是当时项目排期还比较紧。区别于其他组件的开箱即用,D3需要更多的精力投入,当然凭借自由灵活以及直接操作底层的DOM的特性,可以实现任何想要实现的2D设计效果。对于需要特殊处理图表数据的场景,是非常的合适的。

参考资料 : github.com/Jannchie/Hi…

github地址: github.com/d3/d3

作者主页: github.com/mbostock

2、Antv/G2

开发团队是蚂蚁金服,在平时简单的图表场景中,经常会使用antv。个人感觉antv虽然没有D3的自由度高,但是相对来说可以使用的api还是很多的,而且更重要的一点,就是操作比D3简单很多,而且有比较成熟的文档参考,对于小白也是非常友好的,门槛不高。在平时的业务场景中,其实用Antv就已经够用了。

参考资料:g2.antv.vision/zh/docs/man…

3、Echarts

开发团队是百度,其实我并没有使用过echarts,但是周围的同事有用过,总体来说评价还是不错的。以后使用了,再来补充。

个人而言,还是比较喜欢D3的,因为自由灵活的特性,适合前端进阶。比起开箱即用的东西,自己去尝试理解底层的实现,其实更加有益。