Published at: 2025-10-30

Stacked Line Chart


Stacked Line Chart

1.1 Use Cases

The stacked line chart shows the trend of each second-dimension value across a range of data under a primary dimension. For example, it can compare the number of Accounts across different industries and Account tiers.

</img>
</img>

1.2 Chart Configuration

1.2.1 Axis Data

  • Dimensions: 2 dimensions
  • Metrics: 1 metric
</img>

1.2.2 Style (Web)

1.2.2.1 Basic Info
  • Chart name: When created, the default is the analysis Subject name. You can customize the chart name in chart settings.
</img>
  • Notes:
    • Note content: Add notes for the chart to help viewers understand the data and intent.
    • Note style:
      • Collapsed: Shows an icon after the chart title in detail and Tile views; hover to reveal the note content.
      • Expanded: Shows the note text directly after the chart title in detail and Tile views.
      • Hidden: Do not display notes in either detail or Tile views.
</img>
* Add note content
</img>
* Collapsed note style
</img>
* Expanded note style
</img>
* Hidden note style
  • Metric label: By default shows the metric name; you can edit the displayed label.
</img>
  • Dimension label: By default shows the dimension name; you can edit the displayed label.
</img>
1.2.2.2 Plot Types
  • Display mode: Default is Tile; you can switch to Stacked or 100% Stacked
    • Tile: All metrics plot independently; each metric is one line starting from the X-axis baseline.
    • Stacked: Lines stack on top of each other to show cumulative values.
    • 100% Stacked: The chart height is normalized; each metric is shown as a percentage of the total.
</img>
* Tile display
</img>
* Stacked display
</img>
* 100% stacked display
  • Chart appearance: Default is straight lines; you can switch to smooth curves.
</img>
* Appearance settings and straight-line example
</img>
* Smooth curve example
1.2.2.3 Display Settings
  • Legend: Default at top; you can move it to bottom, left, right, or hide it.
</img>
* Legend at top
</img>
* Legend at bottom
</img>
* Legend at left
</img>
* Legend at right
</img>
* Legend hidden
  • Data labels:
    • Label display:
      • Smart: Shows labels selectively based on available space; hides some labels when values are similar to avoid clutter.
      • Force show: Displays all labels; may overlap or stack when values are close.
      • Hidden: Do not display data labels.
</img>
* Smart data label example
</img>
* Force show data labels
</img>
* Data labels hidden
  • Show totals:
    • Display mode: Default is shown; you can switch to hidden. When shown, totals can appear in edit, detail, and Tile views depending on settings. When hidden, totals do not appear in any view.
    • Show totals in Tile view: Checked by default. Uncheck to hide totals in Tile view. If Display mode is set to Hidden, this option is read-only.
</img>
* Totals displayed
</img>
* Totals hidden
  • Data table: Choose whether to display the data table and its position. Default is hidden. You can position it at top, bottom, left, or right of the chart.
    • Hide data table in Tile view: This option is checked by default and hides the table when the chart is shown in Tile view.
</img>
</img>
  • Overview axis (thumbnail axis): Default is Smart; you can set it to Always show or Always hide
    • Smart: The system determines whether to show the overview axis based on available space and number of dimension values. If values exceed the displayable amount, the overview axis appears.
    • Always show: Show the overview axis regardless of screen size or number of dimension values.
    • Always hide: Hide the overview axis regardless of screen size or number of dimension values.
</img>
* Overview axis shown and Smart behavior
</img>
* Overview axis hidden
1.2.2.4 Colors & Fonts
  • Color palettes: The system supports New and Classic palettes. Default is the first set of the New palette. You can enable accessibility patterns (note: patterns are not applied in Tile display).
    • New palette: Supports customizing colors based on a chosen palette.
    • Classic palette: Colors are fixed and cannot be customized.
</img>
</img>
</img>
  • Font size: Default 12 px; options: 13, 14, 15, 16 px.
</img>
1.2.2.5 Axes
  • X axis
    • Show title: Unchecked by default. When checked, the dimension field name appears and you can edit it.
      • Title: When Show title is unchecked, the title is read-only. Check it to edit.
</img>
</img>
  • Axis labels
    • Display mode:
      • Smart: Truncates labels based on available space and appends "..." when necessary.
      • Force show: Shows full labels; may overlap when labels are long.
      • Custom: Default shows 3 characters; supports 3–12 characters.
</img>
</img>
</img>
  • Label angle: Default horizontal; options: Right 45°, Left 45°, Vertical, Upright Vertical.
</img>
</img>
</img>
</img>
</img>
  • Y axis
    • Show title: Unchecked by default. When checked, it defaults to the first metric name and can be edited.
      • Title: When Show title is unchecked, the title is read-only. Check it to edit.
</img>
</img>
  • Axis labels: Checked by default; you can uncheck.
    • Label angle: Available when axis labels are enabled. Default horizontal; options include Left 45° or Vertical (same visual behaviors as X axis).
</img>
</img>
  • Show grid lines: Checked by default; you can uncheck.
</img>
</img>

1.2.3 Functional Settings

1.2.3.1 Advanced Settings
  • Show dimensions with zero metric value: Unchecked by default. Check to include dimension values whose metric equals 0.
</img>
* Effect when unchecked (hide zero-value dimensions)
</img>
* Effect when checked (show zero-value dimensions)
  • Sorting: Unchecked by default. When enabled, you can sort dimensions by their natural order or apply Top N. Alternatively, sort dimensions by a specific metric and apply Top N. Top N supports preset values or manual input.
  • When the dimension is an enumeration or Dept. field, custom sorting is supported.
</img>
</img>

1.2.4 Style (Mobile)

1.2.4.1 Follow Web layout
  • Reflects Web layout settings and cannot be adjusted independently.
</img>
1.2.4.2 Independent mobile layout
  • By default, mobile shows the Web-selected settings but you can further adjust for better mobile display.
    • Mobile has fewer configurable options than Web. Settings that cannot be set on mobile inherit the Web configuration. Configurable mobile options follow the same display behavior and logic as Web.
</img>
Submit Feedback