前端数据可视化库的选型

Web前端中有时会需要将数据通过图表的形式展示，而选择一个JavaScript的可视化库是比较重要的。
选择需要多个因素进行权衡，项目的需求、开发周期、人员的技术、文档、问题的解决、功能，下面是针对
github上星数较多的数据可视化库针对各角度做一下对比，方便后续的选型有所帮助。

库的选择

• D3

  • 功能强大，灵活
  • 中英文手册齐全
  • 免费
  • API多，上手复杂
  • 星数50K+

• C3

  • 基于D3
  • 官网访问速度慢
  • 星数6k左右

• chartjs

  • 上手简单,api相对简单
  • 无中文文档
  • 星数20k+

• echarts

  • 支持anguarjs,vue,react
  • 支持百度地图的扩展
  • 中英文手册全面
  • 免费使用，需要保留版权说明。
  • 可导出图片，不能导出数据，可查看数据
  • 星数15k+

• epochjs

  • 支持基本图形(bar, gauge, heatmap, line)和实时图
  • 无中文文档
  • 基于D3
  • 星数4k+

• chartist.js

  • 简单小巧，无依赖(10kb)
  • 响应式
  • 纯html,css,js
  • 无中文文档
  • 星数9k

• keen-dataviz.js

  • keen.io的sdk
  • 星数74

• highcharts

  • 商业收费

对比	D3	C3	chartjs	echarts	epochjs	chartist.js
github star	星数50K+	星数6K+	星数20k+	星数15k+	星数4k+	星数9k
优点	功能强大，灵活定制	继承D3的功能	上手简单	上手简单，功能齐全，支持百度地图，支持vue扩展	擅长实时图	简单小巧(10k),响应式
缺点	api庞大，上手较难	官网访问慢	功能中等	性能未知	支持图表类型较少	开发中，不太稳定
依赖	无	D3	Moment.js	zrender	D3	无
中文支持	官方中英文文档	无官方中文文档	无官方中文文档	官方中英文文档	无官方中文文档	无官方中文文档
开源协议	免费商用，需带版权声明	MIT	MIT	免费商用，需带版权声明	MIT	MIT,WTFPL

【全文完】