Skip to main content

BootstrapChart.Rotated Property

Specifies a value that defines whether to swap chart axes.

Namespace: DevExpress.Web.Bootstrap

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

NuGet Package: DevExpress.Web.Bootstrap

#Declaration

[DefaultValue(false)]
public bool Rotated { get; set; }

#Property Value

Type Default Description
Boolean false

true, to swap chart axes; otherwise, false.

#Remarks

Setting the Rotated property to true swaps the axes around so that the value axis becomes horizontal and the argument axes becomes vertical.

#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