指标卡
注意:
2.0 版本报表已停止更新,建议你尽快升级到 3.0 版本报表,详情请参考 3.0 报表组件。
1. 使用场景
当计算表格中某一列的值的总和、平均数、最大值等等都可以使用
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1623121719163-cf4f3107-a75e-4836-b987-3430542bb87b.png)
指标图用来显示关心的某一个指标值(即度量值)及其变化趋势(比如同比,环比)
2. 视频展示
3. 关联数据
3.1 选择指标卡内容
- 选择数据集
- 配置指标字段:支持公式字段或普通字段
- 配置同比字段:支持公式字段或普通字段(配置统计类型,例如:按年偏移值获取去年同期数据)
- 配置条件过滤
- 设置刷新间隔
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397157676-e8a9a70b-b9e2-45fd-b779-da2f227738a8.png)
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397197877-c5e8efdf-030c-4dd8-8f51-f4b5ddd48134.png)
配置聚合方式
指标字段开启同比
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397211825-d800f29d-d457-4a4f-b69e-846416c56d35.png)
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397221957-f15c7233-d94c-4954-8514-ab0aa4581bf0.png)
4. 设置样式
4.1 展示模式及分割线
有两种展示模式,主要区别是字段名称和内容的上下位置不同,效果如图:
分割线支持开启与关闭,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397237659-306659bd-aefb-471f-af25-a7557e713972.png)
4.2 组件整体样式设置
主要是整体设置,例如增加指标卡外边框、调整圆角,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397250311-a8cc840f-5f10-49b0-b1e0-1553f9271abf.png)
4.3 指标项样式设置
主要是针对指标项的设置,例如指标的标题,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397272540-72e5dd08-3625-4dda-b9df-010c5b35043e.png)
4.4 指标数值样式设置
主要是针对指标中的数值做样式的调整,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397286140-2e41a16c-6b21-433b-bf13-3cb5d54eb599.png)
4.5 内容位置
可以指标数据数值的显示位置,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397307333-31884e12-65e3-4ced-833c-6223eb7b2dd7.png)
4.6 每行个数
可以调整一行显示几个指标值,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397315328-b401f270-e596-4ea4-8624-382d9db54a9f.png)
4.7 设置标题
设置指标卡的标题,默认是不显示标题的,需要将显示标题开关打开之后就可以设置组件标题了,效果如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397324085-eb0fa3e7-43b4-4059-b9c1-2fc341981fc5.png)
5. 实例汇总
5.1 指标卡样式设置案例
效果如下:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1616397335239-263565a7-4f3b-4ca4-b57e-3d314ee215f6.png)
可以查看以下视频进行设置:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/gif/1616397584088-6e9c1ecf-0129-42e1-a063-b99dd5c7dec6.gif)
本文档对您是否有帮助?