onmouseover/hover event on x axis label

Thread is closed for posting
2 posts, 0 answers
  1. Dave
    Dave avatar
    5 posts
    Member since:
    Feb 2014

    Posted 14 Jul 2014 Link to this post

    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>
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1493 posts

    Posted 15 Jul 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top