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

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

二、jsp 页面

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

2、创建 展示环形图的div

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

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


初始化div,访问后台获取数据


设置option


设置标题


取数据,设置arr,把arr添加到option.series中

总结:

一个页面要显示多个图表(不同的)时,添加多个div,然后给每个div加载echarts图表,配置option;

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容