zoukankan      html  css  js  c++  java
  • Echarts使用一个图例legend实现全选和全部取消的功能

    1、修改legend的data值,在前面加上全选和全不选,data = ['全选','全不选',1,2,3]

    2、监听 legendselectchanged事件

    / 使用刚指定的配置项和数据显示图表
    var selectArr = option.legend.data;
    myChart.on('legendselectchanged', function(obj) {
    var selected = obj.selected;
    var name = obj.name;
    // 使用 legendToggleSelect Action 会重新触发 legendselectchanged Event,导致本函数重复运行
    // 使得 无 selected 对象
    if (name == '全选') {//需要配置一个legend为‘全选’的名称
    //alert("33");
    var flag = $(this).attr('flag');
    if(flag == 1){
    var val = false;
    $(this).attr('flag',0);
    $(this).val('全选中');
    }else{
    var val = true;
    $(this).attr('flag',1);
    $(this).val('全不选');
    }
    var obj = {};
    for(var key in selectArr){
    obj[selectArr[key]] = val;
    }
    option.legend.selected = obj;
    myChart.setOption(option);
    }
    });
  • 相关阅读:
    虚拟机virtualBox
    在scala命令行中加入类库
    使用git submodule
    Julia1.x安装
    texshop 使用技巧
    vimdiff换行
    双系统磁盘挂载失败
    www.wolframalpha.com
    sublime3激活方法
    实验数据
  • 原文地址:https://www.cnblogs.com/yun1108/p/10971424.html
Copyright © 2011-2022 走看看