Syncfusion.Blazor.CircularGauge

Syncfusion® Blazor Circular Gauge

The Syncfusion® Blazor Circular Gauge Component visualizes numeric values on circular scales with fully customizable axes, pointers, and ranges. Perfect for speedometers, meter gauges, analog clocks, and any gauge-based visualization.

Key features

• Multiple Axes & Ranges – Support for multiple axes and configurable ranges
• Customizable Pointers – Different pointer styles and animations
• Rounded Corners & Labels – Styled ticks, labels, and corners
• Template Support – Rich template and child content support
• Theme Support – Bootstrap, Material, Fabric, and custom themes
• Responsive Design – Adapts seamlessly to all screen sizes
• Real-Time Updates – Support for dynamic value changes

Add stylesheet and script references

• For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor file.
• For Blazor WebAssembly App, add these to wwwroot/index.html file.

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Quick start

1. Register the Syncfusion® Blazor services in the Program.cs file.

using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();

1. Add Blazor Circular Gauge component to your Razor page.

<SfCircularGauge>
    <CircularGaugeAxes>
        <CircularGaugeAxis>
            <CircularGaugePointers>
                <CircularGaugePointer></CircularGaugePointer>
            </CircularGaugePointers>
        </CircularGaugeAxis>
    </CircularGaugeAxes>
</SfCircularGauge>

Documentation

• Getting Started with Blazor Web App
• Getting Started with Blazor WebAssembly App
• Feature Overview
• API Reference
• Live Demos

Support

• Community forums
• Support ticket
• Feature requests

License

This is a commercial product and requires a paid license for possession or use. See the Syncfusion® EULA.

• Purchase a license
• start a free 30-day trial

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

[email protected] | Toll Free: 1-888-9-DOTNET