美文网首页
echarts图例点击反选

echarts图例点击反选

作者: Piemon_Jay | 来源:发表于2021-09-17 19:17 被阅读0次

默认展示单项数据

image.png
反选:
https://www.cnblogs.com/xiaxuening/p/10971983.html
this.echart.on('legendselectchanged', function(obj) {
                const {selected, name} = obj;
                if (first && selected) {
                    Object.keys(selected).forEach(key => {
                        selected[key] = key === name ? true : false;
                    });
                    first = false;
                } else {
                    let open = selected[name];
                    selected[name] = open;
                }
                option.legend.selected = selected;
                this.setOption(option);
            });

first删掉,注意this指向

相关文章

网友评论

      本文标题:echarts图例点击反选

      本文链接:https://www.haomeiwen.com/subject/utjsgltx.html