codecamp

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
}
ECharts工具栏事件
ECharts饼图扇形选中事件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }