Back to Devexpress

DxChartAxisTick.Shift Property

blazor-devexpress-dot-blazor-dot-dxchartaxistick-a4eb0abb.md

latest1.7 KB
Original Source

DxChartAxisTick.Shift Property

Shifts minor ticks relative to an axis line.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Int323

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

  • 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 shifts ticks on the value axis and set their length to 10 pixels:

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

See Also

DxChartAxisTick Class

DxChartAxisTick Members

DevExpress.Blazor Namespace