I have a rad HTMLChart that is not displaying the Y Axis correctly in IE 9 and above. It also does not render correctly in Chrome. It overlaps the text.
It runs fine if I run it in the compatibility mode.
Attached are the two screenshots.
I am setting the MaxValue for YAxis in codebehind and adding items to the chart as below:
It runs fine if I run it in the compatibility mode.
Attached are the two screenshots.
I am setting the MaxValue for YAxis in codebehind and adding items to the chart as below:
rcAnnualPaycheckDeduction.PlotArea.Series[0].Items.Add(Convert.ToDecimal(_estimatedPaycheckDeduction));
rcAnnualPaycheckDeduction.PlotArea.Series[1].Items.Add(Convert.ToDecimal(Amount));
<
telerik:RadHtmlChart
ID
=
"rcPayPeriodPaycheckDeduction"
runat
=
"server"
Width
=
"355px"
Height
=
"370px"
Transitions
=
"false"
Visible
=
"false"
>
<
Legend
>
<
Appearance
Position
=
"Bottom"
/>
</
Legend
>
<
ChartTitle
Text
=
"Per Pay Period"
>
<
Appearance
Align
=
"Center"
BackgroundColor
=
"White"
Position
=
"Bottom"
></
Appearance
>
</
ChartTitle
>
<
PlotArea
>
<
YAxis
MinValue
=
"0"
Step
=
"2000"
>
<
LabelsAppearance
DataFormatString
=
"{0:$#,##0}"
RotationAngle
=
"0"
/>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"1"
></
MajorGridLines
>
<
MinorGridLines
Color
=
"#F7F7F7"
Width
=
"1"
></
MinorGridLines
>
</
YAxis
>
<
XAxis
>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"1"
></
MajorGridLines
>
<
MinorGridLines
Color
=
"#F7F7F7"
Width
=
"1"
></
MinorGridLines
>
</
XAxis
>
<
Series
>
<
telerik:ColumnSeries
Name="Estimated Paycheck Deduction <b>*</
b
>" Stacked="false">
<
Appearance
>
<
FillStyle
BackgroundColor
=
"Blue"
></
FillStyle
>
</
Appearance
>
<
LabelsAppearance
DataFormatString
=
"{0:$#,##0}"
Position
=
"OutsideEnd"
>
</
LabelsAppearance
>
<
TooltipsAppearance
DataFormatString
=
"{0:$#,##0}"
></
TooltipsAppearance
>
</
telerik:ColumnSeries
>
<
telerik:ColumnSeries
Name
=
"Amount Deferred"
Stacked
=
"false"
>
<
Appearance
>
<
FillStyle
BackgroundColor
=
"Green"
></
FillStyle
>
</
Appearance
>
<
LabelsAppearance
DataFormatString
=
"{0:$#,##0}"
Position
=
"OutsideEnd"
>
</
LabelsAppearance
>
<
TooltipsAppearance
DataFormatString
=
"{0:$#,##0}"
></
TooltipsAppearance
>
</
telerik:ColumnSeries
>
</
Series
>
</
PlotArea
>
</
telerik:RadHtmlChart
>