This is a migrated thread and some comments may be shown as answers.

onmouseover/hover event on x axis label

1 Answer 41 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 14 Jul 2014, 10:16 PM
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)

<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>

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 15 Jul 2014, 10:49 AM
Hi Dave,

I am sorry to say that axis label hover event is not supported by the RadHtmlChart. If we receive other requests on this regard we may consider this idea for implementation in the future. Currently you can attach to the axisLabelClick event, as illustrated in this feedback item.

Regards,
Danail Vasilev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Chart (Obsolete)
Asked by
Dave
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or