应用场景:希望在仪表盘展示实时刷新的指标数据;其他组件实现实时刷新同理:禁止数据缓存+组件定时刷新
背景:在V9.5版本中希望实现大屏实时显示变动的指标值,指标值的显示在v11版本中可以通过指标卡组件快捷显示,对于没有指标卡的版本或希望灵活设置指标展示的场景,可以通过文本组件展示指标数据。
本文以v9.5版本示例,在仪表盘中使用文本框实现实时刷新指标数据:
拖拉表格组件,选择需要的数据,输出指标:
拖拉文本框组件,进入编辑界面,使用使用函数获取数据:
文本组件内调整排版,制作指标卡
注1:文本组件中函数的应用,参考自助仪表盘文本组件:
注2:在文本组件内可以对显示的指标格式进行进一步条调整美化,文本组件的调整技巧可以参考:通用问题-文本组件模板的调整技巧; 注3:v11中可以通过指标卡和指标看板组件实现此指标展示效果; |
操作入口:组件设置—高级—定时刷新
注意:要设置组件定时刷新,前提是对应的数据集、数据模型设置禁用缓存 设置步骤参考如下:
具体设置参考:计划任务清理系统缓存;
v11数据模型禁止缓存设置操作在‘数据模型—设置—缓存策略’中设置: |
完成以上步骤后即可实现实时显示指标;
对于设置了定时刷新的组件,刷新时会出现如下每次刷新时都出现加载图标的情况:
1.去除动画效果:
在组件设置—自定义属性中添加以下函数,实现禁用动画;
效果:组件数据更新时只显示更新部分,不再重新刷新整个组件图形;
option = { animation: false // 禁用动画效果 } |
2.去除加载图标:
使用宏代码去除加载图标,可参考:仪表盘隐藏加载图标,实现对加载图标的隐藏(适用于v11版本,v9版本中无法隐藏图标)
function main(page: IPage) { page.appendCss(".sx-loading__maskDiv","{display: none;}"); page.appendCss(".sx-loading__wrapper-embed", "{display: none;}"); page.appendCss(".sx-loading__bar-embed","{display: none;}"); } |
设置后无加载图标,组件无重新加载动画: