echarts的dispatchAction_echarts dispatchaction

link之家
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
1.highlight 高亮指定的数据图形

dispatchAction({
    type: 'highlight',
    // 可选，系列 index，可以是一个数组指定多个系列
    seriesIndex?: number|Array,
    // 可选，系列名称，可以是一个数组指定多个系列
    seriesName?: string|Array,
    // 可选，数据的 index
    dataIndex?: number,
    // 可选，数据的 名称
    name?: string
2.downplay 取消高亮指定的数据图形 
dispatchAction({
    type: 'downplay',
    // 可选，系列 index，可以是一个数组指定多个系列
    seriesIndex?: number|Array,
    // 可选，系列名称，可以是一个数组指定多个系列
    seriesName?: string|Array,
    // 可选，数据的 index
    dataIndex?: 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'
其他相关方法或者属性 可以移步官网。此文借鉴：Echarts 的 dispatchAction
2、同一个option只能存在一个series参数
3、tooltip提示框默认跟随series参数展示
4、通过地图区域的鼠标悬停事件，用dispatchAction触发城市锚点scatter对应的tooltip
5、dispatchAction的seriesIndex必须加上
<!DOCTYPE html>
		<meta charset="utf-8">
 var currentIndex = -1;
        setInterval(function () {
            var dataLen = option.series[0].data.length;
            // 取消之前高亮的图形
            myChart.dispatchAction({
                type: 'downplay',
                seriesIn
      let params = {
        method: 'get',
        url: `/mobile/finManage/cmfh/indicatorValueList/${this.indicatorCode1}`
      this.httpRequest(params).then(...
				1、编写Action，继承自DispatchAction
将execute方法改为其他名字
2.struts-config.xml中的&lt;action标签中加入一个请求参数parameter="名字aaa"
3.jsp页面中增加一个隐藏域，里面也有一个请求参数:
&lt;html:form action="..."&gt;
 &lt;input type="hidden" name=...
            ERROR in The Angular compiler requires Typescript ＞=3.6.4 and ＜3.9.0 but 3.9.10 wasfound instead.
            nrm 镜像源管理工具
            echarts -- 柱状图之柱状条如何显示白色侧阴影且鼠标移入时高亮