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

Pie Chart Legend Hover Cursor to default

3 Answers 337 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ed
Top achievements
Rank 1
Ed asked on 28 Mar 2015, 12:10 AM
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

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 31 Mar 2015, 09:54 AM
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!
 
0
Ed
Top achievements
Rank 1
answered on 31 Mar 2015, 05:21 PM
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
0
Accepted
Iliana Dyankova
Telerik team
answered on 01 Apr 2015, 08:24 AM
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!
 
Tags
Charts
Asked by
Ed
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Ed
Top achievements
Rank 1
Share this question
or