Skip to content

BarChart

Bar chart panel - categorical bar charts.

Use for comparing discrete categories.

<BarChart
title="Requests by Endpoint"
orientation="horizontal"
stack="normal"
>
sum by (endpoint) (http_requests_total)
</BarChart>
PropTypeDefaultDescription
unitUnit-Display unit
decimalsnumber-Decimal places
thresholdsThresholdSpec-Threshold configuration
xFieldstring-X Axis field
orientation'auto' | 'horizontal' | 'vertical'-Orientation
stack'off' | 'normal' | 'percent'-Stacking mode
showValue'auto' | 'always' | 'never'-Show values on bars
barWidthnumber-Bar width percentage (0-1)
groupWidthnumber-Group width percentage (0-1)
fillnumber-Fill opacity (0-100)
gradientMode'none' | 'opacity' | 'hue' | 'scheme'-Gradient mode for bars
legendLegendConfig | LegendPlacement-Legend configuration
colorModeColorMode-Color mode
overridesOverrideConfig[]-Field overrides

Inherits from BasePanelProps