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.

BootstrapChartCommonAxisSettings.Offset Property

Specifies the shift of an axis along another axis in pixels.

Namespace: DevExpress.Web.Bootstrap

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

Declaration

[DefaultValue(0)]
public decimal Offset { get; set; }
<DefaultValue(0)>
Public Property Offset As Decimal

Property Value

Type Default Description
Decimal

0

A decimal value that specifies a shift in pixels.

Property Paths

You can access the BootstrapChartCommonAxisSettings.Offset property from the following objects:

Object Type Path to Offset
BootstrapChart
BootstrapPolarChart

Remarks

Chart axes cross at the argument axis and value axis minimum values.

To change the axes cross point coordinates, use any of the following properties:

  • The axis' CustomPosition property to specify new cross point coordinates based on axis values.
  • The axis' Offset property to shift an axis along another axis to the specified number of pixels.

The table below illustrates how different values of the Offset property affect Chart axes.

Axis

Offset

Effect

Argument

Positive number

Shifts the argument axis down.

Negative number

Shifts the argument axis up.

Value

Positive number

Shifts the value axis to the right.

Negative number

Shifts the value axis to the left.

NOTE

If the Rotated property is enabled, the Offset property treats the argument axis as the value axis, and the value axis as the argument axis.

The code below shifts the cross point 50 pixels to the right and 150 pixels up.

<dx:BootstrapChart ID="AxisPositionsChart" runat="server" ClientInstanceName="axisPositionsChart" TitleSettings-Text="Custom Axis Position">
    <SettingsCommonSeries Type="Scatter" />
    <SeriesCollection>
      ...
    </SeriesCollection>
    <ArgumentAxis Offset="-150" />
    <ValueAxisCollection>
        <dx:BootstrapChartValueAxis Offset="50" />
    </ValueAxisCollection>
</dx:BootstrapChart>

Bootstrap-Chart-Axis-Offset

NOTE

Online Demo: Chart - Axis Positions

See Also