Published at: 2025-10-30

Stacked Bar Chart


Stacked Column Chart

1.1 Use Cases

Stacked column charts display data distribution and proportions across a secondary dimension within a primary dimension’s range. For example, they can compare customer counts by different account tiers and deal stages.

image

image

1.2 Chart Configuration

1.2.1 Axis Data

  • Dimensions: 2 required
  • Metrics: 1 required

image

1.2.2 Style (Web)

1.2.2.1 Basic Info
  • Chart Title: Defaults to the analysis subject name during creation; customizable.

image

  • Notes:
    • Content: Add contextual notes to clarify chart insights.
    • Display Styles:
      • Collapsed: Shows as an icon next to the title; hover to reveal.
      • Expanded: Displays text directly below the title.
      • Hidden: No notes shown in any view.

image
Adding notes

image
Collapsed notes (hover effect)

image
Expanded notes

image
Hidden notes

  • Metric Name: Displays the default metric name; editable.

image

  • Dimension Name: Displays the default dimension name; editable.

image

1.2.2.2 Chart Display
  • Layout:
    • Tile-Spaced: Metrics shown as separate bars with gaps.
    • Tile-Compact: Metrics shown as separate bars without gaps.
    • Stacked: Metrics stacked vertically (labels display internally).
    • Percentage Stacked: Bars normalized to 100% height (labels display internally).

image
Stacked view

image
Tile-Spaced view

image
Tile-Compact view

image
Percentage Stacked view

  • Orientation: Defaults to vertical; toggle to horizontal.

image
Vertical orientation (settings and example)

image
Horizontal orientation

1.2.2.3 Display Settings
  • Legend: Defaults to top; options: bottom/left/right/hidden.

image
Top legend

image
Bottom legend

image
Left legend

image
Right legend

image
Hidden legend

  • Data Labels:
    • Smart Display: Auto-hides labels if overlapping.
    • Force Display: Shows all labels (may overlap).
    • Hidden: No labels shown.

image
Smart labels

image
Forced labels

image
Hidden labels

  • Label Position:
    • Outside: Displays values above bars.
    • Inside: Embeds values within bars (default for stacked/percentage views).

image
Outside labels

image
Inside labels

  • Total Display:
    • Show/Hide: Toggle visibility in all views.
    • Card View: Optionally hide totals in cards.

image
Totals shown

image
Totals hidden

  • Data Table:
    • Position: Top/bottom/left/right (default: hidden).
    • Hide in Cards: Optional toggle.

image

image

  • Scrollbar:
    • Auto: Shows only if bars exceed visible area.
    • Always On/Off: Manual override.

image
Scrollbar (auto/on)

image
Scrollbar off

1.2.2.4 Colors & Fonts
  • Color Schemes:
    • Modern: Customizable palettes.
    • Classic: Fixed palettes.
    • Accessibility Patterns: Optional texture overlay.

image

image

image

  • Font Size: Default 12pt; range 13–16pt.

image

1.2.2.5 Axes
  • X-Axis:
    • Title: Optional display with editable text.

image

image

  • Labels:
    • Smart: Truncates long text with ellipsis.
    • Force: Shows full text (may overlap).
    • Custom: Limits characters (3–12).

image

image

image

  • Angle: Horizontal (default), 45° left/right, vertical.

image

image

image

image

image

  • Y-Axis:
    • Title: Optional display with
Submit Feedback