Bar Chart
Compare values across categories with polished horizontal bars featuring rounded corners. Supports simple, grouped, stacked, and 100% stacked modes. The horizontal orientation makes it ideal for long category names that would otherwise be truncated or rotated on a column chart.
Examples
When to Use
- Comparing values when category labels are long (product names, country names, full descriptions)
- Ranking items where the natural reading order is top-to-bottom
- Showing grouped breakdowns with a Legend field (side-by-side bars per series)
- Displaying part-to-whole relationships with stacked or 100% stacked mode
Data Roles
Build These Examples
Which columns go in which field wells to reproduce each example above. The Legend well is the switch between a plain comparison and a grouped/stacked one.
Settings
Bar Settings
Bar Mode
dropdownControls how series are displayed: Grouped (side-by-side), Stacked, or 100% Stacked.
Default:groupedRounded Corners
booleanToggle rounded right corners on bars.
Default:trueCorner Radius
numberRadius of rounded corners in pixels (0-20).
Default:6Bar Padding
numberSpace between bars as a ratio (0.05-0.5).
Default:0.2Show Data Labels
booleanDisplay values on or near each bar.
Default:falseData Label Position
dropdownPosition data labels inside or outside the bar.
Default:outsideColor & Appearance
Color Scheme
dropdownControls the color palette for bars.
Default:vibrantCommon settings like Legend, Tooltip, and Axis configuration are covered in Shared Concepts.
Tips & Best Practices
- Prefer the bar chart over the column chart when category labels exceed 8–10 characters
- Use without a Legend field for simple category comparison with per-category coloring
- Add a Legend field and switch to Stacked mode for part-to-whole analysis
- The corner radius of 6px matches the donut chart default for a consistent visual family
- Enable data labels for presentations where exact values matter