Skip to main content
All docs
V25.1
  • DxGaugeGeometrySettings Class

    Contains geometry settings for the gauge arc.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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 };
    }
    

    Inheritance

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