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!