Back to Devexpress

DxGaugeGeometrySettings Class

blazor-devexpress-dot-blazor-6089ca9a.md

latest2.5 KB
Original Source

DxGaugeGeometrySettings Class

Contains geometry settings for the gauge arc.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public class DxGaugeGeometrySettings :
    DxSettingsComponent<GaugeGeometrySettingsModel>

Remarks

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

DxBarGaugeA 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.

Example

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

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

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

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

See Also

DxGaugeGeometrySettings Members

DevExpress.Blazor Namespace