DxGaugeAnimationSettings Class

Contains animation settings.

Assembly: DevExpress.Blazor.v24.1.dll

Declaration

public class DxGaugeAnimationSettings :
    DxSettingsComponent<GaugeAnimationSettingsModel>

Remarks

Use DxGaugeAnimationSettings objects to customize animation settings for the following components:

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

Add a DxGaugeAnimationSettings object to target component markup to configure component animation settings. To disable current animation, set the Enabled property to false.

The DxGaugeAnimationSettings component allows you to specify the following properties at the component level:

Easing: Specifies the animation easing mode.
Duration: Specifies the duration of gauge animation.

Example

The following code snippet configures animation settings for the DxBarGauge component:

Bar Gauge - Animation

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxGaugeAnimationSettings Duration="3000"
                              Easing="AnimationEaseMode.Linear" />
    @* ... *@
</DxBarGauge>

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