ECharts 中有两种方式的地图区域处理:
一种是在 geo 中;
另一种是在 series-map 中
geo 的情况下 :
events.geoselectchanged | Event
geo 中地图区域切换选中状态的事件。
用户点击选中会触发该事件。{
type: 'geoselectchanged',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}
events.geoselected | Event
geo 中地图区域选中后的事件。
使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 geoselectchanged)。{
type: 'geoselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}
events.geounselected
| Event
geo 中地图区域取消选中后的事件。
使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 geoselectchanged)。{
type: 'geounselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}
series-map 的情况下:
events.mapselectchanged | Event
series-map 中地图区域切换选中状态的事件。
用户点击选中会触发该事件。{
type: 'mapselectchanged',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}
注: 该事件同 ECharts 2 中的 mapSelected 事件相同。
events.mapselected | Event
series-map 中地图区域选中后的事件。
使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 mapselectchanged)。{
type: 'mapselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object}
注: ECharts 2.x 中用户开关图例对应的事件从 mapselected 改为 mapselectchanged。
events.mapunselected | Event
series-map 中地图区域取消选中后的事件。
使用dispatchAction可触发此事件,用户点击不会触发此事件(用户点击事件请使用 mapselectchanged)。{type:'mapunselected',// 系列 ID,可以在 option 中传入seriesId:string// 数据名称name:name,// 所有数据的选中状态表。selected:Object}