DxGaugeGeometrySettings Class

Contains geometry settings for the gauge arc.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

<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 };
}