All docs
V20.1
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

BootstrapChartArgumentAxis.CustomPositionAxis Property

Specifies the value axis along which the argument axis is shifted.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v20.1.dll

Declaration

[DefaultValue(null)]
public string CustomPositionAxis { get; set; }
<DefaultValue(Nothing)>
Public Property CustomPositionAxis As String

Property Value

Type Default Description
String

null

A string that specifies a value axis' name.

Remarks

Chart axes cross at the argument axis and value axis minimum values. Use the axis' CustomPosition property to change the cross point coordinates.

If the Chart control displays multiple value axes, the argument axis' CustomPositionAxis property specifies the Name of the value axis along which the argument axis should be shifted.

The code below shifts the argument axis, so it crosses the Power value axis at 0.

<dx:BootstrapChart ID="AxisPositionsChart" runat="server" TitleSettings-Text="Engine Power">
    <SeriesCollection>
        <dx:BootstrapChartLineSeries ValueField="Power" Axis="Power" Name="Power"/>
        <dx:BootstrapChartLineSeries ValueField="Torque" Axis="Torque" Name="Torque"/>
    </SeriesCollection>
    <ArgumentAxis CustomPosition="0" CustomPositionAxis="Power" />
    <ValueAxisCollection>
        <dx:BootstrapChartValueAxis Name="Power" TitleSettings-Text="kW"></dx:BootstrapChartValueAxis>
        <dx:BootstrapChartValueAxis Name="Torque" Position="Right" TitleSettings-Text="kN"></dx:BootstrapChartValueAxis>
    </ValueAxisCollection>
</dx:BootstrapChart>

Bootstrap-Chart-Axis-Custom-Position-Axis

NOTE

Online Demo: Chart - Axis Positions

See Also