dygraphs系列枚举方法及动态修改系列至y2轴的实现方案

我来帮你搞定dygraphs的这两个问题，刚好之前做项目时遇到过类似场景！

一、如何枚举所有系列（避开不可枚举的内部属性） #

千万别去依赖attributes_.series_这种内部属性——它是dygraphs的私有实现，不仅不可枚举，还可能在版本更新时突然失效。官方其实提供了可靠的公开API来获取所有系列：

用getLabels()方法！它会返回一个包含x轴标签在内的所有标签数组，我们只需要去掉第一个元素（x轴的标签），剩下的就是所有y系列的名称：

// 假设你的dygraph实例是dygraphInstance
const dygraphInstance = new Dygraph(/* 你的容器、数据、配置 */);
const allYSeries = dygraphInstance.getLabels().slice(1);
// 举个例子：如果你的数据是[时间, 温度, 湿度, 气压]，allYSeries就是["温度", "湿度", "气压"]

这个方法是官方文档明确支持的，完全不用担心兼容性问题。

二、动态将指定系列切换到y2轴 #

既然要切换的系列是动态的，我们可以通过构建动态配置+更新图表的方式实现，步骤很清晰：

1. 先拿到你需要切换到y2轴的系列名数组（比如从用户选择、后端接口返回等动态来源获取）：

// 示例：这是动态获取的目标系列
const seriesToMoveToY2 = ["湿度", "气压"];

2. 遍历所有系列，构建对应的轴配置对象：

const seriesConfig = {};
allYSeries.forEach(seriesName => {
  // 判断当前系列是否需要切换到y2轴，否则默认用y轴
  seriesConfig[seriesName] = {
    axis: seriesToMoveToY2.includes(seriesName) ? "y2" : "y"
  };
});

3. 调用updateOptions()方法更新图表配置，让修改生效：

dygraphInstance.updateOptions({
  series: seriesConfig,
  // 记得开启y2轴，如果你的图表之前没启用的话
  showY2Axis: true
});

之后如果需要再次调整（比如用户又选了新的系列），重复上面的步骤重新构建配置并更新就行，完全支持动态修改。

额外小技巧 #

如果你需要查看某个系列当前的轴配置，可以用getOption()这个公开API：

const currentAxis = dygraphInstance.getOption("series")[seriesName]?.axis;
// 返回值是"y"、"y2"，或者undefined（如果没配置过）

全程用官方公开API操作，既安全又能完美满足动态需求，完全避开了内部不可枚举属性的坑。

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