Skip to main content
A newer version of this page is available. .

DxChartValueAxis Class

Contains settings for the value axis.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartValueAxis :
    DxComplexSettingsComponent<DxChartValueAxis, ChartValueAxisModel>,
    IModelProvider<ChartAxisTitleModel>,
    IModelProvider<ChartAxisLabelModel>,
    IModelProvider<ChartConstantLineModel>,
    IModelContainer<ChartConstantLineModel>,
    IModelProvider<ChartValueBreaksModel>,
    IModelProvider<ChartAxisGridLinesModel>,
    IModelContainer<ChartValueBreaksModel>

Remarks

The value axis displays the chart’s numeric values. The DxChart component allows you to specify two axes and define their position, text, scale breaks and others.

<DxChart Data="@SalesData">
    <DxChartTitle Text="Sales amount" />
    <DxChartLegend Position="RelativePosition.Outside" />
    <DxChartValueAxis>
        <DxChartAxisLabel Format="ChartAxisLabelFormat.Percent"></DxChartAxisLabel>
        <DxChartAxisTitle Text="Amount"></DxChartAxisTitle>
    </DxChartValueAxis>
    <DxChartValueAxis Name="TotalAxis" Position="HorizontalEdge.Right">
        <DxChartAxisTitle Text="Total Amount"></DxChartAxisTitle>
    </DxChartValueAxis>
    <DxChartArgumentAxis>
        <DxChartAxisTitle Text="Cities"></DxChartAxisTitle>
    </DxChartArgumentAxis>
    @*...*@
</DxChart>

Run Demo: Charts - Multiple Axes

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartValueAxisModel>
DxComplexSettingsComponent<DxChartValueAxis, DevExpress.Blazor.Internal.ChartValueAxisModel>
DxChartValueAxis
See Also