首页 > 其他 > 详细

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

时间:2020-05-31 20:46:16      阅读:365      评论:0      收藏:0      [点我收藏+]

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 中的序号列表)。

 

技术分享图片

 

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

原文:https://www.cnblogs.com/rebackl/p/13021268.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!