当有多个legend的时候，我们需要控制默认只选中一个
selectedMode: 'single',
不使用单选的时候：
使用:
legend.selectedMode = true
string | boolean
legend.selectedMode官方链接
图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 false 关闭。
除此之外也可以设成 ‘single’ 或者 ‘multiple’ 使用单选或者多选模式。
使echarts图例legend只选中一个（selectedMode）
2024-09-26
326
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
本文介绍了如何在ECharts图表中设置图例（legend）的选中模式为单选（'single'），以确保在有多个图例时，用户只能选择一个图例项进行展示，从而提升图表的可读性和用户体验。
目录
相关文章
|
1月前
|
JavaScript
API
Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
通过上述方法，我们便能够在ECharts中根据数据的正负为每个图例项设置不同的样式，增强了图表的可读性和表现力。这种方法虽然略显间接，但不失为一种灵活的解决方案。
54
2
2
|
2月前
|
Web App开发
数据可视化
前端开发
Echart的使用初体验，Echarts的基本使用及语法格式，简单图表绘制和使用及图例添加【学习笔记】
本文介绍了ECharts的基本使用和语法格式，包括如何引入ECharts、创建容器、初始化echarts实例对象、配置option参数和一些基础图表的绘制方法。文章还提供了简单图表绘制和使用图例添加的示例代码，以及对ECharts特性和优势的概述。
77
0
0
|
5月前
|
计算机视觉
|
12月前
|
JSON
数据格式
|
JSON
数据格式
|
11月前
|
1月前
|
小程序
前端开发
JavaScript
|
28天前
|
JavaScript
热门文章
最新文章
1
vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式？
2
echarts在.Net中使用实例(二) 使用ajax动态加载数据
3
ECharts使用小笔记
4
echarts 标尺相关参数（visualMap属性设置）
5
Qt+ECharts开发笔记（一）：ECharts介绍、下载和Qt调用ECharts基础柱状图Demo
6
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
7
Vue环境下，在单页面中遍历显示出多个Echarts图表
8
ECharts词云图（案例一）+配置项详解
9
Echarts-地图全国主要城市的分布显示
10
Echarts图——饼图动态
1
【Echarts】Echarts 柱形图实现从右向左滚动
119
2
Axure rp9 引入Echarts图表 |手动引入图表 Apache Echarts
256
3
【vue】 vue中echarts渐变被覆盖、失效，echarts.graphic.LinearGradient，不能正常显示的解决方法。
275
4
【vue】 在vue2项目中使用echarts
63
5
【微信小程序-原生开发】实用教程22 - 绘制图表（引入 echarts，含图表的懒加载-获取到数据后再渲染图表，多图表加载等技巧）
246
6
使用ECharts创建动态数据可视化图表
108
7
echarts 自动轮播
98
8
echarts 热力图（中国地图版）
147
9
echarts 提示框异步获取数据 —— formatter 异步回调函数的使用
128
10
echarts 高亮轮廓的中国地图
188