我正在使用amcharts创建带有向下钻取的饼图。第一个饼图有两个项目,一个是68,另一个是3。标签3很好,但是84的标签无缘无故地越过了馅饼切片……在切片下面有足够的空间或切片的侧面。
这是现在的样子:
奇怪的是,当我向下钻取63时,标签很好...参见此处:
我是JS的新手,所以我一直在研究他们的文档,这里有一种方法可以将标签放在切片中,但是不能正常工作,因为在某些情况下切片会很薄...弯曲的标签几乎很好,但是当有很多切片时,标签重叠...也尝试更新css以使高度变大,这迫使标签向上移动...
var types = [{
type: "Operations",
value: 68,
color: chart.colors.getIndex(0),
subs: [{"type":"Compromised Websites","value":26},{"type":"Malicious Web Sites","value":24},{"type":"Potentially Unwanted Software","value":11},{"type":"Potentially Exploited Documents","value":7}]}, {
type: "Staff Data",
value: 3,
color: chart.colors.getIndex(1),
subs: [{"type":"Potentially Unwanted Software","value":3}]}
}];
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "value";
pieSeries.dataFields.category = "type";
pieSeries.slices.template.propertyFields.fill = "color";
pieSeries.slices.template.propertyFields.isActive = "pulled";
pieSeries.slices.template.strokeWidth = 0;
pieSeries.labels.template.text = "{category}: {value.value}";
pieSeries.slices.template.tooltipText = "{category}: {value.value}";
pieSeries.ticks.template.adapter.add("hidden", hideSmall);
pieSeries.labels.template.adapter.add("hidden", hideSmall);
理想情况下,标签不会越过切片。