echarts legend不允许点击
时间: 2024-03-16 21:38:27 浏览: 293
echarts2.2.7
5星 · 资源好评率100%
ECharts是一个基于JavaScript的开源可视化库,用于构建交互式的图表和数据可视化。legend(图例)是ECharts中的一个组件,用于展示图表中不同系列的标识和名称。
默认情况下,ECharts的legend是可以点击的,点击图例可以控制对应系列的显示与隐藏。但是,如果你想禁止legend的点击事件,可以通过设置legend的selectedMode属性为false来实现。
例如,以下是一个禁止点击legend的示例代码:
```javascript
option = {
legend: {
selectedMode: false, // 禁止点击legend
data: ['系列1', '系列2', '系列3']
},
series: [
{
name: '系列1',
type: 'bar',
data: [10, 20, 30]
},
{
name: '系列2',
type: 'bar',
data: [15, 25, 35]
},
{
name: '系列3',
type: 'bar',
data: [20, 30, 40]
}
]
};
```
在上述代码中,通过设置legend的selectedMode属性为false,禁止了legend的点击事件。
阅读全文