Group Bar
A Group Bar Chart displays different sub-categories of the main categories, with each sub-group represented by a separate bar. Typically, bars are color-coded or shaded differently to distinguish between them, with a legend or key to indicate sub-group mappings.
Group Bar charts can be oriented either horizontally or vertically, making them versatile for comparing multiple data series across categories.
Best Situations to Use
Use a Group Bar chart when you want to:
Compare multiple sub-categories within each category (e.g., sales by region and product).
Visualize datasets with negative and positive values across categories.
Highlight group-level patterns while maintaining visibility of individual series.
Present data in a clear side-by-side comparison instead of stacked values.
Properties of the Group Bar Chart
General
Component Name: Unique identifier for the chart.
Left / Top: Position of the chart on the dashboard.
Height / Width: Chart dimensions.
Initial Visibility: Toggle chart visibility on initial load.
Max Button: Enable maximize functionality.
Base Type: Select base style (e.g., plain, styled, gradient, chevron).
Chart Type: Define chart type (e.g., 100% stacked bar).
Sub-Category Orientation: Align sub-categories left or right.
Merge Sub Category: Combine sub-categories into a single group for simplified views.
Bar Size: Adjust thickness of bars.
Animation: Enable animation effects for interactions.
Tooltip
Show Tool Tip: Toggle tooltips on hover.
Configuration:
Default or Custom tooltip.
Use Component Formatter option for consistent formatting.
Background Color, Opacity, Border Color.
Font Size, Box Width, Precision.
Highlighter: Highlight bars when hovered.
Background
Gradient Rotation: Adjust background gradient angle.
Opacity: Control background transparency.
Gradient: Select gradient type and direction; add multiple colors.
Border / Color / Radius: Customize border style.
Shadow / Color / Transparency: Add drop shadow with opacity control.
Stack Border: Define border color, width, and radius for stacks.
Title & Subtitle
Title Box Color: Configure background for title box.
Show Title Box / Title: Toggle title container and text.
Title Settings: Font color, size, style, weight, alignment, family, decoration.
Title Bar Height: Adjust height.
Description: Add supporting text under title.
Dataset Description: Auto-populate title/subtitle from mapped dataset.
Sub-Title: Similar customization (font, alignment, style, decoration).
Axis Configuration
X-Axis
Show / Hide axis line.
Axis Line Color.
Label customization: font size, color, family, weight, style, decoration.
Label Rotation / Tilted Label for readability.
Axis Description text.
Show Dataset Description (dynamic axis naming from dataset).
Y-Axis
Show / Hide axis line.
Axis Line Color.
Category Text Wrap / Sub-Category Text Wrap.
Font customization: size, color, family, weight, style, decoration.
Sub-Category Font Size.
Axis Description text.
Show Dataset Description (dataset-driven axis labeling).
Legend
Show Legend: Toggle visibility.
Font Properties: Configure color, size, weight, family, style, decoration.
Hide on Load: Optionally hide legend when chart loads.
Formatter
Unit: Define measurement units.
Precision: Decimal places for values.
Currency: Apply currency symbol formatting.
Position: Place unit/currency before or after numbers.
Number Formatter: Choose International or Indian format.
Axis Setup
Auto Axis Setup: Auto-adjust axis scaling.
Base Zero: Force axis to start at zero.
Min / Max Value: Define axis range manually.
Marker Lines: Add horizontal, vertical, or zero reference lines.
Zero Marker Color: Customize baseline color.
Opacity: Adjust axis and marker transparency.
Export Options
Context Menu: Enable right-click export.
Supported Formats: Excel (.xlsx), CSV (.csv), JPEG (.jpg), PNG (.png), PPTX (.pptx), PDF (.pdf).
Print Option: Direct print capability.
Export Metadata: Add heading, subheading, and filename.
Global Export Type: Choose default export mode (Screenshot / Tabular).
Repeater
Repeater: Generate separate charts for each unique category.
Group By Field: Select category field for grouping.
No. of Columns: Define number of columns for repeated charts.
Row Height: Height of each repeated chart row.
Column Margin / Row Margin: Adjust spacing between repeated charts.
Dataset Series Properties
Series Colors: Customize bar colors for each series.
Column Type: Switch between Line or Column display for series.
Chart Variants
The Group Bar chart supports multiple visual bases and layouts, including:
100% Charts (Plain, Rectangle, Chevron, Gradient1–3).
Stacked Charts (Plain, Rectangle, Chevron, Gradient1–3).
Clustered Charts (Plain, Rectangle, Chevron, Gradient1–3).
Dataset Mapping
When configuring the Group Bar chart:
Category: e.g., Year.
Sub-Category: e.g., Items.
Series Fields: e.g., Revenue, Profit, Costs.
Example
Using the sample dataset:
Category: Year
Sub-Category: Items (e.g., Product A, Product B)
Series Fields: Revenue, Sales, Expenses
The resulting Group Bar Chart displays sales performance across years, with products compared side by side for each year.