Google Line Chart X轴年份重复显示问题技术咨询

• 优先将X轴的年份数据转换为字符串类型，而非Date对象。Google Chart会自动识别字符串类型的X轴为离散轴，每个唯一年份仅显示一次，不会自动插值生成重复刻度。
• 如果你需要保留时间类型的X轴，可通过手动指定ticks参数锁定需要显示的刻度，示例配置如下：

const options = {
  hAxis: {
    // 按你的实际业务覆盖的年份依次配置即可
    ticks: [
      new Date(2018, 0, 1),
      new Date(2019, 0, 1),
      new Date(2020, 0, 1),
      new Date(2021, 0, 1)
    ],
    format: 'yyyy'
  }
}

• 调整X轴网格线计数与你的数据年份总数保持一致，同时明确X轴的最大最小值范围，避免自动生成多余刻度，示例配置：

const options = {
  hAxis: {
    format: 'yyyy',
    minValue: new Date(2018, 0, 1), // 替换为你最早的年份
    maxValue: new Date(2023, 11, 31), // 替换为你最晚的年份
    gridlines: {
      count: 6 // 替换为你的数据覆盖的年份总数
    }
  }
}

• 提前清洗数据，确保X轴的年份值没有重复、格式统一，避免出现数字类型年份和字符串类型年份混用的情况。

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