侧边栏壁纸
  • 累计撰写 781 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

图例实现全选

Dettan
2022-01-09 / 0 评论 / 0 点赞 / 48 阅读 / 623 字
温馨提示:
本文最后更新于 2022-04-30,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

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

/ 使用刚指定的配置项和数据显示图表
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);
		}
});

0

评论区