(本文档仅供参考,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。)
(如下宏验证版本为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获取:
