Google Charts能否在图表右侧复制显示相同的Y轴标签？

要实现Google Charts左右两侧显示完全一致的Y轴标签，你可以按如下方式调整配置：

调整核心逻辑 #

• 保留双Y轴配置，取消右侧Y轴的文本隐藏设置
• 强制两个Y轴使用完全相同的数值范围、格式规则，保证刻度对齐
• 新增一个透明的虚拟数据系列绑定到右侧Y轴，确保右侧刻度和左侧完全同步，且不会影响原有图表的展示效果

修改后的配置示例 #

{
  isStacked: true,
  colors: ['#ff4852', '#005BFF', '#FFAB2E', '#af5ddf', '#00A580', 'transparent'], // 新增透明色给虚拟系列
  vAxis: {
    format: '######',
    minValue: 0, // 固定最小值，可根据实际数据范围调整
    maxValue: 800 // 固定最大值，设置为你数据的总最大值即可，保证两侧刻度一致
  },
  chartArea: {
    top: '30',
    height: '75%',
    width: '80%',
  },
  series: {
    0: { textPosition: 'none', targetAxisIndex: 0 },
    1: { targetAxisIndex: 0 },
    2: { targetAxisIndex: 0 },
    3: { targetAxisIndex: 0 },
    4: { targetAxisIndex: 0 },
    5: { targetAxisIndex: 1, visibleInLegend: false } // 虚拟系列绑定右侧Y轴，不在图例显示
  },
  vAxes: {
    0: { format: '######' },
    1: { format: '######' } // 移除原来的textPosition: 'none'配置
  },
  hAxes: {
    0: {
      gridlines: { color: 'transparent' },
    },
  },
}

数据集调整 #

你需要在原有数据集的每一行末尾新增一个和Drilling列数值完全相同的值，作为虚拟系列的数据源，示例如下：

['Date', 'Drilling', 'Stacked', 'Cold stacked', 'Construction', 'Repair', 'Mirror'] // 新增虚拟系列列名
['2020-09-16', 406, 171, 135, 67, 3, 406] // 末尾新增和Drilling列相同的值
['2020-09-17', 407, 170, 135, 67, 3, 407]
// 后续所有行都按该规则添加即可

调整完成后渲染图表即可得到左右两侧完全相同的Y轴标签效果。

内容的提问来源于stack exchange，提问作者Jan Čuma