Skip to main content
All docs
V24.2

DxRangeSelectorChartValueAxis.Type Property

Specifies the axis 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 DxRangeSelectorChart component determines the data type of the first series in the markup and uses it to render the value axis.

Use the Type property to specify the axis type. You can also use the ValueType property to cast values to the specified data type.

The following example displays two Range Selector components with value axes of Continuous and Logarithmic types. The LogarithmBase property for the second component’s chart is set to 2.

<DxRangeSelector Width="500px"
                 Height="300px"
                 Data="@Data">
    <DxTitleSettings Text="Population by Country, 2023" />
    <DxRangeSelectorChart>
        <DxRangeSelectorChartValueAxis Type="ChartAxisType.Continuous"/>
        <DxChartLineSeries ArgumentField="@((DataPoint s) => s.Argument)"
                           ValueField="@((DataPoint s) => s.Value)">
            <DxChartSeriesPoint Visible="true" />
        </DxChartLineSeries>
    </DxRangeSelectorChart>
</DxRangeSelector>
<DxRangeSelector Width="500px"
                 Height="300px"
                 Data="@Data">
    <DxTitleSettings Text="Population by Country, 2023" />
    <DxRangeSelectorChart>
        <DxRangeSelectorChartValueAxis Type="ChartAxisType.Logarithmic"
                                       LogarithmBase="2"/>
        <DxChartLineSeries ArgumentField="@((DataPoint s) => s.Argument)"
                           ValueField="@((DataPoint s) => s.Value)">
            <DxChartSeriesPoint Visible="true" />
        </DxChartLineSeries>
    </DxRangeSelectorChart>
</DxRangeSelector>

@code {
    List<DataPoint> Data;
    protected override void OnInitialized() {
        Data = GetData();
    }
}
See Also