Stacked Line Chart

Stacked Line Chart

1.1 Application Scenarios

1.2 Chart Configuration

1.2.1 Axis Data

• Dimensions: 2 dimensions
• Metrics: 1 metric

1.2.2 Style (Web)

1.2.2.1 Basic Info

• Chart Name: Defaults to the analysis Subject name when created, can be customized based on chart configuration.

• Remarks:
  • Remark Content: You can set remark information based on the current chart to help viewers better understand the content expressed by the chart.
  • Remark Style:
    • Collapsed: Displayed as an icon after the title in the chart detail and card states. Hovering over the icon shows the remark content.
    • Exposed: Directly displayed as text after the title in the chart detail and card states.
    • Hidden: Not displayed in either the chart detail or card states.

• Add remark content

• Collapsed remark style effect

• Exposed remark style effect

• Hidden remark style effect
• Metric Name: Defaults to the metric name, can be customized.

• Dimension Name: Defaults to the dimension name, can be customized.

1.2.2.2 Graph Display

• Display Form: Defaults to Tile display, can be adjusted to Stacked or Proportional Stacked.
  • Tile: All metrics are displayed in a tile format, with each metric represented by a line starting from the X-axis zero point.
  • Stacked: All lines are stacked together for display.
  • Proportional Stacked: The overall height of the graph is the same, and each area is displayed as a percentage based on the size of each metric’s data.

• Tile display effect

• Stacked display effect

• Proportional stacked display effect
• Chart Appearance: Defaults to straight lines, can be switched to curves.

• Chart appearance settings and straight line display effect

• Curve display effect

1.2.2.3 Display Settings

• Legend: Defaults to display at the top, can be switched to the bottom, left, right, or none (none means the legend is not displayed).

• Legend at the top display effect

• Legend at the bottom display effect

• Legend on the left display effect

• Legend on the right display effect

• No legend display effect
• Data Labels:
  • Label Display:
    • Smart Display: Based on the current display area, intelligently displays value labels. When the values of different metrics are close, some metrics may be automatically hidden.
    • Force Display: Displays all value labels based on the current display area. When the values of different metrics are close, there may be overlapping.
    • Do Not Display: Value labels are not displayed.

• Data labels smart display effect

• Data labels force display effect

• Data labels no display effect
• Show Total:
  • Display Mode: Defaults to display, can be switched to not display. When displayed, it can be shown in edit, detail, and card states (based on specific configuration). When not displayed, it is not shown in any state.
  • Show Total in Card State: Defaults to checked, can be unchecked to not show total in card state. When Display Mode is not display, this configuration item is read-only and cannot be edited.

• Show total effect

• No show total effect
• Data Statistics Table: You can set whether to display the data statistics table and its position. Defaults to not display, can be switched to display at the top, bottom, left, or right of the graph.
  • Do not show statistics table in card state: Based on displaying the data statistics table, this configuration can be set, defaults to checked.

• Thumbnail Axis: Defaults to smart adaptation, can be switched to display or not display.
  • Smart Adaptation: Based on the size of the current graph display area, intelligently determines how many dimension values can be displayed. If the number exceeds the displayable amount, a thumbnail axis appears. If not, there is no thumbnail axis.
  • Display: Regardless of screen size and dimension values, the thumbnail axis is displayed.
  • Do Not Display: Regardless of screen size and dimension values, the thumbnail axis is not displayed.

• Display thumbnail axis and smart display with thumbnail axis effect

• No display thumbnail axis effect

1.2.2.4 Color and Font

• Color Scheme: The system supports two types of color schemes: new and classic. It defaults to the first set under the new color scheme. Additionally, an accessible pattern setting can be enabled (no accessible pattern effect when the display form is Tile).
  • New Color Scheme: Supports customizing colors based on a specific color scheme.
  • Classic Color Scheme: Does not support custom colors.

• Font Size: Defaults to 12, can be switched to display as 13, 14, 15, or 16.

1.2.2.5 Axis

• X-Axis
  • Show Title: Defaults to unchecked. When checked, the dimension field name is echoed and can be adjusted.
    • Title: When Show Title is unchecked, it is read-only. When checked, it can be modified.

• Axis Labels
  • Display Mode:
    • Smart Display: Based on the current dimension’s display area, intelligently displays the number of dimension values. If it exceeds the displayable area, it shows…
    • Force Display: Displays all dimension values. If there are long dimension values, there may be overlapping.
    • Custom Display: Defaults to displaying 3 characters, supports displaying up to 12 characters.

• Label Angle: Defaults to horizontal display, can be switched to right 45°, left 45°, vertical, or perpendicular.

• Y-Axis
  • Show Title: Defaults to unchecked. When checked, the first metric’s name is echoed and can be adjusted.
    • Title: When Show Title is unchecked, it is read-only. When checked, it can be modified.

• Axis Labels: Defaults to checked, can be unchecked.
  • Label Angle: Based on the checked axis labels, the label angle can be further set. Defaults to horizontal, can be switched to left 45° or vertical (display effect is the same as X-axis label angle display effect).

• Show Grid Lines: Defaults to checked, can be unchecked.

1.2.3 Function Configuration

1.2.3.1 Advanced Configuration

• Show Dimensions with Metric Value of 0: Defaults to unchecked, can be checked to display dimensions with a metric value of 0.

• Do not check to show dimensions with a metric value of 0 effect

• Check to show dimensions with a metric value of 0 effect
• Sorting: Defaults to unchecked. When checked, you can set the dimension to sort based on itself and TopN or sort based on a specific metric and TopN. TopN can be selected from presets or manually entered.
• When the dimension is an enumeration value or Dept. field, custom sorting is supported.

1.2.4 Style (Mobile)

1.2.4.1 Follow Web Layout

• Follows the Web layout echo, cannot be set independently.

1.2.4.2 Independent Configuration Layout

• Defaults to echo the content selected in the corresponding Web configuration item, can be further adjusted to a more suitable display effect for mobile.
  • The content and options of the configuration items are fewer than those on the Web. Configuration items that cannot be set independently on mobile default to follow the Web configuration. The display effect and logic of configurable items are the same as on the Web.