ECharts:一个页面显示多个环形图

Posted 2023-03-12

参考技术A 一、后台返回一个集合Map<String,List<Map<String,Object>>> ,每个map对应一个图。

二、jsp 页面

1、首先引入 jquery 和echarts 的 js文件

2、创建 展示环形图的div

    <div id="five"></div>

3、echarts加载，用ajax访问后台获取数据

总结：

一个页面要显示多个图表（不同的）时，添加多个div，然后给每个div加载echarts图表，配置option；

一个页面要显示多个图表（相同的）时，如上，把series设置为数组，然后一个一个的添加即可。