Echarts实现统计图效果

Echarts实现统计图效果

如果简单快捷的用JS代码敲除一个统计图，使用Echarts就能5分钟实现一个统计图
1.首先新建一个html文档，在网络上获取到Echarts的JS代码,
新建一个js文件，命名为echarts.js，然后将代码保存到文件中，放入html项目中，然后再引用该文件

2.在body标签中新建一个div用于统计图的容器，并设置他的id，可以在div标签中设置style属性，也就是容器的长度和宽度，更加方便

3. // 基于准备好的dom，初始化echarts实例
   

4.然后用var 声明一个option，用来指定图表的配置项和数据，
title中的text设置标题名称，legend设置统计图单位名称，xAxis中的data设置x轴的数据名称，series的name设置数据单位，type为统计图的样式，data为xAxis中的data的对应值，有些没有值但是不能删除，否则会出现异常,最后使用刚刚配置的项和数据来显示图表

5.实现效果是这样的

这篇好文章是转载于：学新通技术网