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>