Skip to main content

DxChartAxisTick.Shift Property

Shifts minor ticks relative to an axis line.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.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 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):

    Major Ticks Positive Shift

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

    Major Ticks Reference Position

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

    Major Ticks Negative Shift

The following example shifts 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>

The tick is stretched

See Also