触发时机
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'