DxRangeSelectorScale.Type Property

Specifies the scale type.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public ChartAxisType Type { get; set; }

Property Value

Type	Description
ChartAxisType	An enumeration value.

Available values:

Name	Description
Auto	Automatically detects the series’s data type and uses it to render the axis. For integer and float data types, displays numeric arguments/values divided by ticks. For other data types, displays discrete arguments/values that correspond to chart points.
Continuous	The axis uses a continuous scale to display numeric and date-time values.
Discrete	Displays discrete arguments/values that correspond to chart points.
Logarithmic	Displays numeric arguments/values that grow exponentially. Each axis argument/value equals the specified logarithm base raised to a power (for instance, 10⁻², 10⁻¹, 10⁰, 10¹, 10², etc.).

Remarks

The Range Selector determines the scale type based on the type of a data source. Use the Type property to change the scale type. You can also use the ValueType property to cast values to the specified data type.

The following code snippet sets the scale type to Continuous and casts values specified as strings to the DateTime type:

<DxRangeSelector Width="1100px"
                 Height="200px"
                 SelectedRangeStartValue="@("02/01/2024")"
                 SelectedRangeEndValue="@("02/14/2024")">
    <DxRangeSelectorScale StartValue="@("01/01/2024")"
                          EndValue="@("06/01/2024")"
                          TickInterval="ChartAxisInterval.Week"
                          MinorTickInterval="ChartAxisInterval.Day"
                          MinRange="ChartAxisInterval.Week"
                          MaxRange="ChartAxisInterval.Month"
                          ValueType="ChartAxisDataType.DateTime"
                          Type="ChartAxisType.Continuous">
        <DxRangeSelectorScaleMarker>
            <DxRangeSelectorScaleMarkerLabel>
                <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
            </DxRangeSelectorScaleMarkerLabel>
        </DxRangeSelectorScaleMarker>
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>