200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > echarts图例默认只显示某几个 其余图例手动控制显示

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

时间:2021-01-29 20:19:57

相关推荐

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

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

默认:

手动点亮图例:

涉及代码如下:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。