Skip to main content

BootstrapChart.ArgumentAxis Property

Specifies argument axis options for the Chart control.

Namespace: DevExpress.Web.Bootstrap

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

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[PersistenceMode(PersistenceMode.InnerProperty)]
public BootstrapChartArgumentAxis ArgumentAxis { get; }

Property Value

Type Description
BootstrapChartArgumentAxis

A BootstrapChartArgumentAxis object containing options related to the Chart’s argument axis.

Remarks

The rectangular coordinate system is used to determine each point uniquely on a plane through two numbers, the argument and the value of the point. Two perpendicular lines (the axis of arguments and the axis of values) are specified to define the coordinates. To define the argument axis, use the ArgumentAxis property. To define value axes, use the BootstrapChart.ValueAxisCollection property. When series are displayed on several panes, there should be a value axis for each pane defined. In addition, different series can be displayed using different value axes on one pane.

The BootstrapChart.SettingsCommonAxis property allows you to set the properties of all axes to a common value. Note that the value specified for an axis individually (through the ArgumentAxis or BootstrapChart.ValueAxisCollection property) overrides the value specified through the BootstrapChart.SettingsCommonAxis property.

Example

This example demonstrates the basic functionality of the Chart control.

The image below shows the result:

Bootstrap_Chart_OverviewExample

<dx:BootstrapChart runat="server" DataSourceUrl="~/jsondata/simple.json" TitleText="Daily Sales" Rotated="true">
    <ArgumentAxis ArgumentType="System.DateTime" MaxValue="2017-01-10" />
    <ValueAxisCollection>
        <dx:BootstrapChartValueAxis TickInterval="1" />
    </ValueAxisCollection>
    <SeriesCollection>
        <dx:BootstrapChartBarSeries ArgumentField="date" ValueField="sales" />
    </SeriesCollection>
    <SettingsLegend Visible="false" />
</dx:BootstrapChart>
See Also