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设置为数组,然后一个一个的添加即可。

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

推荐阅读更多精彩内容

  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,946评论 1 180
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,337评论 19 139
  • 交互,是关于产品与使用者互动流程及界面的设计。它以用户为中心,以提升用户体验为终极目标。学习并形成良好的交互素养,...
    伟大的顾大大阅读 4,603评论 0 0
  • 在我十二岁的时候,我的母亲有一晚提出要和我一起睡,她已经很久没有和我亲密了。那一个晚上,我像一个睁眼僵尸一样横陈在...
    少林飞猪阅读 2,994评论 2 6