Удалить пробел между именем и процентом в легенде круговой диаграммы (amcharts4) - PullRequest
Новая
       82

Удалить пробел между именем и процентом в легенде круговой диаграммы (amcharts4)

2 голосов
/ 07 апреля 2019

enter image description here

Я хочу избавиться от этого пробела в легенде между именем и процентом. На картинке я выделил пространство желтым цветом.

Например, я хочу, чтобы первым элементом легенды была «Литва (30,5%)». Это дополнительное пространство между "Литвой" и "30,5%" портит мой пользовательский интерфейс.

Мой код для легенды следующий: 

// Add and configure Series
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "litres";
pieSeries.dataFields.category = "country";
pieSeries.slices.template.stroke = am4core.color("#fff");
pieSeries.slices.template.strokeWidth = 2;
pieSeries.slices.template.strokeOpacity = 1;
pieSeries.ticks.template.disabled = true;
pieSeries.labels.template.disabled = true;

// This creates initial animation
pieSeries.hiddenState.properties.opacity = 1;
pieSeries.hiddenState.properties.endAngle = -90;
pieSeries.hiddenState.properties.startAngle = -90;

pieSeries.legendSettings.labelText = '{category}';
pieSeries.legendSettings.valueText = null;
pieSeries.labels.template.text = "{category}: {value}";
pieSeries.slices.template.tooltipText = "{category}: {value}";

chart.legend = new am4charts.Legend();
chart.legend.fontSize = 5;
chart.legend.markers.template.width = 5;
chart.legend.markers.template.height = 5;

Какое изменение я должен сделать, чтобы это сделать?

1 Ответ

2 голосов
/ 20 апреля 2019

Вы можете переместить значение в "labelText": 

pieSeries.legendSettings.labelText = "{category}: {value.percent.formatNumber('#.0')}%";

И вообще отключить метки значений: 

chart.legend.valueLabels.template.disabled = true;
...