Adding Cursor Pointer to A Bar or Column Graph

Thread is closed for posting
4 posts, 0 answers
  1. Avs8686
    Avs8686 avatar
    12 posts
    Member since:
    Feb 2013

    Posted 05 Dec 2013 Link to this post

    First off I love these charts, they are fantastic and are really impressing our clients with how awesome they look.

    Right now, I have a stacked column series and I am trying to add some additional functionality where the user can click on the column and it brings them to another page on the website. I added a function to the OnClientSeriesClicked property of the chart and clicking on a series fires the corresponding function as it should.

    I'd like to change the cursor to a pointer so the user knows they can click on it, "cursor: pointer;" in css, but that's not working on the path element.  Is there a way to pull this off?
  2. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 10 Dec 2013 Link to this post

    Hello Andrew,

    The RadHtmlChart does not provide built-in functionality to change the cursor type when hovering over series, but you can easily achieve it by adding the following CSS style to your page:
    <style type="text/css">
        svg > path:last-child
        {
            cursor: pointer;
        }
    </style>

    Note, that the described workaround works fine in the latest versions of Opera, Chrome, Mozilla Firefox, IE 9+. When the RadHtmlChart is rendered using VML in IE 8 and below, this approach is not applicable, in such cases you can follow the approach described in the following forum tread: Hand cursor on series for drilldown

    Regards,
    Veselina Raykova
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Avs8686
    Avs8686 avatar
    12 posts
    Member since:
    Feb 2013

    Posted 10 Dec 2013 Link to this post

    Thanks!  That works beautifully!
  5. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 10 Dec 2013 Link to this post

    Hi Andrew,

    I am glad that the proposed solution was helpful for you. Feel free to contact us in case we could be of any further assistance.

    Regards,
    Veselina Raykova
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top