统计卡片

适用场景

提供报表场景下的指标数据统计并展示功能。

使用说明

数据模型使用场景

1. 为统计卡片设置数据源，选择已经建好的 数据模型，选择数据源方法-统计。
2. 通过数据筛选配置数据取值范围，详情请参见 数据筛选配置文档。
3. 选择需要进行统计的字段。
4. 根据所选择字段，进行针对该字段的统计方式设置。 目前“数字”类型字段的支持计数、求和、最大值、最小值、平均值；其他类型字段仅支持计数。
5. 选择是否统计空值，默认不统计空值。

• 支持显示单位设置。 数值量级：个/十/百/千/万/十万/百万/千万/亿。
• 小数位数：支持设置 0-10 位小数。
• 后缀：支持自定义。默认根据数量级生成 -/十/百/千/万/十万/百万/千万/亿。

属性

组件接收的外部传入的属性

属性名	属性标识	类型	说明

数据源	dataSource	string	方法的出入参需满足组件要求，查看文档
数据筛选	filterData
字段选择	field	string
统计方式	operationType	string
字段展示名称	label	string	示例："今日活跃用户数"
是否统计空值	isCountEmpty	boolean	示例：false
是否显示单位	isShowUnit	boolean	示例：true
数值量级	unit	number	示例：1
小数位数	decimalDigits	number	示例：0
后缀	suffix	string

事件

组件暴露的事件，可以监听组件的事件来触发一些外部的动作

事件名	事件code	事件出参 event.detail	适用情况	说明

点击

tap

兼容三端

-

APIs 使用场景

当数据源配置时选择 APIs，需用户自行在 APIs 内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 图表组件参数定义。

? 当使用 APIs 时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建 APIs 内自行定义，其他属性与数据模型使用场景配置保持一致。

常见问题

图表为什么不支持显示关联/枚举等字段的中文名称？

由于图表组件是从服务端查询获取统计数据，暂时不支持关联字段/枚举字段/选项集字段的中文显示，如果有需要精确控制图表的显示，可以使用通用图表 ，可以通过配置来实现各种灵活的展示效果。

如何灵活控制图表的各种样式，例如标题居中？

由于图表组件本身只提供了常见的配置，对于图表组件不支持配置的内容，可以尝试使用 通用图表 来实现各种灵活的展示效果。

图表组件和通用图表组件的关系

• 通用图表 组件是一个万能的图表组件，可配置出多种图表如折线图、饼状图、面积图、地图、漏斗图、仪表盘等所有的图表。使用该组件，可实现快速引入 所有的 Echarts 图表。
• 通用图表组件的 UI 配置更加灵活，支持基本上常见的所有的图表类型
• 通用图表组件本身和数据无关，数据统计可以通过 Query 来实现，通过 APIs 或者 MySQL 连接器来进行数据统计，再绑定到通用图表组件上。