1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > echarts图表设置关于图例legend 限制图例可点击时最少保留显示一个图例

echarts图表设置关于图例legend 限制图例可点击时最少保留显示一个图例

时间:2021-08-19 14:37:34

相关推荐

echarts图表设置关于图例legend 限制图例可点击时最少保留显示一个图例

echarts图表设置关于图例legend,限制图例可点击时最少保留显示一个图例

echarts图表设置关于图例legend,限制图例可点击时最少保留显示一个图例,亲测有效;

代码如下:

// 初始化ecahrtslet echartsWrapper = this.$echarts.init(document.getElementById('echarts-wrapper'));let option = {...}; //echarts图的一些配置项echartsWrapper.clear();// 设置配置项echartsWrapper.setOption(option);// 当选择图例的时候做处理echartsWrapper.on('legendselectchanged', function (params) {console.log(params) // 可以打印看下参数var optionLegend = echartsWrapper.getOption(); var selectValue = Object.values(params.selected); var n = 0; selectValue.map(function (res) {if (!res) {n++; } });if (n == selectValue.length) {optionLegend.legend[0].selected[params.name] = true;}echartsWrapper.setOption(optionLegend);});

效果如下:

打印的params里面的参数如下:

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