Trouble getting values for stacked bar graph sections in new timeseries panel

  • What Grafana version and what operating system are you using?

  • Grafana v8.4.0-beta1 (d0871959b6)

  • Ubuntu 18.04.6 LTS

  • Grafana running in Docker container: docker.io/grafana/grafana:latest

  • What are you trying to achieve?
    I’d like to be able to point to a section of a stacked bar graph in the new timeseries panel, and have the value for that section appear as it did in the old graph.

  • How are you trying to achieve it?
    Trying to point to a section of a stacked bar graph in a timeseries panel.

  • What happened?
    Instead of the value of that section appearing as it did in the old graph, a number of points appeared on the bar. As I moved around the bar, values for various sections of the bar appeared, but usually not the one I was pointing at.

  • What did you expect to happen?
    I expected the value for the specific section I was pointing at to appear.

  • Can you copy/paste the configuration(s) that you are having problems with?

Configuration for the old panel:

{
  "id": 3,
  "gridPos": {
    "h": 15,
    "w": 12,
    "x": 0,
    "y": 0
  },
  "type": "graph",
  "title": "Bar Graph (Old)",
  "thresholds": [],
  "pluginVersion": "8.4.0-beta1",
  "legend": {
    "avg": false,
    "current": false,
    "max": false,
    "min": false,
    "show": true,
    "total": false,
    "values": false
  },
  "aliasColors": {},
  "bars": true,
  "dashLength": 10,
  "dashes": false,
  "fill": 1,
  "fillGradient": 0,
  "hiddenSeries": false,
  "lines": false,
  "linewidth": 1,
  "nullPointMode": "null",
  "options": {
    "alertThreshold": true
  },
  "percentage": false,
  "pointradius": 2,
  "points": false,
  "renderer": "flot",
  "seriesOverrides": [],
  "spaceLength": 10,
  "stack": true,
  "steppedLine": false,
  "targets": [
    {
      "datasource": {
        "type": "graphite",
        "uid": "000000001"
      },
      "refId": "A",
      "target": "aliasByNode(collectd.OpenWrt.processes.*.ps_cputime.*, 3)"
    }
  ],
  "timeRegions": [],
  "tooltip": {
    "shared": false,
    "sort": 0,
    "value_type": "individual"
  },
  "xaxis": {
    "mode": "time",
    "show": true,
    "values": [],
    "name": null,
    "buckets": null
  },
  "yaxes": [
    {
      "$$hashKey": "object:50",
      "format": "short",
      "logBase": 1,
      "show": true
    },
    {
      "$$hashKey": "object:51",
      "format": "short",
      "logBase": 1,
      "show": true
    }
  ],
  "yaxis": {
    "align": false
  },
  "timeFrom": null,
  "timeShift": null,
  "datasource": null
}

Configuration for the new panel:

{
  "id": 2,
  "gridPos": {
    "h": 15,
    "w": 12,
    "x": 12,
    "y": 0
  },
  "type": "timeseries",
  "title": "Bar Graph (New Time series)",
  "fieldConfig": {
    "defaults": {
      "custom": {
        "drawStyle": "bars",
        "lineInterpolation": "linear",
        "barAlignment": 0,
        "lineWidth": 1,
        "fillOpacity": 0,
        "gradientMode": "none",
        "spanNulls": false,
        "showPoints": "auto",
        "pointSize": 5,
        "stacking": {
          "mode": "normal",
          "group": "A"
        },
        "axisPlacement": "auto",
        "axisLabel": "",
        "scaleDistribution": {
          "type": "linear"
        },
        "hideFrom": {
          "tooltip": false,
          "viz": false,
          "legend": false
        },
        "thresholdsStyle": {
          "mode": "off"
        }
      },
      "color": {
        "mode": "palette-classic"
      },
      "mappings": [],
      "thresholds": {
        "mode": "absolute",
        "steps": [
          {
            "color": "green",
            "value": null
          },
          {
            "color": "red",
            "value": 80
          }
        ]
      }
    },
    "overrides": []
  },
  "options": {
    "tooltip": {
      "mode": "single",
      "sort": "none"
    },
    "legend": {
      "displayMode": "list",
      "placement": "bottom",
      "calcs": []
    }
  },
  "targets": [
    {
      "datasource": {
        "type": "graphite",
        "uid": "000000001"
      },
      "refId": "A",
      "target": "aliasByNode(collectd.OpenWrt.processes.*.ps_cputime.*, 3)"
    }
  ],
  "datasource": null
}
  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
    No errors.

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

I have also attached some screenshots showing the difference in behavior. In both cases, I am pointing at the same section (which I have circled in red to indicate), but where in the old graph, it is showing the value of that section, in the new graph it does not.

Old graph:

New graph:

Hi folks, just wanted to bring attention back to this topic. I’m wondering if anyone else has experienced this issue, and if anyone has ideas of how to resolve it? Either via a bug fix, if this is considered a bug, or by a configuration change, if it’s an issue with how my panel is configured. Thanks!

HI all, I’m still seeing this issue in Grafana 9.x. Is this something that cannot be resolved or has permanently been changed by design?

I also have this issue, and it is quite a limitation. I see it both in bar charts and timeseries with the stacked bar option on - but not if I use non-bar stacking (point or line)