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

一種是在?geo?中；

另一種是在?series-map?中

geo?的情況下 ：

events.geoselectchanged? ?| ?Event

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

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

type: 'geoselectchanged',

// 系列 ID，可以在 option 中傳入

seriesId: string

// 數(shù)據(jù)名稱

name: name,

// 所有數(shù)據(jù)的選中狀態(tài)表。

selected: Object

}

events.geoselected? ?| ? Event

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

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

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

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 中用戶開關圖例對應的事件從?mapselected?改為?mapselectchanged。

events.mapunselected? ?| ? Event

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

使用dispatchAction可觸發(fā)此事件，用戶點擊不會觸發(fā)此事件(用戶點擊事件請使用?mapselectchanged)。{type:'mapunselected',// 系列 ID，可以在 option 中傳入seriesId:string// 數(shù)據(jù)名稱name:name,// 所有數(shù)據(jù)的選中狀態(tài)表。selected:Object}

總結

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

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