AmCharts图例：数值与标记间边距设置无效求助

I’ve run into this exact issue before—sometimes adjusting marginLeft/marginRight on valueLabels doesn’t work as expected because AmCharts’ legend layout handles spacing between markers and values through the marker’s margins or the label’s padding instead.

Here are two reliable fixes you can try:

1. Adjust the Marker’s Right Margin #

The simplest way to create space between the legend marker and its value is to add margin to the right of the marker itself:

// After initializing your legend
chart.legend.markers.template.marginRight = 10;

This pushes the value text away from the marker directly, which usually takes precedence over adjusting the value label’s margins.

2. Use Padding on the Value Label #

If the first approach doesn’t do it, try adding left padding to the value label instead of margin. SVG-based components in AmCharts often respond better to padding for internal spacing:

chart.legend.valueLabels.template.paddingLeft = 10;

Bonus: Adjust Spacing Between Legend Items #

If you also want more space between individual legend entries, tweak the container’s margin:

chart.legend.itemContainers.template.marginRight = 20;

Just double-check that you’re applying these settings after initializing the legend instance—if you set them before creating the legend, the templates won’t exist yet, so the changes won’t stick. If you’re using a theme, make sure it’s not overriding these values later in your code.

内容的提问来源于stack exchange，提问作者Mostafa Bagheri