MultiVariate Bar Chart
The MultiVariate Bar Chart enables you to visualize multiple categorical dimensions against a numerical measure, split across dynamic grids. It supports grouped or stacked bars, multiple axes, heatmap overlays, and advanced color and tooltip customizations.
Key Features:
- Supports multiple categorical Axis dimensions.
- Optional Group dimension to group bars within each axis.
- Configurable multi-grid layout (rows, columns, margins).
- Stacked bars toggle for cumulative view.
- Heatmap overlay via Visual Map.
- Per-series custom colors, border radii, and shadows.
- Rich tooltips and axis labels, including log-scale support.
- Drilldown enabled via click interaction.
Use Cases:
- Multidimensional category-measure breakdown.
- Distribution analysis across multiple groups or regions.
- Stacked or grouped bar visualizations.
- Custom color-mapped bar charts with heatmap intensity mapping.
⚙️ Setup
- Add a MultiVariate Bar Chartwidget from the chart library onto your designer workspace.
- Select the chart.
- Go to the Widget Configuration tab in the Customize panel.
- Under the Configuration tab, select the Basic Configuration option to access the essential settings for the multi variate bar chart.
- Select the Source which the chart will pull the data from the option.
- Map:
- Optionally add a Date field for time-based filtering.
- Enable Hide Zero Values to omit symbols with zero values if needed.
📊 Basic Configuration
| Configuration Item | Description |
|---|---|
| Source | Source providing the data for measures and dimensions. |
| Value | Numeric measure representing bar size. |
| Axis | One or more categorical fields for splitting grids. |
| Group (optional) | Additional dimension for grouped bars. |
🎨 Chart Customizations
| Category | Options & Description |
|---|---|
| General | Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices. |
| Title | Enable and customize chart title text, alignment, font, and color. |
| Sorting | Define custom sort orders for categories along the X and Y axes. |
| Grid | Adjust chart margins, grid spacing, and padding around the matrix area. |
| Legend | Toggle visibility, position, orientation, and customize legend labels and icons. |
| HeatMap | Configure a visual color map to represent value intensity with a gradient. |
| Categorical Axis (X, Y) | Customize axis labels, intervals, rotation, visibility, and range sliders for both axes. |
| Numerical Axis | Value axis scaling, label formatting, log scales. |
| Series | Bar style options — colors, border radii, shadows, labels. |
| Tooltip | Control tooltip content, formatting, and visibility on hover. |
| Others | Toggle stacking, single series color mapping, box shadow control. |
📊 Example Visualization
