Stacked Column Chart

Stacked Bar 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: By default, it is the name of the analysis subject when created. It can be modified to a custom chart name 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 the chart detail and card states.

• Add remark content

• Collapsed remark style effect

• Exposed remark style effect

• Hidden remark style effect
• Metric Name: By default, displayed according to the metric name. You can modify the display content.

• Dimension Name: By default, displayed according to the dimension name. You can modify the display content.

1.2.2.2 Graph Display

• Display Form: Default is stacked display. It can be adjusted to Tile-Comfortable, Tile-Compact, or Proportional Stacked.
  • Tile-Comfortable: All metrics are displayed in tiles, one metric per bar, with spacing between bars.
  • Tile-Compact: All metrics are displayed in tiles, one metric per bar, without spacing between bars.
  • Stacked: All bars are stacked together. In stacked display, the position of the [Value Label] cannot be set, and values are displayed internally by default.
  • Proportional Stacked: The overall height of the bars is the same. Each area is displayed as a percentage based on the size of each metric’s data. In proportional stacked display, the position of the [Value Label] cannot be set, and values are displayed internally by default.

• Stacked display effect

• Tile-Comfortable display effect

• Tile-Compact display effect

• Proportional Stacked display effect
• Display Orientation: Default is vertical display. It can be switched to horizontal.

• Display orientation settings and vertical orientation display effect

• Horizontal orientation display effect

1.2.2.3 Display Settings

• Legend: Default is displayed at the top. It 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 display value labels. When the values of different metrics are close, some metrics’ displays will be automatically hidden.
    • Force Display: Based on the current display area, display all value labels. When the values of different metrics are close, overlapping may occur.
    • Do Not Display: Value labels are not displayed.

• Data labels smart display effect

• Data labels force display effect

• Data labels do not display effect
• Position:
  • Values displayed externally: Values are displayed outside the bar chart bars.
  • Values displayed internally: Values are displayed in the middle of the bar chart bars. When Data Labels Do Not Display or Display Form is Stacked, Proportional Stacked, this configuration item is read-only and cannot be edited.

• Values displayed externally effect

• Values displayed internally effect
• Display Total:
  • Display Mode: Default is display. It can be switched to do 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.
  • Card State Display Total: Default is checked. You can uncheck it to not display the total in card state. When Display Mode is Do Not Display, this configuration item is read-only and cannot be edited.

• Display total effect

• Do not display total effect
• Data Statistics Table: You can set whether to display the data statistics table and its position. Default is not displayed. It can be switched to display at the top, bottom, left, or right of the graph.
  • Card State Do Not Display Statistics Table: Based on the display of the data statistics table, this configuration can be set. Default is checked.

• Thumbnail Axis: Default is smart adaptation. It can be switched to display or do not display.
  • Smart Adaptation: Based on the size of the current graph display area, intelligently determine the number of bars that can be displayed. When the number of bars exceeds the displayable count, a thumbnail axis appears. When it does not exceed, there is no thumbnail axis.
  • Display: Regardless of screen size and number of bars, the thumbnail axis is displayed.
  • Do Not Display: Regardless of screen size and number of bars, the thumbnail axis is not displayed.

• Display thumbnail axis and smart display effect when thumbnail axis is present

• Do not display thumbnail axis effect

1.2.2.4 Color and Font

• Color Scheme: The system supports two types of color schemes: new and classic. The default display is the first set under the new color scheme. Additionally, an accessibility pattern setting can be enabled.
  • New Color Scheme: Supports customizing colors based on a specific color scheme.
  • Classic Color Scheme: Does not support customizing colors.

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

1.2.2.5 Axis

• X-axis
  • Display Title: Default is unchecked. When checked, the dimension field name is echoed and can be adjusted.
    • Title: When Display 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 display the number of dimension value characters. When it exceeds the displayable area, it shows “…”
    • Force Display: Display all dimension values. When dimension values are relatively long, overlapping may occur.
    • Custom Display: Default is 3 characters, supporting up to 12 characters.

• Label Angle: Default is horizontal display. It can be switched to right 45°, left 45°, vertical, or upright.

• Y-axis
  • Display Title: Default is unchecked. When checked, the name of the first metric is echoed and can be adjusted.
    • Title: When Display Title is unchecked, it is read-only. When checked, it can be modified.

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

• Display Grid Lines: Default is checked. You can uncheck it.

1.2.3 Function Configuration

1.2.3.1 Advanced Configuration

• Display Dimensions with Metric Value 0: Default is unchecked. You can check it to display dimensions with a metric value of 0.

• Do not check display dimensions with metric value 0 effect

• Check display dimensions with metric value 0 effect
• Sorting: Default is unchecked. When checked, you can set dimension sorting based on its own order and TopN or dimension sorting based on a specific metric and TopN. TopN can be preset or manually input specific values.
• When the dimension is an enumeration value or department field, custom sorting is supported.

1.2.4 Style (Mobile)

1.2.4.1 Follow Web Layout

• Echoes the Web layout and cannot be set independently.

1.2.4.2 Independent Configuration Layout

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