传说断了

Question

部分图例缺失。怎么可能显示完整。有时我的标签很长。我搜索了很多，但我没有找到任何东西

var chart = am4core.create("product_sale_chart", am4charts.PieChart);

// Add data
chart.data = [{
    "product": "Brufen 200 mg",
    "size": "94000"
}, {
    "product": "Panadol Ford-20-Tablet-Pack",
    "size": "387000"
}, {
    "product": "Betnovit",
    "size": "4340"
}]

chart.innerRadius = 100;
var label = chart.seriesContainer.createChild(am4core.Label);
label.text = "2019";
label.horizontalCenter = "middle";
label.verticalCenter = "middle";
label.fontSize = 50;
label.labelRadius = -500;
//label.paddingLeft = '50px !important';


var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "size";
pieSeries.dataFields.category = "product";

Answer 1

这是因为标签超出了图表的范围。如果这是 Amcharts v3，您可以减少 labelRadius 以使它们更靠近中心。

编辑

现在我看到了您的代码，很明显您使用的是 Amcharts v4，因此您需要使用以下内容而不是 labelRadius：

pieSeries.labels.template.radius = am4core.percent(-40);

这是一个working pen

传说断了

Legends cut off

amcharts