传奇切断

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

More on labels