Google line chart如何实现x轴间隔显示小时刻度且不影响悬浮提示

完全可以通过扩展你给出的配置实现需求，不需要将刻度字符串置空，不会影响悬浮提示的正常展示，推荐两种可行的配置方式： #

方案1：使用showTextEvery参数（适合等间隔的x轴数据） #

该参数可以直接指定每隔多少个数据点显示一次x轴刻度文本，你的场景下设置为2即可实现每隔一小时显示一次刻度，所有数据点保留，悬浮提示不受影响：

var options = {
  hAxis: {
    format: 'H:mm', // 可根据需求调整时间显示格式，不需要置空
    showTextEvery: 2 // 每隔1个刻度显示一次文本，对应逐小时展示需求
  }
}

方案2：手动指定ticks刻度（适合需要固定显示指定整点的场景） #

如果需要严格控制只显示整点刻度，可以手动传入需要展示的时间作为ticks参数，未被包含的时间不会显示刻度，但对应的数据点依然存在：

var options = {
  hAxis: {
    format: 'H:mm',
    ticks: [
      new Date(2024, 4, 20, 0), 
      new Date(2024, 4, 20, 1), 
      new Date(2024, 4, 20, 2)
      // 按需求添加所有需要显示的整点时间即可
    ]
  }
}

注意事项 #

两种方案都不会修改原始数据，仅调整x轴刻度的显示逻辑，鼠标悬浮在数据点上时，tooltip依然可以正常展示对应时间的温度数据，不会出现你之前遇到的悬浮无数据的问题。

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