美文网首页我爱编程
ECharts:一个页面显示多个环形图

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

作者: 弃单影 | 来源:发表于2018-05-22 11:59 被阅读0次

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

    相关文章

      网友评论

        本文标题:ECharts:一个页面显示多个环形图

        本文链接:https://www.haomeiwen.com/subject/nidhjftx.html