热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ECharts:对图例禁用默认的单击操作

如何解决《ECharts:对图例禁用默认的单击操作》经验,有好办法吗?

我正在尝试使用ECharts绘制一个我已经能够做的简单的甜甜圈图。我注意到默认情况下,如果单击图例,图例将隐藏图表上的数据项。

我希望用户能够选择图例以执行某些操作(触发事件),而我可以使用可用的事件(https://ecomfe.github.io/echarts-doc/public/en/api.html# events.legendselected),但是我想防止在图表上隐藏/显示数据项的默认行为。

在文档中提到了图例上的属性selectedMode(https://ecomfe.github.io/echarts-doc/public/en/option.html#legend.selectedMode),该属性可防止切换该系列,但这也使图例无法完全选择。

我还尝试过为legendselected和legendunselected触发的事件返回false,但没有成功。

有没有人找到停止这种行为的方法?非常感谢您在此问题上的帮助。

这是一个小提琴,其中包含将selectedMode设置为false的内容。删除此标志以查看默认行为:

legend: {
  orient: "vertical",
  x: "right",
  selectedMode: false,
  data: data.map(d => d.name)
}

https://jsfiddle.net/h44jpmpf/12/


推荐阅读
author-avatar
yyjj7212
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有