ECharts:一个页面显示多个环形图
2018-05-22 本文已影响0人
弃单影
![](https://img.haomeiwen.com/i3635301/57c4b79ce1691b18.png)
一、后台返回一个集合Map<String,List<Map<String,Object>>> ,每个map对应一个图。
二、jsp 页面
1、首先引入 jquery 和echarts 的 js文件
2、创建 展示环形图的div
<div id="five"></div>
3、echarts加载,用ajax访问后台获取数据
![](https://img.haomeiwen.com/i3635301/e1a0ed4e94f85591.png)
![](https://img.haomeiwen.com/i3635301/d2a1bb535de8dda2.png)
![](https://img.haomeiwen.com/i3635301/355a813015995475.png)
![](https://img.haomeiwen.com/i3635301/5ec39c9cc1b75c12.png)
![](https://img.haomeiwen.com/i3635301/fa7134a69405fa57.png)
![](https://img.haomeiwen.com/i3635301/657f1fc2ea8fd04f.png)
总结:
一个页面要显示多个图表(不同的)时,添加多个div,然后给每个div加载echarts图表,配置option;
一个页面要显示多个图表(相同的)时,如上,把series设置为数组,然后一个一个的添加即可。