页面树结构
转至元数据结尾
转至元数据起始

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

(如下宏验证版本为V11)

问题说明

仪表盘里的指标卡组件,设置了条件格式判断,其中负数是下降箭头,负数的这个“-”可以不显示吗?希望不改数据库的数据,只把前端显示的负号隐藏掉可以,因为前面有箭头了,箭头可以代表正负,所以不需要展示负值的“-”负号。

解决方案

通过如下宏代码,对仪表盘中的指标看卡板组件前端修改。

##名称:纯前端页面修改,去掉负号   类型:ClientSide   对象:图表_1  事件:onAfterRender
function main(page: IPage, portlet: IIndicatorPortlet) {
    let html = portlet.getHtmlContent()
    const el = html.querySelector('.indicator-block-main-measure-digit');
    if (el) {
        const text = el.textContent;
        const trimmedText = text.trim();
        if (trimmedText.startsWith('-')) {
            el.textContent = text.replace('-', ''); // 如果是以负号开头,移除负号
        }
    }
}

效果: