Back to Devexpress

DxChartAxisMinorTick.Shift Property

blazor-devexpress-dot-blazor-dot-dxchartaxisminortick-b01ae97a.md

latest1.8 KB
Original Source

DxChartAxisMinorTick.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 minor ticks relative to an axis line:

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

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

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

The following example shifts minor 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>
        <DxChartAxisMinorTick Visible="true"
                              Shift="6"
                              Length="10" />
    </DxChartValueAxis>
</DxChart>

See Also

DxChartAxisMinorTick Class

DxChartAxisMinorTick Members

DevExpress.Blazor Namespace