跳到主要内容

统计卡片

适用场景#

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

使用说明#

数据模型使用场景#

  1. 为统计卡片设置数据源,选择已经建好的 数据模型,选择数据源方法-统计。
  2. 通过数据筛选配置数据取值范围,详情请参见 数据筛选配置文档
  3. 选择需要进行统计的字段。
  4. 根据所选择字段,进行针对该字段的统计方式设置。 目前“数字”类型字段的支持计数、求和、最大值、最小值、平均值;其他类型字段仅支持计数。
  5. 选择是否统计空值,默认不统计空值。
  • 支持显示单位设置。 数值量级:个/十/百/千/万/十万/百万/千万/亿。
  • 小数位数:支持设置 0-10 位小数。
  • 后缀:支持自定义。默认根据数量级生成 -/十/百/千/万/十万/百万/千万/亿

属性#

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

属性名
属性标识
类型
属性分组
默认值
说明
数据源dataSourcestring基础属性--
数据筛选filterData-基础属性--
字段选择fieldstring基础属性--
统计方式operationTypestring基础属性--
字段展示名称labelstring基础属性"今日活跃用户数"-
是否统计空值isCountEmptyboolean基础属性false-
是否显示单位isShowUnitboolean高级属性true-
数值量级unit{"label":"个","value":1}|{"label":"十","value":10}|{"label":"百","value":100}|{"label":"千","value":1000}|{"label":"万","value":10000}|{"label":"十万","value":100000}|{"label":"百万","value":1000000}|{"label":"千万","value":10000000}|{"label":"亿","value":100000000}高级属性1-
小数位数decimalDigitsnumber高级属性0-
后缀suffixstring高级属性--

事件#

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

事件名
事件code
事件出参 event.detail
适用情况
说明
点击tap兼容三端-

APIs 使用场景#

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

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