Skip to main content

DxChartValueBreaks Class

OBSOLETE

The DxChartValueBreaks component is obsolete now. Use the DxChartScaleBreak component instead.

Contains settings for the scale breaks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Obsolete("The DxChartValueBreaks component is obsolete now. Use the DxChartScaleBreak component instead.")]
public class DxChartValueBreaks :
    DxChartScaleBreak

Remarks

A scale break allows you to cut a part of the axis to improve the readability of a chart with high amplitude values or outliers. You can specify as many breaks as required.

Declare the DxChartScaleBreak object in the markup to create a scale break. StartValue and EndValue properties limit the scale break. Note that the scale break is visible only if its range exceeds the tick interval.

<DxChart Data="@SalesData">
    <DxChartArgumentAxis>
        <DxChartScaleBreak StartValue="@(new DateTime(2017, 01, 04))" EndValue="@(new DateTime(2017, 04, 04))" />
    </DxChartArgumentAxis>
    <DxChartValueAxis>
        <DxChartScaleBreak StartValue="50" EndValue="200" />
    </DxChartValueAxis>
    @* ... *@
</DxChart>

You can set the AutoBreaksEnabled property to true to allow the component to automatically calculate scale breaks for the value axis:

<DxChart Data="@SalesData">
    <DxChartValueAxis AutoBreaksEnabled="true" >
      @* ... *@
    </DxChartValueAxis>
</DxChart>

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartScaleBreakModel>
DxChartScaleBreak
DxChartValueBreaks
See Also