统计卡片
#
适用场景提供报表场景下的指标数据统计并展示功能。
使用说明
数据模型使用场景
- 为统计卡片设置数据源,选择已经建好的 数据模型,选择数据源方法-统计。
- 通过数据筛选配置数据取值范围,详情请参见 数据筛选配置文档。
- 选择需要进行统计的字段。
- 根据所选择字段,进行针对该字段的统计方式设置。 目前“数字”类型字段的支持计数、求和、最大值、最小值、平均值;其他类型字段仅支持计数。
- 选择是否统计空值,默认不统计空值。
- 支持显示单位设置。 数值量级:个/十/百/千/万/十万/百万/千万/亿。
- 小数位数:支持设置
0-10
位小数。 - 后缀:支持自定义。默认根据数量级生成
-/十/百/千/万/十万/百万/千万/亿
。
属性
组件接收的外部传入的属性
属性名 | 属性标识 | 类型 | 说明 |
---|
数据源 | dataSource | object | |
数据筛选 | 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 连接器来进行数据统计,再绑定到通用图表组件上。