组件/数据展示

EStatistic 统计

import EUI 1.0

示例与代码

格式化数值与倒计时

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Row { spacing: 48 EStatistic { precision: 2 prefix: "¥ " value: 12680.25 title: qsTr("本月收入") } EStatistic { countdown: true format: "HH:mm:ss" value: Date.now() + 3600000 title: qsTr("距离下一次更新") } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

统计

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EStatistic { precision: 2 prefix: "¥ " value: 12345.7 title: qsTr("今日成交") }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

countdownbool

把统计值作为目标时间并显示剩余时间。

默认值false

decimalSeparatorstring

统计数值的小数分隔符。

默认值随当前语言变化

enabledbool

是否允许交互；false 时控件禁用。

默认值true

formatstring

显示格式；日期时间使用格式串，进度可使用函数，倒计时使用时间占位符。

默认值"HH:mm:ss"

formattervar

格式化回调，把当前值转换为显示文字。

默认值null

groupSeparatorstring

统计数值的千位分隔符。

默认值随当前语言变化

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

precisionint

保留的小数位数。

默认值0

prefixstring

前缀或后缀文字；Mention 的 prefix 为触发字符或字符数组。

默认值""

prefixDelegateComponent

自定义前缀的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

suffixstring

前缀或后缀文字；Mention 的 prefix 为触发字符或字符数组。

默认值""

suffixDelegateComponent

自定义后缀的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

titlestring

标题文字。

默认值""

titleDelegateComponent

自定义标题的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

valuevar

当前值；通过属性绑定读写，数组形式用于多选或范围选择。

默认值0

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

displayValuestring只读

经过格式化、进度或徽章规则处理后的显示文字。

默认值由运行时计算

remainingreal只读

倒计时剩余时间，单位为毫秒。

默认值由运行时计算

信号

签名作用

finished()

倒计时到达结束时间时触发。

changed(real remaining)

倒计时刷新时触发，remaining 为剩余时间。