DxRangeSelectorScaleMinorTick Class

Contains settings for minor scale ticks.

Assembly: DevExpress.Blazor.v25.1.dll

Declaration

public class DxRangeSelectorScaleMinorTick :
    DxSettingsComponent<RangeSelectorScaleMinorTickModel>

Remarks

Add a DxRangeSelectorScaleMinorTick object to the DxRangeSelectorScale component markup to configure settings of minor scale ticks in DxRangeSelector.

Range Selector - Minor Scale Ticks

Show Nested Component Structure

DxRangeSelector
- DxRangeSelectorScale
  - DxRangeSelectorScaleTick
  - DxRangeSelectorScaleMinorTick

The Range Selector calculates minor tick intervals automatically based on data source values. You can use the DxRangeSelectorScale.MinorTickInterval property to set a custom interval for minor scale ticks. Alternatively, use the DxRangeSelectorScale.MinorTickCount property to specify the number of minor ticks between two neighboring major ticks.

Note

The DxRangeSelectorScale.MinorTickInterval property has priority over the DxRangeSelectorScale.MinorTickCount property.

The DxRangeSelectorScaleMinorTick component allows you to customize the color, opacity, and width of minor scale ticks. To hide minor ticks, set the Visible property to false.

Example

The following code snippet changes the appearance of minor scale ticks in the <DxRangeSelector> component:

Range Selector - Minor Scale Tick Customization

<DxRangeSelector Width="100%"
                 ValueChanged="@OnValueChanged"
                 ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
    <DxTitleSettings Text="Filter Order List by Total Cost" />
    <DxRangeSelectorScale StartValue="@minTotal"
                          EndValue="@maxTotal"
                          TickInterval="1000">
        <DxRangeSelectorScaleTick Opacity="0.9" />
        <DxRangeSelectorScaleMinorTick Color="#28a745" Opacity="0.7" />
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings LdmlString=",##0" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>

Run Demo