是否可以删除零"零"在剑道饼图?

时间:2017-12-12 07:21:05

标签: kendo-ui kendo-chart

是否可以删除显示" 0%"的剑道饼图标签。但是我们可以显示传说,尽管没有相关数据。

以下链接显示" 0%"为了雨。

http://dojo.telerik.com/ewALo

请告诉我你的宝贵意见。感谢。

2 个答案:

答案 0 :(得分:2)

您可以使用 labels.visual 属性。使用“#:value#%”模板,如果文本不是“0%”,则只返回可视属性中的标签:

  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

答案 1 :(得分:1)

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

, 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); }
    }
  })

当然,此调整也会从图例中删除雨水项目。我认为没关系 - 图例中没有相应切片或类别标签的项目可能会令人困惑。