图例的状态随时改变,记录其改变,并且获取图例的状态echarts

var selectArr = option.legend.data;
myChart.on('legendselectchanged', function(obj) {
//alert("22");
var selected = obj.selected;
var name = obj.name;

// 使用 legendToggleSelect Action 会重新触发 legendselectchanged Event,导致本函数重复运行
// 使得 无 selected 对象
      if (name == 'Top 5') {
     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 = {};
        var temp;
        var val ;
        for(var key in selectArr){


            //var temp=selectArr[key];
            temp=selectArr[key];
            alert(temp);
            if(option.legend.selected[selectArr[key]]==true){
               // alert(selectArr[key]);
            }
          alert(option.legend.selected[selectArr[key]]);
          val=option.legend.selected[selectArr[key]];
           // alert( obj['Top 5']);
           //  alert(selectArr[key]);
          //legendOptions[name]
           obj[selectArr[key]] = val;
             //  alert( obj[selectArr[key]] );
        }    
        option.legend.selected = obj;

        myChart.setOption(option);
    }
    else{
        alert(name);
        alert(option.legend.selected[name]);
        var obj = {};
        var temp;
        var val ;
        if(option.legend.selected[name]==true){option.legend.selected[name]=false;}else{option.legend.selected[name]=true;}
        for(var key in selectArr){


            //var temp=selectArr[key];
           // temp=selectArr[key];
          //  alert(temp);
          //alert(option.legend.selected[selectArr[key]]);
          val=option.legend.selected[selectArr[key]];
           // alert( obj['Top 5']);
           //  alert(selectArr[key]);
          //legendOptions[name]
           obj[selectArr[key]] = val;
             //  alert( obj[selectArr[key]] );
        }    
        option.legend.selected = obj;
        myChart.setOption(option);}

});
overlay.setOption(option);

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,175评论 0 0
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 12,196评论 0 10
  • // 使用刚指定的配置项和数据显示图表var selectArr = option.legend.data;myC...
    鼾声鼾语阅读 9,881评论 0 0
  • 不敢倒下,因为身后有孩子! 不敢逃避,因为前面有父母!不敢生病,因为没有人照顾 ! 不敢说累,因为没有人惯着! 不...
    勿念丶请给我自由阅读 1,693评论 0 0
  • 早晨起来,向舍友讲述昨晚发生的故事。我激动着说着,眼泪随着涌出来。我说,我以前不懂的为什么有人选择了自杀,选择跳楼...
    巽需阅读 1,450评论 1 0

友情链接更多精彩内容