要在AmCharts4饼图中隐藏图例标签中的百分比,可以在图表对象的"legendlabels"集合上使用"hideOversized"和"maxWidth"属性。代码示例如下:
//获取图表对象 var chart = am4core.create("chartdiv", am4charts.PieChart);
//禁用百分比显示 chart.legend = new am4charts.Legend(); chart.legend.labels.template.hideOversized = true; chart.legend.labels.template.maxWidth = 100; chart.legend.valueLabels.template.hideOversized = true; chart.legend.valueLabels.template.width = 0;
//添加系列和数据 var series = chart.series.push(new am4charts.PieSeries()); series.dataFields.value = "value"; series.dataFields.category = "category";
//设置样式 series.slices.template.stroke = am4core.color("#ffffff"); series.slices.template.strokeWidth = 2; series.slices.template.strokeOpacity = 1;
//添加数据 chart.data = [{category: "鞋子", value: 50}, {category: "衣服", value: 25}, {category: "帽子", value: 15}, {category: "饰品", value: 10}];
这将禁用图例标签和值标签中的所有超大字符,并将值标签的宽度设置为0,从而隐藏百分比。