DevExpress WPF: Gauge Controls

DevExpress.Wpf.Gauges includes DevExpress WPF Gauge controls: circular, linear, and digital gauges, plus a state indicator. Gauges can bind to view model properties, animate value changes, and adapt to the active DevExpress theme so your instrument panel matches the rest of your application.

dotnet add package DevExpress.Wpf.Gauges

Included Components

• CircularGaugeControl — a round gauge with arc scales, needles, markers, and colored ranges.
• LinearGaugeControl — a horizontal or vertical gauge with linear scales, level bars, and range bars.
• DigitalGaugeControl — a segmented display that renders text and numbers in seven-segment, fourteen-segment, and matrix symbol views.
• StateIndicatorControl — an indicator that displays the current state as a predefined image.

Examples

Example 1: Display a Circular Gauge

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges">

    <dxga:CircularGaugeControl>
        <!-- StartAngle and EndAngle define the arc the scale occupies. -->
        <dxga:ArcScale StartValue="0" EndValue="240" StartAngle="-225" EndAngle="45"
                       MajorIntervalCount="12">
            <dxga:ArcScale.Layers>
                <dxga:ArcScaleLayer />
            </dxga:ArcScale.Layers>
            <dxga:ArcScale.Ranges>
                <!-- Range bounds accept percentages of the scale range. -->
                <dxga:ArcScaleRange StartValue="80%" EndValue="100%" />
            </dxga:ArcScale.Ranges>
            <dxga:ArcScale.Needles>
                <dxga:ArcScaleNeedle Value="{Binding Speed}" />
            </dxga:ArcScale.Needles>
        </dxga:ArcScale>
    </dxga:CircularGaugeControl>
</Window>

In this configuration, the gauge control behaves as follows:

• Displays a scale from 0 to 240
• Highlights the top fifth of the scale
• Moves the needle when the Speed property changes

Example 2: Use a Linear Gauge to Track Progress

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges">

    <dxga:LinearGaugeControl EnableAnimation="True">
        <dxga:LinearScale StartValue="0" EndValue="100" MajorIntervalCount="10">
            <dxga:LinearScale.LevelBars>
                <!-- The level bar fills the scale up to the bound value. -->
                <dxga:LinearScaleLevelBar Value="{Binding CompletedPercentage}" />
            </dxga:LinearScale.LevelBars>
        </dxga:LinearScale>
    </dxga:LinearGaugeControl>
</Window>

The level bar grows and shrinks with the CompletedPercentage value. The control animates transitions.

Evaluation Period, Pricing Options, and Licensing Terms

Whether you own a license or want to start a 30-day evaluation period, download and register your DevExpress license key. To obtain your key, log in to the DevExpress Download Manager. Use your existing DevExpress.com account or create a new account for free. For key registration instructions, see License Key for DevExpress Products.

If you purchase a license after evaluating a product, re-register your updated DevExpress license key to remove evaluation version warnings/messages.

This package is included in the following commercial subscriptions:

• DevExpress WPF Subscription
• DevExpress DXperience Subscription
• DevExpress Universal Subscription

See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.

Related Components/Packages

DevExpress.Wpf.Charts - DevExpress WPF Chart, Sankey Diagram, and Heatmap controls.

dotnet add package DevExpress.Wpf.Charts

DevExpress.Wpf - The complete DevExpress WPF Control suite.

dotnet add package DevExpress.Wpf

Demos

NOTE: Demo links below only work if you already have DevExpress WPF Demos installed on your machine. To install demos, download and run the DevExpress Unified Installer (evaluation or licensed version). Remember to select "Demo Applications" on the product selection screen.

• DevExpress WPF Gauges - Car Dashboard
• DevExpress WPF Gauges - Circular Scales
• DevExpress WPF Gauges - Linear Scales
• DevExpress WPF Gauges - Digital Models
• DevExpress WPF Gauges - State Indicator Models

Documentation

• Gauge Controls
• Scales
• Value Indicators
• State Indicator

Software Bill of Materials (SBOM)

To access SBOM files for DevExpress packages, please refer to the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.

See Also: Information Security | Security - What You Need to Know

Useful Online Resources

• www.devexpress.com
• DevExpress Support Center
• DevExpress Blogs