Change cursor on series hover

3 posts, 0 answers
  1. Prashant
    Prashant avatar
    7 posts
    Member since:
    Oct 2012

    Posted 14 Apr 2014 Link to this post

    Hi,

    We want to implement drill down functionality on series item (bar) click. For that we want to change mouse cursor to pointer on chart series item hover. When
    mouse moves out of series, cursor should be set to default.

    How can I achieve this?


    Thanks,
    Prashant Gham



  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 15 Apr 2014 Link to this post

    Hi Prashant,

    This scenario is not supported by Kendo UI Chart, however we will consider this idea for future releases. Meanwhile as a possible workaround I can suggest attaching a handler to the seriesHover event and change the mouse cursor using the following code snippet:
    $("#chart").kendoChart({
      //...
      seriesHover: function(){
         $("#chart").css("cursor", "pointer");
      }
    });
    , however there is no an event which fires when the mouse cursor moves out the series and the cursor cannot be set back to default. 

    Regards,
    Iliana Nikolova
    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. Adrien Bakouche
    Adrien Bakouche avatar
    3 posts
    Member since:
    Sep 2014

    Posted 20 Mar 2015 Link to this post

    Hi,

    This CSS snippet does the job:
    path[data-model-id]{
        cursor: pointer;
    }
    path[fill-opacity='0']{
        cursor: default;
    }

    Adrien
Back to Top