ECharts地圖區(qū)域處理事件

2018-09-25 11:44 更新

ECharts 中有兩種方式的地圖區(qū)域處理:

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

geo 的情況下 :

events.geoselectchanged   |  Event


ACTION: geoToggleSelect

geo 中地圖區(qū)域切換選中狀態(tài)的事件。

用戶點擊選中會觸發(fā)該事件。

{
type: 'geoselectchanged',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object
}

events.geoselected   |   Event


ACTION: geoSelect

geo 中地圖區(qū)域選中后的事件。

使用dispatchAction可觸發(fā)此事件,用戶點擊不會觸發(fā)此事件(用戶點擊事件請使用 geoselectchanged)。

{
type: 'geoselected',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object
}

events.

geounselected

   |   Event


ACTION: geoUnSelect

geo 中地圖區(qū)域取消選中后的事件。

使用dispatchAction可觸發(fā)此事件,用戶點擊不會觸發(fā)此事件(用戶點擊事件請使用 geoselectchanged)。

{
type: 'geounselected',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object
}

series-map 的情況下:

events.mapselectchanged   |   Event

ACTION: mapToggleSelect


series-map 中地圖區(qū)域切換選中狀態(tài)的事件。

用戶點擊選中會觸發(fā)該事件。

{
type: 'mapselectchanged',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object
}

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

events.mapselected   |  Event


ACTION: mapSelect

series-map 中地圖區(qū)域選中后的事件。

使用dispatchAction可觸發(fā)此事件,用戶點擊不會觸發(fā)此事件(用戶點擊事件請使用 mapselectchanged)。

{
type: 'mapselected',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object}

注: ECharts 2.x 中用戶開關(guān)圖例對應(yīng)的事件從 mapselected 改為 mapselectchanged。

events.mapunselected   |   Event


ACTION: mapUnSelect

series-map 中地圖區(qū)域取消選中后的事件。

使用dispatchAction可觸發(fā)此事件,用戶點擊不會觸發(fā)此事件(用戶點擊事件請使用 mapselectchanged)。

{
type: 'mapunselected',
// 系列 ID,可以在 option 中傳入
seriesId: string
// 數(shù)據(jù)名稱
name: name,
// 所有數(shù)據(jù)的選中狀態(tài)表。
selected: Object
}
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號