Published at: 2025-10-30

Line Chart


Line Chart

1.1 Use Cases

Line charts display trend changes of each dimension within a specific data range. For example, a line chart can compare monthly Sales Order trends for the current year.

image

1.2 Chart Configuration

1.2.1 Axis Data

  • Dimension: 1 dimension
  • Metrics: 1–6 metrics

image

1.2.2 Styling (Web)

1.2.2.1 Basic Information
  • Chart Name: Defaults to the analysis Subject name during creation. Can be customized in chart settings.

image

  • Notes:
    • Note Content: Add notes to help viewers better understand the chart.
    • Note Display Styles:
      • Collapsed: Shows as an icon next to the chart title in detail/card view. Hover to reveal content.
      • Expanded: Displays text directly next to the title.
      • Hidden: No notes shown in any view.

image
* Adding note content

image
* Collapsed note display

image
* Expanded note display

image
* Hidden note display

  • Metric Name: Displays metric names by default. Customizable.

image

  • Dimension Name: Displays dimension names by default. Customizable.

image

1.2.2.2 Chart Display
  • Display Style: Defaults to “Straight Line-Shadow.” Options:
    • Straight Line
    • Curved Line-Shadow
    • Curved Line

image
* Straight Line-Shadow

image
* Straight Line

image
* Curved Line-Shadow

image
* Curved Line

1.2.2.3 Display Settings
  • Legend: Defaults to top. Options: bottom, left, right, or hidden.

image
* Top legend

image
* Bottom legend

image
* Left legend

image
* Right legend

image
* Hidden legend

  • Data Labels:
    • Display Mode:
      • Smart: Automatically hides overlapping labels.
      • Forced: Shows all labels (may overlap).
      • Hidden: No labels displayed.

image
* Smart display

image
* Forced display

image
* Hidden labels

  • Label Position:
    • Outside: Values appear outside data points.
    • Inside: Values appear inside data points.

image
* Outside position

image
* Inside position

  • Show Total:
    • Default: Enabled. Can be hidden in all views.

image
* Total shown

image
* Total hidden

  • Data Table:
    • Optional display at top, bottom, left, or right. Default: hidden.

image

  • Zoom Slider:
    • Smart: Auto-adjusts based on screen size.
    • Always On/Off: Manual override.

image
* Zoom slider enabled

image
* Zoom slider disabled

1.2.2.4 Colors & Fonts
  • Color Schemes:
    • Modern (customizable)
    • Classic (fixed)

image

  • Font Size: Default 12. Options: 13–16.

image

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

image

  • Label Display:
    • Smart: Truncates long labels with “…”.
    • Forced: Shows full text (may overlap).
    • Custom: Set character limit (3–12).

image

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

image

  • Y-Axis:
    • Title: Optional display (defaults to first metric name).

image

  • Gridlines: Default: shown.

image

1.2.3 Functional Configurations

1.2.3.1 Advanced Settings
  • Reference Lines:
    • Add up to 6 lines with custom names, values (constant/range/metric stats), styles (dashed/shapes), and colors.

image

  • Show Zero-Value Dimensions: Optional display.

image

  • SN: Optional row numbering.

image

  • Sorting:
    • By dimension value or metric (ascending/descending).
    • Supports TopN filtering and custom sorting for enum/Dept. fields.

image
* Custom dimension sorting

image
* Metric-based sorting

image
* TopN display

1.2.4 Styling (Mobile)

1.2.4.1 Inherit Web Layout
  • Mirrors Web settings (non-editable).

image

1.2.4.2 Independent Layout
  • Adjusts Web settings for mobile. Fewer options available.

image

Submit Feedback