Към съдържанието
ГРАФИКИ · COMPLETE

Gauge

Покажете една стойност на ясен циферблат, с цветни зони.

Покажете една стойност на ясен циферблат с по избор цветни зони.

Защо помага

  • Циферблат със зони
  • Достъпен
  • Компактен

Къде пасва

  • Капацитет
  • Температура
  • Цели
Контролата Gauge в страница на RayCraft

Пример

<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)
    ];
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Част от RayCraft Complete.

Всички контроли ยท Документация