ECharts 入门教程 ECharts饼图扇形选中事件

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

events.pieselectchanged | Event


ACTION: pieToggleSelect

series-pie 中饼图扇形切换选中状态的事件。

用户点击选中会触发该事件。

{
type: 'pieselectchanged',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}

注: 该事件同 ECharts 2 中的 pieSelected 事件相同。

events.pieselected | Event


ACTION: pieSelect

series-pie 中饼图扇形选中后的事件。

使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 pieselectchanged)。

{
type: 'pieselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}

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

events.pieunselected | Event


ACTION: pieUnSelect

series-pie 中饼图扇形取消选中后的事件。

使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 pieselectchanged)。

{
type: 'pieunselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}