How to disable interactive legend of a pie chart in Kendo UI Charts?
Asked Answered
M

2

7

I have craete KendoChart pie with legend. For some reason legend by default is interactive and by clicking on legend items chart enables/disables pieces of the pie.

I didn't find any way to disable this behavior: http://docs.telerik.com/kendo-ui/api/dataviz/chart

enter image description here

Could it be disabled?

Menefee answered 23/4, 2014 at 20:20 Comment(0)
A
9

I needed to do the same thing and after some research found out in the Kendo UI documentation the following solution: - hook to the legendItemClick and legendItemHover events of the chart - in the handler call e.preventDefault();

Here is the code I used (MVVM-style):

In HTML:

data-bind="events: { legendItemClick: disableEvent, legendItemHover: disableEvent } "

In the ViewModel:

disableEvent: function(e) {
    e.preventDefault();
}

Here is the article - http://docs.telerik.com/kendo-ui/api/dataviz/chart

Algar answered 8/6, 2014 at 8:41 Comment(1)
It would be nicer if this would be an option flag.Anaemia
D
6

Use the code Below

legend: {
    position: "bottom",
    visible: false
},
Dunstan answered 29/7, 2014 at 18:21 Comment(2)
This will hide the legend, not disable the interactivityInaccuracy
Abiola, can you try answer to my question? I think you will be able to answer. link: #33890222Acroterion

© 2022 - 2024 — McMap. All rights reserved.