DxChartScaleBreak Class

Contains settings for the scale breaks.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxChartScaleBreak :
    DxSettingsComponent<ChartScaleBreakModel>

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.

razor

<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:

razor

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

Implements

Inheritance

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