Kendo 饼图最适合标签
Kendo pie chart best fit labels
是否可以根据饼图中是否有足够的空间放置 Kendo 饼图标签,就像 Excel 中的最适合选项一样?所以如果他们能适应他们就进去,如果他们不能,箭头将从外面指向他们。可能与此类似:Kendo barchart category labels left and right based on value
如果必须的话,我不介意手动操作,因为我认为 Kendo 没有内置该功能。
我刚算出来,原来kendo把当前数据项作为参数传递给位置属性如果你把它设置为一个函数,所以我只需要做检查它的百分比,如果它小于 30%(或任何你想要的),那么它将在里面,否则它会在外面。颜色也可以这样做。
$("#chart").kendoChart({
series: [ {
labels: {
visible: true,
align: "circle",
position: function(e) {
if(e.percentage < 0.1)
return "outsideEnd";
else
return "insideEnd";
},
color: function(e) {
if(e.percentage < 0.1)
return "#000";
else
return "#fff";
}
},
type: "pie",
data: [2,1,3,4,2, 5]
}]
});
是否可以根据饼图中是否有足够的空间放置 Kendo 饼图标签,就像 Excel 中的最适合选项一样?所以如果他们能适应他们就进去,如果他们不能,箭头将从外面指向他们。可能与此类似:Kendo barchart category labels left and right based on value
如果必须的话,我不介意手动操作,因为我认为 Kendo 没有内置该功能。
我刚算出来,原来kendo把当前数据项作为参数传递给位置属性如果你把它设置为一个函数,所以我只需要做检查它的百分比,如果它小于 30%(或任何你想要的),那么它将在里面,否则它会在外面。颜色也可以这样做。
$("#chart").kendoChart({
series: [ {
labels: {
visible: true,
align: "circle",
position: function(e) {
if(e.percentage < 0.1)
return "outsideEnd";
else
return "insideEnd";
},
color: function(e) {
if(e.percentage < 0.1)
return "#000";
else
return "#fff";
}
},
type: "pie",
data: [2,1,3,4,2, 5]
}]
});