gpt4 book ai didi

kendo-dataviz - 在 Kendo UI DataViz 中,如何将标签放置在饼图中

转载 作者:行者123 更新时间:2023-12-04 03:46:47 25 4
gpt4 key购买 nike

请引用这个例子:
http://jsfiddle.net/mcLEb/

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

更多说明:
现在,标签位于饼图外部,箭头指向其相应的饼图部分。我希望标签本身位于相应的饼图部分内。

我知道馅饼部分可能会比​​其中的实际文本小,但我会处理。

提前致谢!

最佳答案

使用下面的代码(将位置设置为“中心”)

seriesDefaults:
{
labels:
{
position: "center",
visible: true,
format: "{0}%",
font: "12px Arial",
}
}

关于kendo-dataviz - 在 Kendo UI DataViz 中,如何将标签放置在饼图中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20480475/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com