如何设置amCharts 5力导向树图例背景透明以避免内容重叠

要让图例背景变为透明，只需在图例的初始化配置中添加background属性，将其fill值设为透明色即可：

修改后的图例初始化代码如下：

var legend = container.children.push(
  am5.Legend.new(root, {
    centerX: am5.p100,
    x: am5.p100,
    layout: root.verticalLayout,
    clickTarget: 'none',
    // 配置背景透明
    background: {
      fill: am5.Color.transparent
    }
  })
);

也可以通过设置颜色的透明度来实现：

background: {
  fill: am5.color(0x000000, 0) // 基础色设为黑色，alpha值0表示完全透明
}

两种方式都能让图例背景完全透明，不会再重叠遮挡图表内容。

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