如何在Kendo UI Charts中禁用饼图的交互式图例?

时间:2014-04-23 20:20:54

标签: kendo-ui telerik legend pie-chart kendo-chart

我有传说中的KendoChart馅饼。 出于某种原因,默认情况下图例是交互式的,通过单击图例项目,图表可以启用/禁用饼图的各个部分。

我没有找到任何方法来禁用此行为:http://docs.telerik.com/kendo-ui/api/dataviz/chart

enter image description here

是否可以禁用?

2 个答案:

答案 0 :(得分:9)

我需要做同样的事情,经过一些研究,在Kendo UI文档中发现了以下解决方案: - 挂钩图表的legendItemClick和legendItemHover事件 - 在处理程序中调用e.preventDefault();

这是我使用的代码(MVVM风格):

在HTML中:

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

在ViewModel中:

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

以下是文章 - http://docs.telerik.com/kendo-ui/api/dataviz/chart

答案 1 :(得分:7)

使用下面的代码

legend: {
    position: "bottom",
    visible: false
},