是否可以删除 Kendo 饼图中 "zero" 的标签？

Question

是否可以删除显示“0%”的 kendo 饼图标签。但是我们可以显示图例，尽管没有相关数据。

下面是 link，它显示“0%”表示下雨。

http://dojo.telerik.com/ewALo

请向我提出您的宝贵意见。谢谢

Answer 1

您可以从数据源视图数据中删除值为零的项目。

, dataBound: (function(e) {
    var oa = e.sender.dataSource.view();
    for (var i = oa.length-1; i >= 0; i--) {
      if (oa[i].percentage == 0) { oa.splice(i,1); }
    }
  })

当然，此调整也从图例中删除了雨项目。我认为这没关系——在图例中有一个项目没有相应的切片或类别标签可能会造成混淆。

Answer 2

您可以使用labels.visual属性。使用模板“#: value #%”，如果文本不是“0%”，则在视觉属性中只有 return 标签：

  labels: {
    visible: true,                   
    position: "insideEnd", 
    template: "#: value #%",
    visual: function(e) {
      if (e.text != "0%") {   
        return e.createVisual(); 
      }
    }
  }

已更新DEMO

更新：这也可以仅使用标签模板轻松完成：

labels: {
  visible: true,                   
  position: "insideEnd", 
  template: "#if (value > 0) {# #: value #% #}#",  
}

DEMO

是否可以删除 Kendo 饼图中 "zero" 的标签？

Is it possible to remove the Labels which are "zero" in Kendo pie chart?

kendo-ui

kendo-chart