DxChartArgumentAxis.CustomPositionAxisName Property

Specifies the name of the value axis that the argument axis intersects on the CustomPosition value.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string CustomPositionAxisName { get; set; }

Property Value

Type	Description
String	The axis name.

Remarks

Use the CustomPositionAxisName in combination with the CustomPosition property to shift the argument axis in multi-axis charts.

In the following code snippet, the argument axis intersects the “Temperature” value axis at the value of 45:

Razor

<DxChart Data="@forecasts">
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.TemperatureC)"
                       Name="Temperature, C" />
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.TemperatureF)"
                       Name="Temperature, F" />
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.Precipitation)"
                       Name="Precipitation"
                       Axis="Precipitation" />
    <DxChartArgumentAxis CustomPosition="45" CustomPositionAxisName="Temperature" />
    <DxChartValueAxis Name="Temperature">
        <DxChartAxisTitle Text="Temperature" />
    </DxChartValueAxis>
    <DxChartValueAxis Name="Precipitation" Alignment="ChartAxisAlignment.Far">
        <DxChartAxisTitle Text="Precipitation" />
    </DxChartValueAxis>
</DxChart>

WeatherForecast.cs

namespace Chart.Data {
    using System;

    public class WeatherForecast {
        public DateTime Date { get; set; }
        public int TemperatureC { get; set; }
        public double TemperatureF => Math.Round((TemperatureC * 1.8 + 32), 2);
        public double Precipitation { get; set; }
    }
}