Annotations in table panel in Grafana 8

  • What Grafana version and what operating system are you using?
    Grafana 8.4.7 in alpine 3.15 (docker image built from stock Dockerfile).

  • What are you trying to achieve?
    Display annotations content in a table.

  • How are you trying to achieve it?
    Imported dashboard from Grafana 6.6.1 where it works flawlessly.

  • What happened?
    Annotations are visible on graph(old) panels, but table(old) panel says it has no data to show.

  • What did you expect to happen?
    The same behavior as in Grafana 6.6.1 - annotations are visible on both graphs and, in more precise manner - in table panel to examine annotation text more easily (in fact these annotations are device syslogs).

  • Can you copy/paste the configuration(s) that you are having problems with?
    Here is panel JSON as it was imported into Grafana 8:

{
  "id": 25,
  "gridPos": {
    "h": 6,
    "w": 24,
    "x": 0,
    "y": 1
  },
  "type": "table-old",
  "datasource": {
    "uid": "$datasource"
  },
  "description": "This panel shows the annotations (syslogs, debug alerts) in a tabular format. If \"No data to show\" message is displayed, either annotation checkboxes were disabled in a top control row, or there were no logs for this period of time.",
  "links": [],
  "columns": [],
  "fontSize": "100%",
  "scroll": true,
  "showHeader": true,
  "sort": {
    "col": 0,
    "desc": true
  },
  "styles": [
    {
      "alias": "Time",
      "align": "auto",
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "pattern": "Time",
      "type": "date",
      "$$hashKey": "object:373"
    },
    {
      "alias": "",
      "align": "auto",
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "pattern": "Title",
      "thresholds": [],
      "type": "hidden",
      "unit": "short",
      "$$hashKey": "object:374"
    },
    {
      "alias": "",
      "align": "auto",
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "pattern": "Tags",
      "thresholds": [],
      "type": "hidden",
      "unit": "short",
      "$$hashKey": "object:375"
    },
    {
      "alias": "",
      "align": "",
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "link": false,
      "mappingType": 1,
      "pattern": "Text",
      "preserveFormat": true,
      "rangeMaps": [
        {
          "from": "",
          "text": "",
          "to": ""
        }
      ],
      "sanitize": true,
      "thresholds": [],
      "type": "string",
      "unit": "short",
      "valueMaps": [],
      "$$hashKey": "object:376"
    },
    {
      "alias": "",
      "align": "auto",
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "decimals": 2,
      "pattern": "/.*/",
      "thresholds": [],
      "type": "number",
      "unit": "short",
      "$$hashKey": "object:377"
    }
  ],
  "targets": [
    {
      "refId": "A",
      "target": ""
    }
  ],
  "transform": "annotations",
  "pageSize": null
}

And here is the same JSON from Grafana 6:

{
  "datasource": "$datasource",
  "columns": [],
  "description": "This panel shows the annotations (syslogs, debug alerts) in a tabular format. If \"No data to show\" message is displayed, either annotation checkboxes were disabled in a top control row, or there were no logs for this period of time.",
  "fontSize": "100%",
  "gridPos": {
    "h": 6,
    "w": 24,
    "x": 0,
    "y": 1
  },
  "id": 25,
  "links": [],
  "options": {},
  "pageSize": null,
  "scroll": true,
  "showHeader": true,
  "sort": {
    "col": 0,
    "desc": true
  },
  "styles": [
    {
      "alias": "Time",
      "align": "auto",
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "pattern": "Time",
      "type": "date"
    },
    {
      "alias": "",
      "align": "auto",
      "colorMode": null,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "pattern": "Title",
      "thresholds": [],
      "type": "hidden",
      "unit": "short"
    },
    {
      "alias": "",
      "align": "auto",
      "colorMode": null,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "pattern": "Tags",
      "thresholds": [],
      "type": "hidden",
      "unit": "short"
    },
    {
      "alias": "",
      "align": "",
      "colorMode": null,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "dateFormat": "YYYY-MM-DD HH:mm:ss",
      "decimals": 2,
      "link": false,
      "mappingType": 1,
      "pattern": "Text",
      "preserveFormat": true,
      "rangeMaps": [
        {
          "from": "",
          "text": "",
          "to": ""
        }
      ],
      "sanitize": true,
      "thresholds": [],
      "type": "string",
      "unit": "short",
      "valueMaps": []
    },
    {
      "alias": "",
      "align": "auto",
      "colorMode": null,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "decimals": 2,
      "pattern": "/.*/",
      "thresholds": [],
      "type": "number",
      "unit": "short"
    }
  ],
  "targets": [
    {
      "refId": "A",
      "target": ""
    }
  ],
  "title": "",
  "transform": "annotations",
  "type": "table"
}
  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
    No errors. In networking debug page I see that annotations request is successful and that all the graph panels show them as expected => only table panel behaves not as expected.

  • Did you follow any online instructions? If so, what is the URL?
    No.

Screenshot of Grafana 6.6.1 with expected behavior:

It turned out that Grafana developers replaced old annotations engine implementation with stubs and haven’t converted table(old) to the new engine. At the same time there is no annotations support in new (react-based) table implementation.