Zum Inhalt springen
DIAGRAMME · COMPLETE

Gauge

Einen einzelnen Wert auf einem klaren Zifferblatt mit farbigen Bereichen zeigen.

Zeigen Sie einen einzelnen Wert auf einem klaren Zifferblatt mit optionalen farbigen Bereichen.

Warum es hilft

  • Zifferblatt mit Bereichen
  • Barrierefrei
  • Kompakt

Wo es passt

  • Kapazität
  • Temperatur
  • Ziele
Das Steuerelement Gauge auf einer RayCraft-Seite

Beispiel

<Stack Wrap="true" Align="center" Spacing="6">
    <Gauge Label="CPU load" Value="72" Unit="%" Bands="_bands" />
    <Gauge Label="Disk (half)" Half="true" Value="35" Unit="%" Bands="_bands" />
    <Gauge Label="Speed" Min="0" Max="240" Value="130" Unit=" km/h" />
</Stack>

@code {
    private readonly GaugeBand[] _bands =
    [
        new(0, 60, Severity.Success),
        new(60, 85, Severity.Warning),
        new(85, 100, Severity.Error)
    ];
}

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation