【发布时间】:2018-05-25 19:39:59
【问题描述】:
是否可以删除显示“0%”的剑道饼图标签。但是我们可以显示图例,尽管没有数据。
下面是一个显示“0%”雨的链接。
请向我提出您宝贵的想法。谢谢。
【问题讨论】:
标签: kendo-ui kendo-chart
是否可以删除显示“0%”的剑道饼图标签。但是我们可以显示图例,尽管没有数据。
下面是一个显示“0%”雨的链接。
请向我提出您宝贵的想法。谢谢。
【问题讨论】:
标签: kendo-ui kendo-chart
您可以使用 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 #% #}#",
}
【讨论】:
您可以从 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); }
}
})
当然,此调整也从图例中删除了雨项目。我认为这没问题——在图例中有一个没有相应切片或类别标签的项目可能会令人困惑。
【讨论】: