Hi Hunter,
Try setting
Reversed property of XAxis to
true. Here is the sample code that I tried based on your scenario.
ASPX:
<telerik:RadHtmlChart runat="server" ID="BarChart" Width="800" Height="500" Transitions="true">
<Appearance>
<FillStyle BackgroundColor="White" />
</Appearance>
<ChartTitle Text="Revenue">
<Appearance Align="Center" BackgroundColor="White" Position="Top" />
</ChartTitle>
<Legend>
<Appearance BackgroundColor="White" Position="Bottom" />
</Legend>
<PlotArea>
<Appearance>
<FillStyle BackgroundColor="White" />
</Appearance>
<XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MinorTickType="Outside" Reversed="true" >
<Items>
<telerik:AxisItem LabelText="2003" />
<telerik:AxisItem LabelText="2004" />
<telerik:AxisItem LabelText="2005" />
</Items>
<LabelsAppearance DataFormatString="Year {0}" RotationAngle="0" />
<MajorGridLines Color="#EFEFEF" Width="1" />
<MinorGridLines Color="Black" Width="1" />
<TitleAppearance Position="Center" RotationAngle="0" Text="Years" />
</XAxis>
<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside" MaxValue="1000000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false" Step="100000">
<LabelsAppearance DataFormatString="${0}" RotationAngle="0" />
<MajorGridLines Color="#EFEFEF" Width="1" />
<MinorGridLines Color="#F7F7F7" Width="1" />
<TitleAppearance Position="Center" RotationAngle="0" Text="Sum" />
</YAxis>
<Series>
<telerik:BarSeries Name="Quarter 1" Stacked="false">
<Appearance>
<FillStyle BackgroundColor="#c5d291" />
</Appearance>
<LabelsAppearance DataFormatString="${0}" Position="Center" />
<TooltipsAppearance BackgroundColor="#c5d291" DataFormatString="${0}" />
<Items>
<telerik:SeriesItem YValue="315000" />
<telerik:SeriesItem YValue="495000" />
<telerik:SeriesItem YValue="690000" />
</Items>
</telerik:BarSeries>
<telerik:BarSeries Name="Quarter 2">
<Appearance>
<FillStyle BackgroundColor="#92b622" />
</Appearance>
<LabelsAppearance DataFormatString="${0}" Position="Center" />
<TooltipsAppearance BackgroundColor="#92b622" DataFormatString="${0}" />
<Items>
<telerik:SeriesItem YValue="360000" />
<telerik:SeriesItem YValue="540000" />
<telerik:SeriesItem YValue="735000" />
</Items>
</telerik:BarSeries>
<telerik:BarSeries Name="Quarter 3">
<Appearance>
<FillStyle BackgroundColor="#729021" />
</Appearance>
<LabelsAppearance DataFormatString="${0}" Position="Center" />
<TooltipsAppearance BackgroundColor="#729021" DataFormatString="${0}" />
<Items>
<telerik:SeriesItem YValue="405000" />
<telerik:SeriesItem YValue="600000" />
<telerik:SeriesItem YValue="780000" />
</Items>
</telerik:BarSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>
Attached is the screenshot.
Thanks,
Shinu.