Gauge

表示“已用预算”的半圆；阈值以刻度显示。

查看源码
$320.00of $500.00 budget
import { Gauge } from "@logicplanes/kaeso-ui";

属性

  • aria-label
    string

    图表的无障碍名称（“按模型统计的请求”）。

  • label
    ReactNode

    值下方的说明（“预算 $500.00”）。

  • thresholds
    number[] = [0.8]

    在圆弧上以刻度标记的比例（默认 [0.8]）。从最低的刻度起，圆弧变为警告色。

  • value
    number

    已用比例，从 0 到 1。超过 1 时圆弧填满并变为危险色。

  • valueLabel
    ReactNode

    替换中心的值，否则为百分比。