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.

Example
Edit Source

Clock

Demonstrates using multiple pointers with RadzenRadialGauge.

Activity

Shows how to use multiple scales with RadzenArcGauge

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

Radzen Blazor Gauge Styling

Clock

Activity

Save Hours on Every Project

Demos Configuration