The Blazor Linear Gauge is an ideal component for visualizing numeric values in a linear scale with features like multiple axes, different orientations, and more.Completely customize the appearance of the gauge to simulate a thermometer, pressure gauge, ruler, etc. It can also be customized and oriented either vertically or horizontally.

Key Features:

 * Orientation - Allows you to set the linear gauge direction either horizontally or vertically.
 * Containers - Customize the shape of the container as a rectangle, rounded rectangle or thermometer.
 * Axes - Collection of linear axis which can be used to indicate the numeric values.
 * Ranges - Allows to visualize where a value falls on the axis.
 * Pointers - Allows to indicate the values on an axis with two types of pointers: marker and bar.
 * Animation - Enable the pointers with animated transformation to be displayed for a certain time.
 * Interaction - Allow to drag the pointer from one place to another.
 * Tooltip - Allow to display details about the pointer value through a tooltip when hovering the mouse over the pointer.
 * Annotation - Allow to display any HTML element as an annotation at a specific point of interest.
 * Gradient Color - Allow to create a smooth color transition to the range and pointer.

Helpful links:
Feature Tour:


This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA ( To acquire a license, you can purchase one at or start a free 30-day trial here (

© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

Install-Package Syncfusion.Blazor.LinearGauge -Version
dotnet add package Syncfusion.Blazor.LinearGauge --version
<PackageReference Include="Syncfusion.Blazor.LinearGauge" Version="" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Syncfusion.Blazor.LinearGauge --version
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Syncfusion.Blazor.LinearGauge,"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install Syncfusion.Blazor.LinearGauge as a Cake Addin
#addin nuget:?package=Syncfusion.Blazor.LinearGauge&version=

// Install Syncfusion.Blazor.LinearGauge as a Cake Tool
#tool nuget:?package=Syncfusion.Blazor.LinearGauge&version=
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Release Notes

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated 81 5/13/2021 106 5/3/2021 113 4/26/2021 241 4/20/2021 101 4/13/2021 137 4/6/2021 2,055 3/30/2021 260 3/23/2021 89 3/16/2021 155 3/9/2021 110 3/2/2021 88 2/23/2021 147 2/15/2021 262 2/9/2021 154 2/2/2021 1,005 1/28/2021 245 1/19/2021 137 1/12/2021 270 1/4/2021 99 12/30/2020 449 12/22/2020 3,445 12/17/2020