echarts如何禁用legend的点击事件？

昵称是可以中文吗 2016-11-28 09:26:05

我的柱形图有5个lengend，如何禁用最后一个legend的点击事件？就是点击了不让柱形图的序列隐藏,legend也不变灰？

...全文

14584 26 打赏收藏转发到动态举报

写回复

用AI写文章

26 条回复

切换为时间正序

请发表友善的回复…

发表回复

BenjaVan 2019-01-29

打赏
举报


myChart.on('legendselectchanged', ({ selected, name }) => {
     selected[name] = true
     myChart.setOption({ legend: { selected } })
})

与子为期 2018-08-16

打赏
举报

请问如果我要自定义这个selected事件怎么写呢？
myCharts.on('legendselectchanged', (e) => {}) 我这样写的话，点击某个legend，在图表中还是会消失，我不希望他消失，该怎么办？

qq_26408085 2018-07-23

打赏
举报

引用 18 楼 baidu_37888163 的回复:

Legend有一条属性: selectedMode：false,就可以禁止点击事件了

大神，有个问题，只禁用点击，不禁用悬停，该怎么写？

asanagi 2017-08-22

打赏
举报

我也是同样的问题，要禁用后三个不点击，但是我没太懂下面的答案

rysly 2017-08-04

打赏
举报

你不是指定的最后一个吗? selectedMode：false 是设置的所有都不可以点击的,,,怎么指定某一个呢?

、不知不觉、 2017-05-10

打赏
举报

引用 18 楼 baidu_37888163 的回复:

Legend有一条属性: selectedMode：false,就可以禁止点击事件了

谢谢，就是这个！！！

baidu_37888163 2017-03-13

打赏
举报

Legend有一条属性: selectedMode：false,就可以禁止点击事件了

qq_34469688 2017-02-24

打赏
举报

selected['降水量']=false; myChart.setOption(option); 有设置了一遍option 说跟没说一样

昵称是可以中文吗 2016-11-30

打赏
举报

引用 15 楼 chinmo 的回复:

还有一种思路就是 var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.LEGEND_SELECTED, function (param){ var selected = param.selected; var len; selected['降水量']=false; myChart.setOption(option); }); 保持 selected['降水量']原来的状态

这种方法是可以的，谢谢版主大大

ZERO_9966 2021-07-19

@昵称是可以中文吗 4.9.0版本根本没有这个文件啊，src目录下的config.js文件也没有该方法，。。

一把编程的菜刀 2016-11-29

打赏
举报

还有一种思路就是 var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.LEGEND_SELECTED, function (param){ var selected = param.selected; var len; selected['降水量']=false; myChart.setOption(option); }); 保持 selected['降水量']原来的状态

ZERO_9966 2021-07-19

@一把编程的菜刀 4.9.0版本根本没有这个文件啊，src目录下的config.js文件也没有该方法，。。

一把编程的菜刀 2016-11-29

打赏
举报

引用 10 楼 SCAUSCNU 的回复:

[quote=引用 9 楼 chinmo 的回复:] [quote=引用 8 楼 SCAUSCNU 的回复:] [quote=引用 5 楼 oliver940910 的回复:] echarts API中有legendselectchanged的事件，你可以自己监听legend的点击事件，根据点击的name来判断，如果是最后一个，则不继续执行就可以了。

我目前根据legendselect事件，直接在事件里面return false;但是界面上点击legend还是触发了（就是序列还是正常隐藏和显示）,我现在想要的是不论点击不点击legend,序列都不隐藏[/quote] 你给个可以看的地址，或者把你写的发出来，看看就知道在哪解决好了[/quote] http://echarts.baidu.com/echarts2/doc/example/bar1.html 类似于这个demo,我想让第一个legend点击有反应，第二个legend点击不起作用[/quote] var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.CLICK, function (param){ alert(param.seriesName); //在这里处理试下？ });

昵称是可以中文吗 2016-11-29