Google Apps Script折线图函数：高亮系列设置失效问题排查

核心问题1：系列配置的键名语法错误 #

你在设置series选项时，直接用变量seriesNum作为对象键名，这会被解析成字符串"seriesNum"，而非变量对应的数值（比如最后一个系列的索引）。Google Charts的series配置需要用数值索引作为键来指定对应系列，必须使用ES6计算属性名语法[seriesNum]。

错误代码：

.setOption('series', { seriesNum: { textStyle: { color: chartTextColour, fontName: 'Arial', fontSize: 12, visibleInLegend: true }, lineWidth: seriesWidth, targetAxisIndex: axisNum } })

修复后：

.setOption('series', { 
  [seriesNum]: { 
    textStyle: { color: chartTextColour, fontName: 'Arial', fontSize: 12, visibleInLegend: true }, 
    lineWidth: seriesWidth, 
    targetAxisIndex: axisNum 
  } 
})

核心问题2：outputColumn变量提前使用 #

在删除旧图表的逻辑中，你在switch(position)之前就调用了chtSheet.getRange(rowo, outputColumn)，此时outputColumn还未被赋值，会导致rng获取失败，旧图表无法正确删除，可能干扰新图表的渲染。

修复方法：将switch(position)代码块提前到删除旧图表的逻辑之前，确保outputColumn在使用前已被正确赋值：

// 先设置图表位置，确定outputColumn
var outputColumn;
switch (position) {
  case null:
  case 1:
    outputColumn = column1Chart;
    break;
  case 2:
    outputColumn = column2Chart;
    break;
  case 3:
    outputColumn = column3Chart;
    break;
  default:
    outputColumn = column1Chart;
}

// 再执行删除旧图表的逻辑
var chtSheet = ss.getSheetByName(sheetName);
var rng = chtSheet.getRange(rowo, outputColumn);
var oldID = rng.getValue();
if (oldID !== '' && oldID !== null) {
  deleteChartById(oldID, sheetName);
}

额外优化建议 #

1. 对比度优化：当前你用#ff00ff作为高亮系列颜色，在黑色背景下可以换成对比度更高的颜色，比如#ffffff（白色）或#ffff00（黄色），提升可读性。
2. 线宽默认值：确保非高亮系列的线宽保持默认（或显式设置为2），避免所有系列都被影响。

完整修复后的关键代码片段 #

// 提前设置outputColumn
var outputColumn;
switch (position) {
  case null:
  case 1:
    outputColumn = column1Chart;
    break;
  case 2:
    outputColumn = column2Chart;
    break;
  case 3:
    outputColumn = column3Chart;
    break;
  default:
    outputColumn = column1Chart;
}

// 删除旧图表（现在outputColumn已赋值）
var chtSheet = ss.getSheetByName(sheetName);
var rng = chtSheet.getRange(rowo, outputColumn);
var oldID = rng.getValue();
if (oldID !== '' && oldID !== null) {
  deleteChartById(oldID, sheetName);
}

// ...其他逻辑保持不变...

// 修复后的series配置
var chart = lineChartBuilder
  // ...其他配置项保持不变...
  .setOption('series', { 
    [seriesNum]: { 
      textStyle: { color: chartTextColour, fontName: 'Arial', fontSize: 12, visibleInLegend: true }, 
      lineWidth: seriesWidth, 
      targetAxisIndex: axisNum 
    } 
  })
  // ...其他配置项保持不变...
  .build();

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