Wiki源代码5.8.2.5 指标卡
显示最后作者
| author | version | line-number | content |
|---|---|---|---|
| 1 | ==== 【使用场景】 ==== | ||
| 2 | |||
| 3 | 适用于需要直接显示重点数据的场景。例如可以使用指标卡展示商品的销售总额、发货数量、仓库库存数量等 | ||
| 4 | |||
| 5 | 如下图所示，使用指标卡直接显示销售总金额，方便以卡片形式突出显示 | ||
| 6 | |||
| 7 | [[image:1729839523741-806.png||height="380" width="1091"]] | ||
| 8 | |||
| 9 | ==== 【基本要求】 ==== | ||
| 10 | |||
| 11 | (% style="width:650.222px" %) | ||
| 12 | |(% style="width:290px" %)指标|(% style="width:356px" %)指标字段类型 | ||
| 13 | |(% style="width:290px" %)必填，最多8个字段|(% style="width:356px" %)必须是聚合字段公式内字段也需要为聚合字段 | ||
| 14 | |||
| 15 | **指标**：指标卡中显示的数字，是聚合后的结果，换句话说，指标卡中一定显示的是数字 | ||
| 16 | |||
| 17 | |||
| 18 | |||
| 19 | **【配置步骤】** | ||
| 20 | |||
| 21 | ①在图形选择区选择“指标卡”图形：首页点击指标卡后，显示demo假数据，效果如下图 | ||
| 22 | |||
| 23 | [[image:1729843542241-466.png]] | ||
| 24 | |||
| 25 | |||
| 26 | ②为指标卡图形添加指标，即： 拖入表单字段作为数据源： | ||
| 27 | |||
| 28 | [[image:1729843773872-432.png||height="462" width="1355"]] | ||
| 29 | |||
| 30 | |||
| 31 | 3、【样式配置】 | ||
| 32 | |||
| 33 | [[image:1729843821098-935.png||height="659" width="1281"]] | ||
| 34 | |||
| 35 | |||
| 36 | |||
| 37 | |||
| 38 | **【样式配置说明】** | ||
| 39 | |||
| 40 | |(% colspan="1" rowspan="1" %)((( | ||
| 41 | |||
| 42 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 43 | 样式设置分类 | ||
| 44 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 45 | 配置项 | ||
| 46 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 47 | 用途 | ||
| 48 | ))) | ||
| 49 | |(% colspan="1" rowspan="9" %)((( | ||
| 50 | **指标卡** | ||
| 51 | |||
| 52 | |||
| 53 | )))|(% colspan="1" rowspan="6" %)((( | ||
| 54 | 基础 | ||
| 55 | |||
| 56 | |||
| 57 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 58 | 显示标题 | ||
| 59 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 60 | 默认开启 | ||
| 61 | ))) | ||
| 62 | |(% colspan="1" rowspan="1" %)((( | ||
| 63 | 标题名称 | ||
| 64 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 65 | 默认输入：指标卡 | ||
| 66 | ))) | ||
| 67 | |(% colspan="1" rowspan="1" %)((( | ||
| 68 | 帮助文字 | ||
| 69 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 70 | 默认关闭 | ||
| 71 | ))) | ||
| 72 | |(% colspan="1" rowspan="1" %)((( | ||
| 73 | 帮助文字内容 | ||
| 74 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 75 | 占位提示：请输入 | ||
| 76 | ))) | ||
| 77 | |(% colspan="1" rowspan="1" %)((( | ||
| 78 | 启用导出 | ||
| 79 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 80 | 默认打开。**导出的是报表数据源表单的Excel源数据** | ||
| 81 | ))) | ||
| 82 | |(% colspan="1" rowspan="1" %)((( | ||
| 83 | 每行列数 | ||
| 84 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 85 | 默认：4， 可选值：4，3，2 | ||
| 86 | ))) | ||
| 87 | |(% colspan="1" rowspan="3" %)((( | ||
| 88 | 指标卡样式 | ||
| 89 | |||
| 90 | |||
| 91 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 92 | 指标卡风格 | ||
| 93 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 94 | 默认：纯色填充，可选值：纯色填充，带侧边条 （以UI为准） | ||
| 95 | ))) | ||
| 96 | |(% colspan="1" rowspan="1" %)((( | ||
| 97 | 背景色值 | ||
| 98 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 99 | 默认颜色：待UI确定（以UI为准） | ||
| 100 | ))) | ||
| 101 | |(% colspan="1" rowspan="1" %)((( | ||
| 102 | 指标字号 | ||
| 103 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 104 | 默认：大，可选值：大，中，小（以UI为准）。只改变指标卡中数字的字号粗细，不改变指标名称的字体字号（原型中有效果展示）。 | ||
| 105 | ))) | ||
| 106 | |(% colspan="1" rowspan="1" %)((( | ||
| 107 | |||
| 108 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 109 | |||
| 110 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 111 | |||
| 112 | )))|(% colspan="1" rowspan="1" %)((( | ||
| 113 | |||
| 114 | ))) | ||
| 115 | |||
| 116 | (% contenteditable="false" style="background-image:url(http://192.168.102.35:8080/webjars/wiki%3Axwiki/xwiki-platform-ckeditor-webjar/16.8.0/plugins/widget/images/handle.png); background:rgba(220,220,220,0.5); display:none" tabindex="-1" %)[[image:data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==||draggable="true" height="15" role="presentation" title="拖曳以移動" width="15"]] |