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}

總結

以上是生活随笔為你收集整理的echarts 地图去除点击事件_ECharts地图区域处理事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。