如何使用筛选器影响仪表盘组件的显示或隐藏

想使用宏代码编写，但是没有合适的库进行引用

以下代码是通过宏控制另一个组件是否显示的。

 

代码说明：

1.宏代码写在作为控制器的筛选器组件上

2.

    let otherportlet = page.getPortletsByTitle('筛选_1')[0]; 根据标题来获取其他组件，以实现对其属性的修改。

    current_value = portlet.getValue(); 是当前筛选器的值。

3.逻辑，如果当前筛选器的值是2017，则将另一个组件隐藏起来。

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



    //获取另一个组件（或者组件们）

    let otherportlet = page.getPortletsByTitle('筛选_1')[0];

    //let otherportlet_2 = page.getPortletsByTitle('筛选_2')[0];

    //let otherportlet_3 = page.getPortletsByTitle('筛选_3')[0];

    current_value = portlet.getValue();

    //这段代码，是渲染页面时，根据下拉框的值，隐藏其他组件

    if (current_value[0] == '2017') {

        //隐藏

        otherportlet.hide();



    }



    //这里是在选中下拉参数时，控制是否隐藏组件

    portlet.setFilterValueChangeHandler(function (value: Array) {

        if (value[0] == '2017') {

            //隐藏

            otherportlet.hide();

        }

        else {

            //显示

            otherportlet.show();



        };

        return value;



    })

    //<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<结束

}

 

蹲个大佬，如果场景合适的话是不是可以考虑用页签来控制显示呢

写宏处理，可以给个示例，但是得自己懂代码调整下才行：
/**
* 宏示例：
* 切换筛选参数隐藏组件
* 事件：
* onBeforeRender
* 作用：
* 通过筛选器选择参数，根据参数隐藏对应标题的组件
* （组件标题是组件设置中的 "组件" -> "标题"）
* 注意事项：
* 1、这种代码用多了可能会有性能问题
*/
function main(page: IPage, portlet: IFilterPortlet) {
let id = page.getId() + portlet.getId()
// 设置筛选器切换值时的回调函数
portlet.setFilterValueChangeHandler((value: any) => {
let changeValue = value[0]
// 如果当前修改的值跟之前一样就直接return
if (changeValue === SmartbiXMacro.data[id]) return
// 通过筛选值获取同名的组件
let hidePortlets: IPortlet[] = page.getPortletsByTitle(changeValue)
hidePortlets.forEach((portlet: IPortlet) => {
// 将同名组件隐藏
portlet.hide()
})
// 通过上次隐藏的组件名称获取组件
let showPortlets: IPortlet[] = page.getPortletsByTitle(SmartbiXMacro.data[id])
showPortlets.forEach((portlet: IPortlet) => {
// 将上次隐藏的组件显示
portlet.show()
})
// 留存本次的筛选条件
SmartbiXMacro.data[id] = changeValue
})
}