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) {...
  • 相关阅读:
    627. whose 和 who's
    628. why 和why not
    629 will: 各种用法tyg
    enChapter 3 Underlying Technologiesp
    使用VIEWER.JS进行简单的图片预览
    outlook2010设置失败后重新设置
    新增和编辑clob字段
    金钱大写
    pivot 与 unpivot 函数是SQL05新提供的2个函数
    从函数到委托
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/12366853.html
Copyright © 2011-2022 走看看