Echarts事件·Echarts鼠标操作事件·Echarts组件触发事件

Echarts鼠标操作事件

主要是使用js中的on绑定事件，例如：

　　charts.on("click",function(params) {

      　　window.alert(params.name + " 通过 " + params.seriesName + " 进入本站的用户数量为:" + params.data)

        })

　　展示效果：

 

 

以下总结Echarts,20条组件交互事件：

　　 1） legendselectchanged : 切换图例选中状态后的事件 (注：图例组件用户切换图例开关会触发该事件,不管你有没有选择，点击了就触发)

　　2）legendselected：例组件用legendSelect 图例选中后的事件，即点击显示该图例时，触发就生效。

　　3）legendunselected： legendUnSelect 图例取消选中后的事件。

　　4）datazoom：数据区域缩放后的事件。缩放视觉映射组件。

　　5）datarangeselected：selectDataRange 视觉映射组件中，range 值改变后触发的事件。

　　6）timelinechanged：timelineChange 时间轴中的时间点改变后的事件。

　　7）timelineplaychanged：timelinePlayChange 时间轴中播放状态的切换事件。

　　8）restore： restore 重置 option 事件。

　　9）dataviewchanged：工具栏中数据视图的修改事件。

　　10）magictypechanged：工具栏中动态类型切换的切换事件。

　　11）geoselectchanged：geo 中地图区域切换选中状态的事件（用户点击选中会触发该事件。）。

　　12）geoselected：geo 中地图区域选中后的事件（使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 geoselectchanged））。

　　13）geounselected：geo 中地图区域取消选中后的事件，使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 geoselectchanged）。

　　14）pieselectchanged：series-pie 中饼图扇形切换选中状态的事件，用户点击选中会触发该事件。

　　15）pieselected：series-pie 中饼图扇形选中后的事件，使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 pieselectchanged）。

　　16）pieunselected：series-pie 中饼图扇形取消选中后的事件，使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 pieselectchanged）。

　　17）mapselectchanged： series-map 中地图区域切换选中状态的事件，用户点击选中会触发该事件。

　　18）mapselected：series-map 中地图区域选中后的事件，使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 mapselectchanged）。

　　19）mapunselected：series-map 中地图区域取消选中后的事件，使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 mapselectchanged）。

　　20）axisareaselected：平行坐标轴 (Parallel) 范围选取事件，

当进行坐标轴范围选取时，可以用如下方式获取当前高亮的线所对应的 data indices （即 series 的 data 中的序号列表）。