Does anyone have a way of adding a onmouseover/onmouseout event to the x axis labels in a bar chart? I was able to add a click event to the x axis labels using the axisLabelClick event. From what i've read there is no built in event for the hover of the x axis labels. Does anyone have a custom way to do this?
I'd like the x axis labels to look and act like a hyperlink (cursor pointer and underline upon onmouseover)
I'd like the x axis labels to look and act like a hyperlink (cursor pointer and underline upon onmouseover)
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"BarChart"
Height
=
"400"
Transitions
=
"true"
DataSourceID
=
"ChartsDataSource"
OnClientSeriesClicked
=
"OnClientSeriesClicked"
>
<
PlotArea
>
<
Appearance
>
<
FillStyle
BackgroundColor
=
"#c5d291"
></
FillStyle
>
</
Appearance
>
<
Series
>
<
telerik:BarSeries
DataFieldY
=
"PercentPaid"
>
<
Appearance
FillStyle-BackgroundColor
=
"#729021"
></
Appearance
>
<
LabelsAppearance
Position
=
"InsideBase"
Color
=
"White"
>
<
ClientTemplate
>
$#=dataItem.PaidToDate#
</
ClientTemplate
>
</
LabelsAppearance
>
</
telerik:BarSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"CustomerName"
Reversed
=
"false"
>
<
TitleAppearance
Text
=
"Customer Name"
Visible
=
"false"
>
<
TextStyle
Margin
=
"20"
/>
</
TitleAppearance
>
<
MajorGridLines
Visible
=
"false"
Width
=
"0"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
XAxis
>
<
YAxis
AxisCrossingValue
=
"0"
Color
=
"#b3b3b3"
MajorTickSize
=
"1"
MajorTickType
=
"Outside"
MinorTickSize
=
"1"
MinorTickType
=
"Outside"
MinValue
=
"0"
MaxValue
=
"100"
Reversed
=
"false"
>
<
LabelsAppearance
DataFormatString
=
"{0}%"
RotationAngle
=
"30"
Skip
=
"0"
></
LabelsAppearance
>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"0"
></
MajorGridLines
>
<
MinorGridLines
Color
=
"#F7F7F7"
Width
=
"0"
></
MinorGridLines
>
<
TitleAppearance
Position
=
"Center"
RotationAngle
=
"0"
Text
=
"Percent Paid"
></
TitleAppearance
>
</
YAxis
>
</
PlotArea
>
</
telerik:RadHtmlChart
>