amCharts Пользовательская легенда со значениями (правильный метод и выравнивание)

Question

В настоящее время я создаю тепловую карту с более чем 100 точками данных (Страна, значение).

Я создал пользовательскую легенду для отображения только 10 лучших стран и их значений.

Однако выравнивание выключено (неправильная сторона и расстояние между именем и значениями), есть ли лучший способ сделать это?

chart.legend = new am4maps.Legend();
chart.legend.position = "right";
chart.legend.data = [];

for (let index = 0; index < 10; index++) {
    chart.legend.data.push({
        name: legend_data[index]['id'],
        fill: colorSet.next(),
        value: legend_data[index]['value']
    });
}

chart.legend.labels.template.text = "{name}: {value}%";
chart.legend.itemContainers.template.paddingTop = 2;
chart.legend.itemContainers.template.paddingBottom = 2;

Answer 1

Очень простой ответ, мне просто нужно было установить текст valueLabels, а не объединять оба в текст метки легенды. Теперь выравнивается правильно.

chart.legend.labels.template.text = "{name}";
chart.legend.valueLabels.template.text = "{value}";