ECharts地图区域处理事件

2018-09-25 11:44 更新

ECharts 中有两种方式的地图区域处理:

  • 一种是在 geo 中;
  • 另一种是在 series-map 中

geo 的情况下 :

events.geoselectchanged   |  Event


ACTION: geoToggleSelect

geo 中地图区域切换选中状态的事件。

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

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

events.geoselected   |   Event


ACTION: geoSelect

geo 中地图区域选中后的事件。

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

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

events.

geounselected

   |   Event


ACTION: geoUnSelect

geo 中地图区域取消选中后的事件。

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

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

series-map 的情况下:

events.mapselectchanged   |   Event

ACTION: mapToggleSelect


series-map 中地图区域切换选中状态的事件。

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

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

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

events.mapselected   |  Event


ACTION: mapSelect

series-map 中地图区域选中后的事件。

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

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

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

events.mapunselected   |   Event


ACTION: mapUnSelect

series-map 中地图区域取消选中后的事件。

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

{
type: 'mapunselected',
// 系列 ID,可以在 option 中传入
seriesId: string
// 数据名称
name: name,
// 所有数据的选中状态表。
selected: Object
}
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号