echarts legend控制选择至少一个图例

您所在的位置：网站首页 › legend中文怎么读 › echarts legend控制选择至少一个图例

echarts legend控制选择至少一个图例

2023-04-12 22:42| 来源: 网络整理| 查看: 265

echarts的legend组件自带一个功能，点击哪个图例，哪个就消失但是当所有图例都消失的时候,就会出现以下情况:

图片.png

图片.png 因为没有图例所以纵坐标没有数据并且会左移，这样不美观

//chart是拿到的echart实例 const handleSelect=(chart)=>{ //监听事件 chart.on('legendselectchanged', function (param) { //打印params参数是这些 /* { name: "email" selected: {email: false, Union Ads: true, Video Ads: true, Direct: true} type: "legendselectchanged" */ //记录剩下的图例数 let selected = []; for (let key in param.selected) { if (param.selected[key]) { selected.push(key); } } //如果只剩一个就触发事件选中最后一个点击的图例 //echarts中支持的图表行为，通过dispatchAction触发。 if (selected.length < 1) { chart.dispatchAction({ type: 'legendSelect',//选中图例 name: param.name }); } }); } 复制代码

【本文地址】

echarts legend控制选择至少一个图例

echarts legend控制选择至少一个图例

今日新闻

推荐新闻