【项目实战】---ECharts绘制环形图

前言：

ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等）。支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。

在项目中也对它进行了实践，这次以饼图为例，一起看看吧，简单易用，效果还很不错。

首先：

引入和ECharts相关的js文件

<script type="text/javascript" src="/Scripts/echarts-all.js"></script>

页面核心：

<div data-options="region:'west',split:true,title:'Demo',collapsible:false"  style="width: 50%;" id="chart0">
</div>

js核心：

测试版本：

可以借助官网很好的做到测试的效果，改动代码查看自己想要的效果---