页面历史

问题描述

在组件模板资源中，有以下组件模板实现了“槽型”效果的。在组件模板资源中，有以下组件模板实现了“槽”（即数据对应的柱体重叠在另一个柱体上）的效果的。

通常来说，带“槽型”的图形其背后的“槽”一般代表着一个对比的 “目标值”，通过度量柱子与槽的长度的对比，来体现度量的完成情况。然而在组件模板中，“槽“并没有使用字段，而是通过某些方式画出来的。那么在复用组件模板时，如何根据实际情况，来修改“槽”的值呢？通常来说，带“槽”的图形其背后的“槽”一般代表着一个对比的 “目标值”，通过数据柱体与槽的长度的对比，来体现度量的完成情况。然而在组件模板中，“槽“并没有使用字段，而是通过某些方式画出来的。那么在复用组件模板时，如何根据实际情况，来修改“槽”的值呢？

解决方法

需要根据不同的组件模板来处理。

一、柱图和横条图

按照以下步骤操作

1、在替换完数据来源后的图形组件上，右键->宏管理

2、双击宏管理界面中该组件下方的宏代码2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑界面

Image Modified

3、接下来我们需要找到关键代码，然后进行修改。由于柱图、横条图的“槽”效果使用的宏代码逻辑是不一样的，因此分开处理。

方框槽型柱图、带槽型柱图

3.1、找到如下代码

3.2、将其中的“max”修改为需要设置的目标值，比如20000。之后保存宏代码即可。

3.3 回到组件编辑界面，点击刷新即可看到效果

注：方框槽型柱图、带槽型柱图这两个组件模板的宏代码中，“槽”的值的原始逻辑是取度量字段数据中的最大值。

刀型横条图、圆点横条图

3.1、找到如下代码

3.2、将其中的“max”修改为需要设置的目标值，比如15000。之后保存宏代码。

3.3 回到组件编辑界面，点击刷新即可看到效果

方块型横条图

3.1、找到如下代码

3.2、将其中的“max”修改为需要设置的目标值，比如20000。之后保存宏代码即可。

3.3 回到组件编辑界面，点击刷新即可看到效果

二、对比柱图

对比柱图的“槽”，是通过扩展属性实现的。其“槽”的值，并不是在宏代码中处理，而是与 数值轴的最大值保持一致。因此如果需要修改对比柱图的“槽”的值，可以通过如下方法处理。

1、在编辑界面中选中“对比柱图”组件。在“列区”中找到字段，在字段上右键→选择“值轴设置”

2、在弹出的“值轴设置”窗口中，“刻度值”选择“自定义”，并且在“最大值”中输入“槽”的值，如20000。然后点击“确定”保存即可。

3、上面只是设置了左轴的“销售量”字段，右轴还有一个“销售额”字段，也是按照上述的方式设置。

三、组合指标看板

组合指标看板资源中，柱图告警组合指标看板中，中间的进度条实际上是通过横条图实现的。

其中的“槽”，也是通过扩展属性实现的。其“槽”的值，与 数值轴的最大值保持一致。因此如果需要修改横条图的“槽”的值，可以通过如下方法处理。

1、在编辑界面中选中组合中的“横条图”组件。在“列区”中找到字段，在字段上右键→选择“值轴设置”

2、在弹出的“值轴设置”窗口中，“刻度值”选择“自定义”，并且在“最大值”中输入“槽”的值，如20000。然后点击“确定”保存即可。

注意事项

1、在【柱图和横条图】步骤中，右键→点击宏管理后，在宏管理界面如果无法找到对应的宏代码，则点击一下左上角的“刷新”按钮即可

2、在【柱图和横条图】的步骤中，如果宏代码中修改了“槽”的值之后，刷新组件还是无法看到效果的话，这很可能是因为宏代码中设置的值超过了Y轴的最大值。

此时需要的列区字段进行值轴设置，将Y轴的最大值也修改成宏代码中对应的数值。参考值轴设置

3、以上所有组件模板不支持基于组件模板的数据要求之上，再新增度量字段的情况。比如方框槽型柱图，列区只适合一个字段，若是2个字段，则宏代码无法适配，需要根据实际需要，通过定制服务方式处理。