Pie Chart Legend Hover Cursor to default

4 posts, 1 answers
  1. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 27 Mar 2015 Link to this post

    For my pie chart, I have turned off the highlight for the legend. How also can I change the cursor to default when the mouse hovers over the legend - since there is no highlight and no action when clicking on the legend item?

    Thanks,
    --Ed
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 31 Mar 2015 Link to this post

    Hi Ed,

    The following CSS rule should help to achieve the expected result: 
    .k-chart svg path {
        cursor: default !important;
    }


    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 31 Mar 2015 in reply to Iliana Nikolova Link to this post

    Thanks Iliana,

    That works if I want to change the cursor for all charts on the page, but not for specific charts. For example, other charts that have legends, like our column charts need to have the cursor change to indicate the user can click the legend to show/hide the specified series, but for pie charts, that ability is not available.

    I'll look into adding a class to the pie charts to see if I can use that specificity to narrow down the CSS rule.

    --Ed
  4. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 01 Apr 2015 Link to this post

    Hi Ed,

    I discussed this case with the developers and it appears there is undocumented legend.item.cursor option which can be used to achieve the expected result. For your convenience I prepared a basic example.

    On a side note, we will update the online documentation shortly.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top