Grafana图表无法显示InfluxDB时间与数据，如何设置时序图坐标轴？

1. 修正InfluxDB查询逻辑 #

首先确保查询返回的结果包含Grafana时序图必须的两个核心列：时间戳列、数值型latency列，以下分两种查询语法给出示例：

Flux语法（InfluxDB 2.x及以上适用） #

from(bucket: "替换为你的bucket名称")
  |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
  |> filter(fn: (r) => r._measurement == "testtable")
  |> filter(fn: (r) => r._field == "latency")
  // 需要按testcaseID分多线展示就保留下一行，单条线可删除
  |> keep(columns: ["_time", "_value", "testcaseID"])
  |> yield(name: "latency")

InfluxQL语法（InfluxDB 1.x适用） #

SELECT "latency" FROM "testtable" WHERE $timeFilter
-- 需要按testcaseID分多线展示就加 GROUP BY "testcaseID"

• 必须保留查询返回的原生时间列，Flux中为_time、InfluxQL中为time，Grafana会自动识别该列为X轴
• 必须保证latency字段为数值类型（int/float），不能是字符串类型，否则无法识别为Y轴数值

2. 调整Grafana面板配置 #

• 面板类型选择时间序列（Time series），不要使用表格类型
• 进入查询标签页，点击查询预览确认返回结果中同时存在时间列和latency数值列，没有缺失
• 若你的时间列/数值列不是默认命名，进入转换（Transform）标签页，使用重命名字段功能，将时间列重命名为Time、latency列重命名为Value
• 进入轴配置页，X轴模式选择时间并绑定对应时间列，Y轴模式选择数值并绑定latency列
• 若需要按testcaseID拆分多条曲线，确保查询返回了testcaseID列，Grafana会自动按该字段拆分序列

3. 异常排查 #

如果配置完成后仍无数据展示，优先排查两个点：

• 检查Grafana顶部选择的时间范围是否覆盖了数据的实际生成时间，没有数据超出查询范围的情况
• 若latency为字符串类型，可在查询中添加类型转换逻辑，Flux示例：

  // 新增toFloat步骤将latency转为数值类型
  from(bucket: "替换为你的bucket名称")
    |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
    |> filter(fn: (r) => r._measurement == "testtable")
    |> filter(fn: (r) => r._field == "latency")
    |> toFloat(columns: ["_value"])
    |> yield()
  

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