前端数据可视化库的选型

前端数据可视化库的选型

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

  • 商业收费

【全文完】