一.电子海图方面的行动
echarts中支持的图表行为，由dispatchAction触发。
1 .高亮显示指定的数据图。
dispatchAction({ type: 'highlight', // 可选，系列 index，可以是一个数组指定多个系列 seriesIndex?: number|Array, // 可选，系列名称，可以是一个数组指定多个系列 seriesName?: string|Array, // 可选，数据的 index dataIndex?: number, // 可选，数据的 名称 name?: string})
2 .淡化取消突出显示指定的数据图
dispatchAction({ type: 'downplay', // 可选，系列 index，可以是一个数组指定多个系列 seriesIndex?: number|Array, // 可选，系列名称，可以是一个数组指定多个系列 seriesName?: string|Array, // 可选，数据的 index dataIndex?: number, // 可选，数据的 名称 name?: string})
3.必须先引入与图例相关的行为，然后才能使用它们。
1)图例选择(选择图例)
dispatchAction({ type: 'legendSelect', // 图例名称 name: string})
2)图例取消选择(取消选择图例)
dispatchAction({ type: 'legendUnSelect', // 图例名称 name: string})
3)legendToggleSelect(切换图例的选定状态)
dispatchAction({ type: 'legendToggleSelect', // 图例名称 name: string})
4)legends scroll(控制图例的滚动)，当legend.type为scroll时有效。
dispatchAction({ type: 'legendScroll', scrollDataIndex: number, legendId: string})
4.提示框组件的相关行为只有在引入提示框组件后才能被引用。
1)showTip有两种用法。答:指定在相对于容器的位置显示提示框，如果指定位置不能显示则无效。
dispatchAction({ type:'showTip', //屏幕上的x坐标 x: number, //屏幕上的y坐标 y: number, //本次显示tooltip的位置，只在本次action生效。缺省则使用option中定义的tooltip位置 position: Array.<number> | String | Function})
b:指定数据图，根据工具提示的配置项显示提示框。
dispatch({ type: 'showTip', // 系列的 index，在 tooltip 的 trigger 为 axis 的时候可选。 seriesIndex?: number, // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据 dataIndex?: number, // 可选，数据名称，在有 dataIndex 的时候忽略 name?: string, // 本次显示 tooltip 的位置。只在本次 action 中生效。 // 缺省则使用 option 中定义的 tooltip 位置。 position: Array.<number>|string|Function,})
2)hideTip隐藏提示框
dispatchAction({ type:'hideTip'})
5.数据区缩放组件、可视化映射组件、时间轴组件和工具栏组件的相关行为。
数据区域缩放组件,必须引入数据区域缩放组件之后才能使用（dataZoom）dispatchAction({ type: 'dataZoom', // 可选，dataZoom 组件的 index，多个 dataZoom 组件时有用，默认为 0 dataZoomIndex: number, // 开始位置的百分比，0 - 100 start: number, // 结束位置的百分比，0 - 100 end: number, // 开始位置的数值 startValue: number, // 结束位置的数值 endValue: number})
2.关闭或启动工具箱中数据缩放的画笔选择状态(takeGlobalCursor)
myChart.dispatchAction({ type: 'takeGlobalCursor', key: 'dataZoomSelect', // 启动或关闭 dataZoomSelectActive: true});
3.可视化映射组件。引入可视化映射组件:selectDataRange后，只能使用(visualMap)选择映射的数值范围。
dispatchAction({ type: 'selectDataRange', // 可选，visualMap 组件的 index，多个 visualMap 组件时有用，默认为 0 visualMapIndex: number, // 连续型 visualMap 和 离散型 visualMap 不一样 // 连续型的是一个表示数值范围的数组。 // 离散型的是一个对象，键值是类目或者分段的索引。值是 `true`, `false` selected: Object|Array})
4.时间轴组件只能在引入相同的原理后使用。1)设置当前时间点:timelineChange。
dispatchAction({ type: 'timelineChange', // 时间点的 index currentIndex: number})
2)切换时间轴的播放状态:timelinePlayChange
dispatchAction({ type: 'timelinePlayChange', // 播放状态，true 为自动播放 playState: boolean})
5.与工具栏组件相关的行为只有在引入相同的原则后才能重置:option:restore。
dispatchAction({ type: 'restore'})
6.饼图、地图组件、地图图表、关系图和区域选择相关行为1)饼图
选中指定的饼图扇形（pieSelect）取消选中指定的饼图扇形（pieUnSelect）切换指定的选中的饼图扇形状态（pieToggleSelect）dispatchAction({ type: 'pieSelect | pieUnSelect | pieToggleSelect', // 可选，系列 index，可以是一个数组指定多个系列 seriesIndex?: number|Array, // 可选，系列名称，可以是一个数组指定多个系列 seriesName?: string|Array, // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据 dataIndex?: number, // 可选，数据名称，在有 dataIndex 的时候忽略 name?: string})
2)地图组件
选中指定的地图区域（geoSelect）取消选中的指定地图区域（geoUnSelect）切换指定的地图区域的选中状态（geoToggleSelect）dispatchAction({ type: 'geoSelect | geoUnSelect | geoToggleSelect', // 可选，系列 index，可以是一个数组指定多个系列 seriesIndex?: number|Array, // 可选，系列名称，可以是一个数组指定多个系列 seriesName?: string|Array, // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据 dataIndex?: number, // 可选，数据名称，在有 dataIndex 的时候忽略 name?: string})
3)地图图表组件类似于地图组件，具有三种行为，如下所示:
选中指定的地图区域（***pSelect）取消选中的指定地图区域（***pUnSelect）切换指定的地图区域的选中状态（***pToggleSelect）dispatchAction({ type: '***pToggleSelect', // 可选，系列 index，可以是一个数组指定多个系列 seriesIndex?: number|Array, // 可选，系列名称，可以是一个数组指定多个系列 seriesName?: string|Array, // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据 dataIndex?: number, // 可选，数据名称，在有 dataIndex 的时候忽略 name?: string})
4)图表行为使用图表，还得引入图表。
focusNodeAdjacency 将指定的节点以及其周边相邻的节点高亮unFocusNodeAdjacency 将指定的节点以及其周边相邻的节点取消高亮
5)与区域选择相关的行为
brush：触发此action可设置或删除chart中的选框takeGlobalCursor：刷选模式的开关。使用此Action可将当前鼠标变为刷选状态dispatchAction({ type: 'takeGlobalCursor', // 如果想变为“可刷选状态”，必须设置。不设置则会关闭“可刷选状态”。 key: 'brush', brushOption: { // 参见 brush 组件的 brushType。如果设置为 false 则关闭“可刷选状态”。 brushType: string, // 参见 brush 组件的 brushMode。如果不设置，则取 brush 组件的 brushMode 设置。 brushMode: string }});
本文来自心已碎♂无心醉投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/594637.html
微信扫一扫 
