Vui lòng tham khảo ví dụ sau: http://jsfiddle.net/mcLEb/Trong Kendo UI DataViz, làm thế nào để tôi đặt các nhãn bên trong biểu đồ pie
jQuery("#grid").kendoChart(
{
theme: jQuery(document).data("kendoSkin") || "default",
legend:
{
position: "bottom"
},
chartArea: {
height: 200
},
seriesDefaults:
{
labels:
{
visible: true,
format: "{0}%",
font: "12px Arial",
center: '5%'
}
},
series: [{
type: "pie",
data:[70,20,10]
}],
tooltip:
{
visible: false,
template: "${ category } - ${ value }%"
},
title: { padding: 1, margin: 1 },
seriesColors: ["#d15400", "#d2d2d2","#01619e"],
plotArea: { margin: { left: 50, right: 50 } },
});
More làm rõ: Ngay bây giờ, các nhãn được đặt bên ngoài của biểu đồ pie với một mũi tên trỏ đến phần bánh tương ứng của họ. Tôi muốn các nhãn tự đứng bên trong phần bánh tương ứng của chúng.
Tôi biết rằng một phần bánh có thể nhỏ hơn văn bản thực tế bên trong nó, nhưng tôi sẽ xử lý điều đó.
Cảm ơn trước!
[docs link] (http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ ui/chart # configuration-series.labels.position) cho vị trí nhãn – reergymerej