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.