更新记录

1.0.0（2024-06-08）

1.0.0

概述

hd-bullet 是一个用于展示数据值和范围的子弹图组件。它可以通过颜色和动画效果直观地展示数据在特定区间内的位置。

特性

• 支持自定义颜色
• 支持动画效果
• 支持加载状态展示
• 自动计算并显示区间内的步长值

平台兼容性

概述

hd-bullet 是一个用于展示数据值和范围的子弹图组件。它可以通过颜色和动画效果直观地展示数据在特定区间内的位置。

特性

• 支持自定义颜色
• 支持动画效果
• 支持加载状态展示
• 自动计算并显示区间内的步长值

属性

options (Object)

options 子弹图配置数据，包含以下属性：

• 属性 描述 默认值

• title (String) 子弹图的标题

• subTitle (String) 子弹图的副标题

• val (Number) 当前值

• unit (String) 数值的单位

• min (Number) 最小值

• max (Number) 最大值

• props

• animation (Boolean) 是否开启条形图的动画效果 true

• animationTime (Number) 动画时长，单位为毫秒 400

• loading (Boolean) 是否开启动画加载效果 true

• leftBarColor (String) 左侧条形图的颜色 #4488ef

• midBarColor (String) 中间条形图的颜色 #10b981

• rightBarColor (String) 右侧条形图的颜色 #ef4444