Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxGaugeGeometrySettings Class

Contains geometry settings for the gauge arc.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxGaugeGeometrySettings :
    DxSettingsComponent<GaugeGeometrySettingsModel>

#Remarks

Use DxGaugeGeometrySettings objects to customize geometry settings for the following components:

DxBarGauge
A component that visualizes data as circular bars where each bar indicates a single value.

Add a DxGaugeGeometrySettings object to gauge markup to configure gauge arc geometry settings. You can specify StartAngle and EndAngle properties at the component level.

Bar Gauge - Arc Geometry

#Example

The following code snippet changes the shape of the DxBarGauge‘s arc to a circle:

Bar Gauge - Geometry Customization

Razor
<DxBarGauge Width="100%"
            Height="300px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxGaugeGeometrySettings StartAngle="-90"
                             EndAngle="270"/>
    @* ...*@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
}

#Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.GaugeGeometrySettingsModel>
DxGaugeGeometrySettings
See Also