创新互联ECharts教程：ECharts地图区域处理事件

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

创新互联公司从2013年创立，先为大石桥等服务建站，大石桥等地企业，进行企业商务咨询服务。为大石桥企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

• 一种是在 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
}

当前文章：创新互联ECharts教程：ECharts地图区域处理事件
新闻来源：http://bzwzjz.com/article/djpoodd.html