ECharts 入门教程 ECharts中的图例事件

2024-02-25 开发教程 ECharts 入门教程 匿名 4

events.legendselectchanged | Event


ACTION: legendToggleSelect 切换图例选中状态后的事件。

注:图例组件用户切换图例开关会触发该事件。

{
type: 'legendselectchanged',
// 切换的图例名称
name: string
// 所有图例的选中状态表
selected: Object
}

events.legendselected | Event


ACTION: legendSelect 图例选中后的事件。

{
type: 'legendselected',
// 选中的图例名称
name: string
// 所有图例的选中状态表
selected: Object
}

注: ECharts 2.x 中用户开关图例对应的事件从 legendselected 改为 legendselectchanged

events.legendunselected | Event


ACTION: legendUnSelect 图例取消选中后的事件。

{
type: 'legendunselected',
// 取消选中的图例名称
name: string
// 所有图例的选中状态表。
selected: Object
}

events.legendscroll | Event


ACTION: legendscroll 图例滚动事件。

{
type: 'legendscroll',
scrollDataIndex: number
legendId: string
}