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