当有多个legend的时候，我们需要控制默认只选中一个
selectedMode: 'single',
不使用单选的时候：
使用:
legend.selectedMode = true
string | boolean
legend.selectedMode官方链接
图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 false 关闭。
除此之外也可以设成 ‘single’ 或者 ‘multiple’ 使用单选或者多选模式。
使echarts图例legend只选中一个（selectedMode）
2024-09-26
19
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
本文介绍了如何在ECharts图表中设置图例（legend）的选中模式为单选（'single'），以确保在有多个图例时，用户只能选择一个图例项进行展示，从而提升图表的可读性和用户体验。
目录
相关文章
|
3月前
|
计算机视觉
|
10月前
|
JSON
数据格式
|
10月前
|
JSON
数据格式
|
11月前
|
9月前
|
10月前
|
29天前
|
小程序
JavaScript
微信小程序使用echarts图表（ec-canvas）
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法，包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
168
1
1
|
1月前
|
前端开发
数据可视化
JavaScript
热门文章
最新文章
1
解决vue中使用echarts，大量数据缩放卡顿的问题
2
Axure实战16:使用Axure和JavaScript引用Echarts图表
3
Echarts高级进阶教程(2)：appendData异步加载大数据量分片加载数据和增量渲染的解决方案
4
echarts在.Net中使用实例(二) 使用ajax动态加载数据
5
ECharts使用小笔记
6
vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式？
7
Echarts饼状图修改图例legend文字颜色和字体大小
8
Qt+ECharts开发笔记（一）：ECharts介绍、下载和Qt调用ECharts基础柱状图Demo
9
Echarts-地图全国主要城市的分布显示
10
Echarts图——饼图动态
1
Spring Boot整合 mybatisplus（后端） Vue+echarts+Element UI+axios（前端）---前后端项目实例demo
98
2
web前端-Echarts-5.3高级可视化和图表组合布局
82
3
web前端-Echarts-5.3安装配置和案例
57
4
【数学建模竞赛】超赞作图网站分享Apache ECharts
90
5
ECharts helloworld
55
6
ECharts 对比 Highcharts 使用教程
103
7
ECharts前端教程
101
8
怎么在echarts图上左右滑动切换数据区间
175
9
echarts图表坐标轴数据标签添加下划线
179
10
vue + echarts实现国省市三级下钻联动
246