Google Apps Script双Y轴柱线组合图轴标签缺失问题求助

一、找回Y轴数值标签 #

设置targetAxisIndex后轴标签消失，大多是因为没显式配置轴的显示格式和数值范围。直接在vAxes里给每个轴加上format（指定数字格式）和viewWindow（限定数值范围），同时确保轴标签显示在外侧：

// 在图表配置中添加以下选项
.setOption('vAxes', {
  0: {title: '排放量', format: '#,##0', viewWindow: {min: 0}}, // 左Y轴
  1: {title: '平均值', format: '#,##0.00', viewWindow: {min: 0}} // 右Y轴，根据数值调整格式
})
.setOption('axes', {y: {0: {labelPosition: 'out'}, 1: {labelPosition: 'out'}}})

二、修复图例位置与标签丢失 #

图例异常通常有两个原因：数据表未给系列设置名称，或图例位置被默认覆盖。按以下步骤修复：

1. 在DataTable中为每个数据列指定名称，这些名称会自动作为图例标签
2. 显式指定图例位置为侧边（比如right）

示例代码片段：

// 构建数据表时指定列名（图例标签来源）
var dataTable = Charts.newDataTable()
  .addColumn(Charts.ColumnType.STRING, '日期')
  .addColumn(Charts.ColumnType.NUMBER, 'Emissions')
  .addColumn(Charts.ColumnType.NUMBER, 'Average')
  .addRow(['2023-01', 1200, 23.5])
  .build();

// 图表配置中指定图例位置
.setOption('legend', {position: 'right', textStyle: {fontSize: 12}})

完整可运行代码 #

function createDualYAxisChart() {
  // 构建数据表
  var dataTable = Charts.newDataTable()
    .addColumn(Charts.ColumnType.STRING, '日期')
    .addColumn(Charts.ColumnType.NUMBER, 'Emissions')
    .addColumn(Charts.ColumnType.NUMBER, 'Average')
    .addRow(['2023-01', 1200, 23.5])
    .addRow(['2023-02', 1500, 25.2])
    .addRow(['2023-03', 1350, 24.8])
    .build();

  // 创建双Y轴组合图表
  var chart = Charts.newComboChart()
    .setDataTable(dataTable)
    .setTitle('排放量与平均值对比')
    // 配置系列类型和对应Y轴
    .setSeriesOptions(0, {type: 'bars', targetAxisIndex: 0})
    .setSeriesOptions(1, {type: 'line', targetAxisIndex: 1, lineWidth: 3, pointSize: 5})
    // 双Y轴配置：标题、格式、数值范围
    .setOption('vAxes', {
      0: {title: '排放量', format: '#,##0', viewWindow: {min: 0}},
      1: {title: '平均值', format: '#,##0.00', viewWindow: {min: 0}}
    })
    // 确保Y轴标签显示在外侧
    .setOption('axes', {y: {0: {labelPosition: 'out'}, 1: {labelPosition: 'out'}}})
    // 图例配置：位置在右侧，显示系列名称
    .setOption('legend', {position: 'right', textStyle: {fontSize: 12}})
    .setWidth(800)
    .setHeight(500)
    .build();

  // 弹出图表预览
  SpreadsheetApp.getUi().showModalDialog(chart, '双Y轴组合图表');
}

关键提醒 #

• targetAxisIndex从0开始，系列索引要和vAxes的索引一一对应，别搞混
• DataTable的列名必须设置，否则图例会丢失标签
• viewWindow的min设为0（如果数值都是正数），能避免轴标签被压缩隐藏
• 图例位置可选right/left/top/bottom，按需调整

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