阅读数:324 评论数:0

echarts

是百度公司前端开发一个图表库，支持柱状图、饼状图、k线图、map图、热导向图、折线图。

主要采用canvas画图。完全免费。

highchart

国外公司开发的图表库，主要采用svg画图。(非商业免费)

d3.js

Data-Driven Documents.

它是一个相互协同工作的模块集合，你可以单独使用其中某些模块，也可以使用默认构建的全部功能。相对于highchart和echarts(主要是配置后即可用)，d3.js是可定制的。

完全免费。当有图表交互需求时，可以考虑使用。

1、d3-array  操作数组

2、d3-axis 显示人类友好的刻度标尺参考

3、d3-brush在一维二维空间中使用手势拾取范围区域。

4、d3-chord 用圆形布局

5、d3-collection  几中常用的键值对类型的数据结构

6、d3-color 帮助处理颜色。

7、d3-scale-chomatic 提供了用来表示序列、发散以及分类的颜色方案

8、d3-countour  计算等值线多边形(等高线)

9、d3-dispatch 用来降低代码耦合度的便捷方式: 注册回调函数然后使用任意参数调用

10、d3-drag 交互手势

11、d3-dsv 提供了一个针对分隔符文件/字符串的解析和格式化工具

12、d3-ease 一种通过扭曲时间来控制动画中的表现形式的方法

13、d3-fetch 解析功能，支持json,csv,tsv

14、d3-force 实现了用以模拟粒子物理运动

15、d3-format 将数值格式化为人类友好的格式

16、d3-geo  地图投影

17、d3-hierarchy 层次结构数据的可视化技术

18、d3-interpolate 插值

19、d3-path 在 2D canvas 中绘图

20、d3-polygon 二维多边形

21、d3-quadtree 四叉树可以加速各种空间操作

22、d3-random 以各种分布类型为基础生成随机数

23、d3-scale 比例尺

24、d3-selection 选择集的方法

25、d3-shape 这个模块提供了许多图形生成器以便使用。

26、d3-time-format 格式化日期

27、d3-time 日期计算API

28、d3-timer 这个模块提供了一个高效的队列，能管理上千并发动画同时保证与并发或分段动画一致的同步时序

29、d3-transition 进行动画修改。这种修改不是立即修改，而是在规定的事件内平滑过渡到目标状态。

30、d3-voronoi 泰森多边形

31、d3-zoom 视图移动以及缩放