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

Posted

技术标签:

【中文标题】如何在 Kendo UI Charts 中禁用饼图的交互式图例?【英文标题】:How to disable interactive legend of a pie chart in Kendo UI Charts? 【发布时间】:2014-06-08 21:13:51 【问题描述】:

我有带有图例的 craete KendoChart 派。 出于某种原因,默认情况下图例是交互式的,通过单击图例项图表启用/禁用饼图。

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

可以禁用吗?

【问题讨论】:

【参考方案1】:

我需要做同样的事情,经过一些研究,在 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

【讨论】:

如果这将是一个选项标志会更好。【参考方案2】:

使用下面的代码

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

【讨论】:

这将隐藏图例,而不是禁用交互性 阿比奥拉,你能试着回答我的问题吗?我想你会回答的。链接:***.com/questions/33889722/…

以上是关于如何在 Kendo UI Charts 中禁用饼图的交互式图例?的主要内容,如果未能解决你的问题,请参考以下文章

如何减小 Kendo UI 饼图的大小?

Kendo UI 饼图标签重叠

如何在 Kendo UI 数据源中禁用“读取”请求缓存

Kendo UI for Angular:Kendo UI Datepicker 禁用输入/仅文本框部分

Kendo UI Mobile 如何禁用 touchmove 绑定

如何使用 jquery 禁用 kendo ui 下拉列表?