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

问题描述

在“组合指标看板”组件模板资源中,有如下的组合指标看板。

那么,在这些组件模板中,中间的进度图是怎么实现的呢?

解决方法

该进度图实际上是使用“横条图”实现的。

1、使用的是“横条图”。因此复用该组件时,数据模型中需要有2个字段。除了度量字段作为列区字段外,还需要有一个维度字段作为 行区 字段。

2、该组件在“组件设置”→ “高级”中 设置了 “输出行数”为1。复用时需根据实际情况将配置去除


3、横条图的“进度”效果,是通过“自定义属性”中添加了如下“代码”,实现“柱体”下方出现灰色的背景的“槽”的。

原本:

使用自定义属性代码后:

{
"series": [
{
"barWidth": 10,
"showBackground": true
}
]
}



4、一般来说,这个“槽”可能代表着“目标值”的含义,因此实际使用中可能有需要修改这个“槽”的数值(也即槽的长度)。而在这个组件模板中,“槽”的值就是数值轴(Y轴)的最大值。

只要在“列区”字段上,设置“值轴设置”中 坐标轴的“最大值”即可。


注意事项

1、此组件模板的“槽”的值是固定的,无法支持需要自动变化的场景。



  • 无标签