交互式仪表盘依据参数跳转至不同报表

交互式仪表盘中如何设置依据参数不同跳转至不同的报表？

如 柱状图中x轴为部门，y轴为年度费用

点击某根柱子，跳转到对应部门的费用报表（这些报表是不同的交互式仪表盘）

 

电子表格的那个跳转规则 好像没办法设置

有没有直接在组件，或者仪表盘中设置的方法，因为柱状图本身 还有鼠标hover事件

已解决，重点用到了IPage与IEChartsPortlet 具体参考IPage | 自助仪表盘宏接口文档

function main(page: IPage, portlet: IEChartsPortlet) {

    let chartInstance = portlet.getChartInstance();

    let yearOther = page.getPortletsByTitle("年")[0] as IFilterPortlet;

    let yearParams = yearOther.getDisplayValue()[0];

    let monthOther = page.getPortletsByTitle("月")[0] as IFilterPortlet;

    let monthParams = monthOther.getDisplayValue()[0];

    chartInstance.on('click', function (params) {

        let str = params.name;

        let endStr = str.indexOf("$");

        let compName = str.substring(0, endStr);

        let query = {

            paramInfo: [{ name: '年', alias: '年', value: yearParams, displayValue: yearParams },

            { name: '月', alias: '月', value: monthParams, displayValue: monthParams },

            { name: '公司', alias: '公司', value: compName, displayValue: compName }

            ]

        };

        if (compName == 'A公司' || compName == 'B公司' ) {

            page.openResourceByType('1仪表盘ID', query, 'NEW_WIN')

        } else if (compName == 'C公司') {

            page.openResourceByType('2仪表盘ID', query, 'NEW_WIN')

        } else { 

            page.openResourceByType('3仪表盘ID', query, 'NEW_WIN')

        };

    });

}

几个注意事项

• 我前面的年、月是仪表盘的公共参数，并不是此组件的（需要用到IFilterPortlet）


• params并不太清除是为什么能传入进去，console.log确实能打印出来相关内容


• 
  
  openResourceByType 如果后面是NEW_TAB 前提条件是本身这个是以TAB形式打开的，若是以单独窗口打开的 这个设置的表现将是页面没有任何反应
  
  


• 接口都指定了版本，如IPage|openResourceByType| 自助仪表盘宏接口文档


• 如果你的x轴是拼接的，需要参考let compName = str.substring(0, endStr) 处的内容进行拆分（多用console.log 解析即可）

设置一个dblclick事件，获取x轴的数据，然后写一个if，根据不同的值执行不同的打开事件

蹲个大佬