form表单中action属性的作用 form的action属性用法

文章插图
一、Echarts中的action
echarts中支持的图表行为，通过dispatchAction触发。
1.highlight 高亮指定的数据图形dispatchAction({type: 'highlight',// 可选，系列 index，可以是一个数组指定多个系列seriesIndex?: number|Array,// 可选，系列名称，可以是一个数组指定多个系列seriesName?: string|Array,// 可选，数据的 indexdataIndex?: number,// 可选，数据的名称name?: string})2.downplay 取消高亮指定的数据图形dispatchAction({type: 'downplay',// 可选，系列 index，可以是一个数组指定多个系列seriesIndex?: number|Array,// 可选，系列名称，可以是一个数组指定多个系列seriesName?: string|Array,// 可选，数据的 indexdataIndex?: number,// 可选，数据的名称name?: string})3.图例相关的行为，必须引入图例组件之后才能使用1）legendSelect（选中图例）
dispatchAction({type: 'legendSelect',// 图例名称name: string})2）legendUnSelect（取消选中图例）
dispatchAction({type: 'legendUnSelect',// 图例名称name: string})3）legendToggleSelect（切换图例的选中状态）
dispatchAction({type: 'legendToggleSelect',// 图例名称name: string})4）legendScroll（控制图例的滚动），当legend.type是scroll的时候有效
dispatchAction({type: 'legendScroll',scrollDataIndex: number,legendId: string})4. 提示框组件相关行为，必须引入提示框组件之后才能引用1）showTip（显示提示框）有两种使用方式A：指定在相对容器的位置处显示提示框，如果指定的位置无法显示则无效。
dispatchAction({type:'showTip',//屏幕上的x坐标x: number,//屏幕上的y坐标y: number,//本次显示tooltip的位置，只在本次action生效。缺省则使用option中定义的tooltip位置position: Array.<number> | String | Function})B: 指定数据图形，根据tooltip的配置项进行显示提示框
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 组件时有用，默认为 0dataZoomIndex: number,// 开始位置的百分比，0 - 100start: number,// 结束位置的百分比，0 - 100end: number,// 开始位置的数值startValue: number,// 结束位置的数值endValue: number})2.关闭或启动toolbox中的dataZoom的刷选状态（takeGlobalCursor）
myChart.dispatchAction({type: 'takeGlobalCursor',key: 'dataZoomSelect',// 启动或关闭dataZoomSelectActive: true});3.视觉映射组件，只能在引入视觉映射组件之后才能使用（visualMap）选取映射的数值范围：selectDataRange
dispatchAction({type: 'selectDataRange',// 可选，visualMap 组件的 index，多个 visualMap 组件时有用，默认为 0visualMapIndex: number,// 连续型 visualMap 和离散型 visualMap 不一样// 连续型的是一个表示数值范围的数组。// 离散型的是一个对象，键值是类目或者分段的索引。值是 `true`, `false`selected: Object|Array})4.时间轴组件，同理引入之后才能使用1）设置当前的时间点：timelineChange
dispatchAction({type: 'timelineChange',// 时间点的 indexcurrentIndex: number})2)切换时间轴的播放状态：timelinePlayChange
dispatchAction({type: 'timelinePlayChange',// 播放状态，true 为自动播放playState: boolean})5.工具栏组件相关行为，同理引入之后才能使用重置option：restore

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：