DxChartAxisTick.Shift Property

Shifts minor ticks relative to an axis line.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(3)]
[Parameter]
public int Shift { get; set; }

Property Value

Type	Default	Description
Int32	3	The shift value in pixels.

Remarks

Use the Shift property to move the center of minor ticks relative to an axis line:

• The positive shift value moves ticks towards axis labels. In the following image, the shift value is 3 (default value):

  

• If the shift value is 0, the ticks are in the reference position. The axis crosses the center of each tick:

  

• The negative shift value moves ticks from the axis labels. In the image below, the shift value is -3.

  

The following example shows how to shift ticks on the value axis and set their length to 10 pixels:

<DxChart Data="@forecasts">
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.TemperatureF)"
                       Name="Temperature, F" />
    <DxChartValueAxis>
        <DxChartAxisTick Shift="6" Length="10" />
    </DxChartValueAxis>
</DxChart>