常用的数据统计图ets

使用方法：

引入样式文件

<link type="text/css" rel="stylesheet" href="./css/index.css" />

引入jQuery库文件、插件JS文件

<script type="text/javascript" src="./js/jquery-1.7.2-min.js"></script>
<script type="text/javascript" src="./js/echarts.min.js"></script>
<script type="text/javascript" src="./js/index.js"></script>

HTML结构

<p>环形统计图</p>
<div id="ring" style="width:450px;height:164px;"></div>
<p>折线统计图</p>
<div id="line" style="width:822px;height:492px;"></div>
<p>柱状统计图1</p>
<div id="pillar1" style="width:838px;height:305px;"></div>
<p>柱状统计图2</p>
<div id="pillar2" style="width:838px;height:305px;"></div>

* 没有特殊的使用要求，无非两步骤：布局、构建

* 对于数据统计图有特殊要求的可以去 官网网站 完善 echarts.min.js 即可，然后在js中进行相关的数据配置