zoukankan      html  css  js  c++  java
  • Echarts 图例交互事件,及使用

    Echarts 图例交互事件

    图例交互事件:

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

    使用方法:

    myChart.on("legendselectchanged", function(params) {
      console.log(params) // {name: "", selected: {...}, type: "legendselectchanged"}
    }

     ps:新版本 echarts 支持双击

    myChart.on('click', function (params) {...
    
    myChart.on('dblclick', function (params) {...
  • 相关阅读:
    列表与数组 Perl入门第三章
    北京地区-医类汇总
    via/route blockage/size blockage/wire/pin guide/pin blockage/partition
    dbGet(三)
    dbGet(二.一)hinst
    微服务是什么?
    Docker入门 四 Swarms集群
    Docker入门 三 用服务来扩展和负载均衡你的应用
    Linux2.2路径、删除目录及文件
    Linux2.1系统目录结构、ls、文件类型、alias
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/12366853.html
Copyright © 2011-2022 走看看