echarts图例默认只显示某几个,其余图例手动控制显示

1.首先,我们的需求是默认只显示一条平均分图例,我想看哪个的再手动点亮图例按钮展示,效果如下:

默认:
在这里插入图片描述

手动点亮图例:
在这里插入图片描述

涉及代码如下:

// legendData表示我这里的分组数组

let selectedLegent = {};  // 定义一个对象
for(let i in legendData) {
	// 将除了平均分的其他图例都置为false,这里可以根据需求也显示部分其他的: &&legendData[i].indexOf('XXX')==-1
	if(legendData[i].indexOf('平均分')==-1) {
		selectedLegent[legendData[i]]=false
	}
}

option = {
	...
	legend: {},
		data: legendData,
		selected: selectedLegent  // 将selectedLegent  对象赋值到这里
	},
	series: seriesData
};

如果你的数据是静态的,想要哪个图例默认不展示,按下面这个

legend: {
  data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine'],
   selected: {
   'Email': false,
   'Direct': false
   }
 },

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值