AmCharts4 饼图如何隐藏图例标签中的百分比数值

解决方法 #

你遇到的自动追加百分比的问题，是因为PieSeries的图例文本配置优先级高于全局Legend组件的模板，默认会自带百分比后缀，你之前写的全局Legend文本配置被覆盖了。

只需要在你的饼图系列配置代码中，新增一行legendSettings.labelText配置即可，修改后的JS代码如下：

// Add and configure Series
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "litres";
pieSeries.dataFields.category = "country";
// 新增这行配置图例文本格式
pieSeries.legendSettings.labelText = "[bold {color}]{category} : {value} [/]";

原来的chart.legend.labels.template.text配置可以删除，不影响效果。如果需要调整图例的字体大小、行高等通用样式，仍可以通过chart.legend.labels.template相关属性配置。

内容的提问来源于stack exchange，提问作者Frosted Cupcake