您的位置:MYSQL中文网 > ECharts地区域处理事件

ECharts地区域处理事件

2023-05-06 21:30 ECharts教程

 ECharts地区域处理事件

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

  • 一种是在 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
}
阅读全文
以上是MYSQL中文网为你收集整理的 ECharts地区域处理事件全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 MYSQL中文网 mysqlcn.com 版权所有 联系我们
桂ICP备12005667号-29 Powered by CMS