Grafana:x 轴上没有日期时间的折线图

Posted

技术标签:

【中文标题】Grafana:x 轴上没有日期时间的折线图【英文标题】:Grafana: a line graph without date-time on x-axis 【发布时间】:2021-09-30 19:19:35 【问题描述】:

这可能听起来更复杂,至少在 Grafana 中是这样。

我有一个实验,其中每个位置 (1-100) 的值都会随着时间而改变。我想用折线图(或条形图)来显示这一点,其中 x 轴对应于位置 (1-100),y 轴对应于在 Grafana 中设置的时间间隔内该位置的平均值在右上角。数据来自数据库。请建议我,我应该在 Grafana 中选择哪种类型的图表(仪表板)来实现目标。我只能看到其中两种,一种在 x 轴上有时间,另一种是直方图类型,但似乎都不适用。

【问题讨论】:

您有非时间序列数据的问题。您可以将Graph (old) 面板类型(在 Grafana 8 中)与X-Axis Mode: Series 一起使用。 【参考方案1】:

我们已经使用 natel-plotly-panel 插件实现了图表。

 "panels": [
    
      "pconfig": 
        "traces": [
          
            "mapping": 
              "color": "64",
              "size": null,
              "text": "metriccat",
              "x": "loccat",
              "y": "valuecat",
              "z": null
            ,
            "name": "My value",
            "show": 
              "line": true,
              "lines": true,
              "markers": false
            
          ,
          ...
        ]
      ,
      "pluginVersion": "7.5.5",
      "targets": [
        
          "format": "table",
          "group": [],
          "metricColumn": "none",
          "rawQuery": true,
          "rawSql": "SELECT\n  avg(column_with_values) AS valuecat,\n  loc loccat,\n  avg(column_with_values) as metriccat\nFROM ... \nWHERE\n  $__timeFilter(timestamp)\nGROUP BY loc\n\n",
          "select": [
            [
              
                "params": [
                  "value"
                ],
                "type": "column"
              
            ]
          ],
          "timeColumn": "time",
          "where": [
            
              "name": "$__timeFilter",
              "params": [],
              "type": "macro"
            
          ]
        ,
        ...
      ],
      "title": "Average Values Along the Locations",
      "type": "natel-plotly-panel",
      "version": 1
    
  ]

【讨论】:

以上是关于Grafana:x 轴上没有日期时间的折线图的主要内容,如果未能解决你的问题,请参考以下文章

使用 ggplot 在折线图中仅绘制 x 轴上的日期向量的值

Grafana - 在 X 轴上显示 NON DataTime 日期/时间字段

线图不显示轴上的所有日期

谷歌表 - 折线图

处理 d3.js 轴上的日期

在日期轴上绘制函数