如何在amCharts中为多个系列设置不同的描边颜色？

问题根源 #

你代码里的series变量没有用let或const声明，属于全局变量。每次调用createSeries时，都会覆盖这个全局变量的引用，最终所有系列都会被设置为最后一次调用时传入的color值。

修复方案 #

在创建series时添加局部变量声明，确保每个函数调用生成独立的系列实例：

const createSeries = (data, color) => {
  // 用const声明局部的series变量，避免全局污染
  const series = am5xy.SmoothedXLineSeries.new(root, settings);
  series.set("stroke", color);
  series.bullets.push(() =>
    am5.Bullet.new(root, {
      locationY: 0,
      sprite: am5.Circle.new(root, {
        radius: 4,
        stroke: color,
        strokeWidth: 2,
        fill: am5.Color.brighten(color, -0.3),
      }),
    })
  );
  series.data.setAll(data);

  chart.series.push(series);
};

额外检查点 #

• 调用createSeries时，确保传入的color参数是不同的颜色值（比如am5.color("#ff0000")、am5.color("#00ff00")这类独立的颜色对象）
• 如果settings对象中本身包含stroke配置，需要确认它不会覆盖后续通过series.set("stroke", color)设置的值（am5的set方法会优先覆盖配置中的属性）

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