记录Echarts支持的行为

121 阅读1分钟

触发时机

echart行为的触发时机比较重要 可以在初始化完成后,一次性设置

区域选择相关

brush: 触发此action可设置或删除chart中的选框

takeGlobalCursor:刷选模式的开关。使用此Action可将当前鼠标变为刷选状态

chart?.value?.inst && chart.value.inst.one("finished", () =>{
    chart?.value?.inst && chart.value.inst.dispatchAction({
       type: 'takeGlobalCursor', 
       // 如果想变为“可刷选状态”,必须设置。不设置则会关闭“可刷选状态”。 
       key: 'brush', 
       brushOption: { 
           // 参见 brush 组件的 brushType。如果设置为 false 则关闭“可刷选状态”。
           brushType: string, 
           // 参见 brush 组件的 brushMode。如果不设置,则取 brush 组件的 brushMode 设置
           brushMode: string 
       }
    })
})

其他支持的事件

highlight 高亮指定的数据图形

downplay 取消高亮指定的数据图形

legendSelect(选中图例)

legendUnSelect(取消选中图例)

legendToggleSelect(切换图例的选中状态)

legendScroll(控制图例的滚动),当legend.type是scroll的时候有效

提示框显示/隐藏 showTip / hideTip

数据区域缩放组件 dataZoom

关闭或启动toolbox中的dataZoom的刷选状态(takeGlobalCursor)

myChart.dispatchAction({
    type: 'takeGlobalCursor',
    key: 'dataZoomSelect',
    // 启动或关闭
    dataZoomSelectActive: true
});

视觉映射组件 visualMap 选取映射的数值范围:selectDataRange

dispatchAction({
    type: 'selectDataRange',
    // 可选,visualMap 组件的 index,多个 visualMap 组件时有用,默认为 0
    visualMapIndex: number,
    // 连续型 visualMap 和 离散型 visualMap 不一样
    // 连续型的是一个表示数值范围的数组。
    // 离散型的是一个对象,键值是类目或者分段的索引。值是 `true`, `false`
    selected: Object|Array
})

选取映射的数值范围:selectDataRange

时间轴组件 timelineChange / timelinePlayChange

工具栏组件 restore

饼图 'pieSelect | pieUnSelect | pieToggleSelect'

地图组件 'geoSelect | geoUnSelect | geoToggleSelect'

地图图表 'mapSelect' | 'mapUnSelect' | 'mapToggleSelect'

关系图 'focusNodeAdjacency' | 'unFocusNodeAdjacency'