Epic: Barchart Enhancements

[codeincarnate]

An epic for tracking ongoing enhancements to the Barchart

Community discussions / requests

• Allow setting axis colors #38193
• How combine bar and line in the same graph ? #40532
• Support logarithmic scale on Bar Chart axes #38500

Enhancements

• PanelRenderer/BarChart: Custom Tooltip #57956
• PanelRenderer/BarChart: Label spacing for Y-Axis #57971
• PanelRenderer/BarChart: Minimum height for low values #57963
• PanelRenderer/BarChart: Click handler for the bars #57966
• [Feature Request] Custom Time Format and rotation on X labels in panel graphs. #3591
• BarChart: Support Prometheus Instant Queries (Labeled Data) #36712
• Bar Chart: Better default styling for one column #35940

Bugs

• BarChart: legend becomes right-aligned when bar orientation is horizontal #55932
• Legend returned as percentages in stacked bar charts + graphs instead of absolute numbers #59304
• BarChart legend labels from wrong series #59273
• BarChart tooltip shows wrong values when multiple data fields exist #61454
• BarChart: Field still using space after override hide in Viz #62260

[mdvictor]

Added #61454 to the bug list

[GrzegorzLyp]

Please add this. Screenshot from play.grafana.org. Same issue on 9.4.0pre. When You select not first element in legend then tooltips are not showing. When nothing is selected or first is selected tooltips are showing. Under the screenshot there is a panel json to reproduce.

{
  "id": 5,
  "gridPos": {
    "h": 7,
    "w": 16,
    "x": 0,
    "y": 18
  },
  "type": "barchart",
  "title": "client side full page load",
  "datasource": {
    "uid": "9cY0WtPMz",
    "type": "testdata"
  },
  "pluginVersion": "8.0.0-beta3",
  "links": [],
  "description": "",
  "fieldConfig": {
    "defaults": {
      "custom": {
        "lineWidth": 1,
        "fillOpacity": 80,
        "gradientMode": "none",
        "axisPlacement": "auto",
        "axisLabel": "",
        "axisColorMode": "text",
        "scaleDistribution": {
          "type": "linear"
        },
        "axisCenteredZero": false,
        "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
          }
        ]
      },
      "unit": "ms"
    },
    "overrides": [
      {
        "matcher": {
          "id": "byName",
          "options": "upper_25"
        },
        "properties": [
          {
            "id": "color",
            "value": {
              "fixedColor": "#F9E2D2",
              "mode": "fixed"
            }
          }
        ]
      },
      {
        "matcher": {
          "id": "byName",
          "options": "upper_50"
        },
        "properties": [
          {
            "id": "color",
            "value": {
              "fixedColor": "#F2C96D",
              "mode": "fixed"
            }
          }
        ]
      },
      {
        "matcher": {
          "id": "byName",
          "options": "upper_75"
        },
        "properties": [
          {
            "id": "color",
            "value": {
              "fixedColor": "#EAB839",
              "mode": "fixed"
            }
          }
        ]
      },
      {
        "__systemRef": "hideSeriesFrom",
        "matcher": {
          "id": "byNames",
          "options": {
            "mode": "exclude",
            "names": [
              "2000"
            ],
            "prefix": "All except:",
            "readOnly": true
          }
        },
        "properties": [
          {
            "id": "custom.hideFrom",
            "value": {
              "viz": true,
              "legend": false,
              "tooltip": false
            }
          }
        ]
      }
    ]
  },
  "targets": [
    {
      "scenarioId": "csv_file",
      "refId": "A",
      "datasource": {
        "type": "testdata",
        "uid": "9cY0WtPMz"
      },
      "csvFileName": "population_by_state.csv"
    }
  ],
  "options": {
    "orientation": "auto",
    "xTickLabelRotation": 0,
    "xTickLabelSpacing": 0,
    "showValue": "auto",
    "stacking": "normal",
    "groupWidth": 0.7,
    "barWidth": 0.97,
    "barRadius": 0,
    "tooltip": {
      "mode": "single",
      "sort": "none"
    },
    "legend": {
      "showLegend": true,
      "displayMode": "table",
      "placement": "right",
      "calcs": [
        "sum"
      ]
    }
  }
}