使用 插件 开发:
1、前端数据可视化插件:Highcharts、Echarts和D3 : https://blog.csdn.net/u013511989/article/details/72236788 (Echarts是canvas实现的,推荐)
2、Echarts学习:http://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts (可定制)
3、antV - G2: G2初始化数据并非以组件的形式引入,和echarts一样,挂载在一个DOM对象上的,可以在 hml 直接使用。通过js配置实现的 https://antv.alipay.com/zh-cn/g2/3.x/index.html
4、bizcharts: BizCharts图表库基于React技术栈,各个图表项皆采用了组件的形式,同时BizCharts基于G2进行封装。 https://bizcharts.net/products/bizCharts/demo
使用教程:https://bizcharts.net/products/bizCharts/api/axis(官网) 或 https://www.jianshu.com/p/9dc63b4d96dd(推荐)
5、
使用开发好的 可视化 应用:
1、dataV:这个不是插件,是 阿里开发好的 可视化应用,直接填数据就可以了。需要支付费用的。普通版的必须在线使用,高级版的可以离线使用(即在内网中使用)。