（本文档仅供参考，仅适用于本文档中的示例报表/场景，若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。）

（如下宏验证版本为V11）

问题说明

仪表盘里的图表组件，希望图表组件暂无数据时可以显示为0，系统选项公共设置只能改文字，图标要隐藏修改的话，如何处理？

解决方案

通过如下宏代码，对仪表盘中的堆积图组件修改。


//类型：ClientSide	对象：smartbix_page		事件：onRender
function main(page: IPage) {
    let ports = ["图表_3"]; //配置需要隐藏的组件标题
    for (let i = 0; i < ports.length; i++) {
        let mod = page.getPortletsByTitle(ports[i])[0];
        mod.appendCss(".portlet-empty-img_no-data", {
            "display": "none"
        });
        mod.appendCss(".portlet-empty-text", {
            "color": "red",
            "font-weight": "bold",// 添加字体加粗效果
            "font-size": "26px"   // 字号加大，可根据需要调整数值
        });
    }
}

效果如下：

注意，不同类型的图表类型class可能不一样，可以F12获取：