Why status history panel overlaps itself

  • What Grafana version and what operating system are you using?
    Grafana v8.5.1, Windows 10

  • What are you trying to achieve?
    I want to have a status history like on official site - Status history | Grafana documentation

  • How are you trying to achieve it?
    I query data from azure monitor using KQL. I group my data into bins of 30 minutes and take latest within each bin. Then I pivot data to make it look like this.

  • What happened?
    Columns overlap each other like this:

  • What did you expect to happen?
    I expect my columns to take as much as they can without overlapping. I assumed I needed ‘column width = 1’ to achieve that but it seems not. I want columns to leave space for others if there could be other tiles.
    Here columns are respectful to time even if there is no data in between. Basically I want my top screenshot to like the one below. In it I manually changed column width but I need this to be automatic.

  • Can you copy/paste the configuration(s) that you are having problems with?
    I am not sure what it is, I can copy Json

{
  "id": 2,
  "gridPos": {
    "h": 8,
    "w": 12,
    "x": 0,
    "y": 0
  },
  "type": "status-history",
  "title": "stat history",
  "datasource": {
    "type": "grafana-azure-monitor-datasource",
    "uid": "abcdef"
  },
  "fieldConfig": {
    "defaults": {
      "custom": {
        "lineWidth": 1,
        "fillOpacity": 70
      },
      "color": {
        "mode": "thresholds"
      },
      "mappings": [
        {
          "options": {
            "0": {
              "color": "green",
              "index": 0,
              "text": "OK"
            },
            "1": {
              "color": "red",
              "index": 1,
              "text": "KO"
            },
            "2": {
              "color": "orange",
              "index": 2,
              "text": "WARN"
            }
          },
          "type": "value"
        }
      ],
      "thresholds": {
        "mode": "absolute",
        "steps": [
          {
            "color": "green",
            "value": null
          }
        ]
      }
    },
    "overrides": []
  },
  "options": {
    "showValue": "auto",
    "rowHeight": 0.9,
    "colWidth": 1,
    "legend": {
      "displayMode": "hidden",
      "placement": "bottom"
    },
    "tooltip": {
      "mode": "single",
      "sort": "none"
    }
  },
  "targets": [
    {
      "azureLogAnalytics": {
        "query": "",
        "resource": "/subscriptions/foo/resourceGroups/bar/providers/microsoft.insights/components/pass",
        "resultFormat": "time_series"
      },
      "azureMonitor": {
        "dimensionFilters": [],
        "timeGrain": "auto"
      },
      "datasource": {
        "type": "grafana-azure-monitor-datasource",
        "uid": "abcdef"
      },
      "queryType": "Azure Log Analytics",
      "refId": "A",
      "subscription": "123456789"
    }
  ]
}
  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
    No
  • Did you follow any online instructions? If so, what is the URL?
    No
2 Likes

Hi,

I face exactly the same problem:

The column width I set to 0.4 and even it overlapps. What I see is that it seems to be dependent from the data somehow. The above image is taken with a timerange of now-14d.
The following is taken with a timerange of now-13d:

This is really annoying - we need help to get rid of this bug.

Thanks for any help

1 Like

Hi, this issue is still alive and we get no help here for about one month :-(.
Can someone (from grafana team) please help in this regard?

Thanks!

1 Like

Hi, this issue is (again) still alive and we get no help here for about three month :-(.
Can someone (from grafana team) please help in this regard?

Thanks!