创新互联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://www.shufengxianlan.com/qtweb/news30/97530.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联