同步图表问题：setExtremes仅对最后一个图表Y轴生效

你的问题核心是JavaScript对象的引用特性导致多个图表共享了同一个Y轴配置实例：

• 当你把同一个Y轴配置对象（包含setYaxis、plotLines的对象）同时赋值给chartOne、chartTwo、chartThree的配置时，三个图表并没有各自拥有独立的配置副本，而是共用了同一个对象的引用。
• Highcharts在依次初始化图表时，会对这个共享的配置对象进行修改，最后初始化的chartThree会覆盖掉前面图表对该对象的引用关联，导致所有针对Y轴的操作（比如setExtremes）最终都指向了chartThree的Y轴实例，plotLines也只会在最后一个图表上显示。

你需要为每个图表生成独立的Y轴配置对象，避免引用复用。根据配置的嵌套程度，可以选择以下方式：

1. 浅拷贝（适用于无深层嵌套的配置） #

使用对象展开语法或Object.assign()创建配置副本：

// 定义基础Y轴配置模板
const baseYAxis = {
  title: { text: '你的标题文本' },
  min: 0, // 替代原setYaxis里的配置，直接用Highcharts标准的min/max
  max: 20,
  plotLines: [{
    value: 7,
    color: 'green',
    width: 2,
    label: { text: '基准线' }
  }]
};

// 为chart1创建独立配置
const chart1 = Highcharts.chart('chartOne', {
  yAxis: {...baseYAxis}, // 对象展开创建浅拷贝
  // 其他图表配置（title、series等）
});

// 为chart2创建独立配置
const chart2 = Highcharts.chart('chartTwo', {
  yAxis: Object.assign({}, baseYAxis), // Object.assign创建浅拷贝
  // 其他图表配置
});

// 为chart3创建独立配置
const chart3 = Highcharts.chart('chartThree', {
  yAxis: {...baseYAxis},
  // 其他图表配置
});

2. 深拷贝（适用于包含深层嵌套对象/数组的配置） #

如果你的Y轴配置有多层嵌套（比如plotLines里还有嵌套对象），浅拷贝无法完全隔离引用，需要用深拷贝：

// 用JSON序列化/反序列化实现深拷贝
const chart1YAxis = JSON.parse(JSON.stringify(baseYAxis));
const chart1 = Highcharts.chart('chartOne', {
  yAxis: chart1YAxis,
  // 其他配置
});

额外注意点 #

• 原代码中的setYaxis不是Highcharts的标准配置项，直接使用min和max来设置Y轴极值即可，这样初始化时就能生效。
• 确保chart1、chart2、chart3变量没有被后续代码覆盖，保证每个变量唯一指向对应的图表实例。

修改后，调用chart1.yAxis[0].setExtremes(8,10)就只会修改chart1的Y轴范围，plotLines也会在三个图表上分别显示。

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