在 amcharts 中，若多个系列共用同一配置对象（尤其是包含相同 name 的 settings），会导致颜色等属性被全局覆盖；正确做法是为每个系列创建独立的配置对象，并确保 name 唯一。
在使用 amCharts 5（特别是 am5xy.SmoothedXLineSeries）绘制多条折线时，一个常见误区是复用同一个 settings 配置对象来初始化多个系列。正如问题中所示，即使为每个系列显式调用 series.set("stroke", color)，颜色仍会“同步变化”——根本原因并非 stroke 设置失效，而是 所有系列被识别为同一逻辑实体，因为它们共享了相同的 name 字段（该字段默认用于内部标识与主题继承）。
✅ 正确实践：为每个系列生成独立、带唯一 name 的配置对象。以下是优化后的 createSeries 函数示例：
const createSeries = (data, color, name) => {
// ✅ 每次调用都创建全新 settings 对象，确保 name 唯一
const settings = {
name: name, // 关键：必须唯一，如 "Sales Q1", "Sales Q2"
xAxis: xAxis,
yAxis: yAxis,
valueYField: "value",
valueXField: "date",
tooltip: am5.Tooltip.new(root, {
labelText: "{name}: {valueY}"
})
};
const series = am5xy.SmoothedXLineSeries.new(root, settings);
series.set("stroke", color);
series.set("fill", am5.color(color)); // 可选：填充区域（如启用 fillOpacity）
// 配置带颜色的散点标记
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(dataQ1, am5.color(0x37a2da), "Revenue Q1");
createSeries(dataQ2, am5.color(0xff6b6b), "Revenue Q2");
createSeries(dataQ3, am5.color(0x4ecdc4), "Revenue Q3");⚠️ 注意事项：
- name 是 amCharts 内部用于区分系列的关键标识符，不可重复，也不建议省略；
- 避免将 settings 定义在函数外部并重复传入——这正是原始问题的根源；
- 若需统一管理样式，可封装 color 和 name 的映射关系（如通过数组或 Map），但配置对象本身必须每次新建；
- 启用图例（chart.get("legend")）时，name 会自动作为图例项文本，因此语义化命名也利于用户体验。
总结：amCharts 5 的系列隔离依赖于配置对象的结构性独立性，而非仅靠运行时 set() 调用。确保 name 唯一 + settings 实例独享，即可彻底解决多系列颜色冲突问题。
