Radzen Blazor Gauge Styling

Customize gauge appearance with colors, fonts, and scale properties.

In this demo two gauges demonstrate advanced styling: a Clock using RadzenRadialGauge with three pointers (hours, minutes, seconds in red) updating every second via timer, and an Activity gauge using three nested RadzenArcGauge scales for Move (pink), Exercise (yellow-green), and Stand (cyan) with custom SVG template displaying percentages.

Clock

Demonstrates using multiple pointers with RadzenRadialGauge.

Activity

Shows how to use multiple scales with RadzenArcGauge

✨ 오늘의 명언 & 마음의 양식

“연속적인 노력이야말로 우리의 잠재력을 끌어내는 열쇠이다.”

— 윈스턴 처칠 (영국 총리)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙