Published at: 2025-10-30

Bar Chart

Bar Chart

1.1 Application Scenarios

Bar charts can display changes or comparisons within a certain data range for each dimension. For example, bar charts can compare Sales Orders across different Account levels or rank annual Sales Orders by Departments.
image
image
image

1.2 Chart Configuration

1.2.1 Axis Data

  • Dimension: 0-1 dimension
  • Metrics: 1-6 metrics
image

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.
image
image
  • Remarks:
    • Remark Content: Remarks can be set 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.
      • Not Displayed: Not shown in either the chart detail or card states.
image * Add remark content
image * Collapsed remark display style
image * Exposed remark display style
image * No remark display style
  • Metric Name: By default, displayed according to the metric name, but can be modified.
image
  • Dimension Name: By default, displayed according to the dimension name, but can be modified.
image
1.2.2.2 Graph Display
  • Display Form: Default is Tile-Comfortable, can be adjusted to Tile-Compact, Stacked, 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, with no 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.
image * Display form configuration options
image * Tile-Comfortable display effect
image * Tile-Compact display effect
image * Stacked display effect
image * Proportional Stacked display effect
  • Display Direction: Default is vertical, can be switched to horizontal.
image * Display direction setting and vertical display effect
image * Horizontal display effect
1.2.2.3 Display Settings
  • Legend: Default is displayed at the top, can be switched to the bottom, left, right, or none (none means the legend is not displayed).
image * Legend displayed at the top
image * Legend displayed at the bottom
image * Legend displayed on the left
image * Legend displayed on the right
image * No legend display effect
  • Data Labels:
    • Label Display:
      • Smart Display: Based on the current display area, intelligently displays value labels. When values between different metrics are close, some metrics may be automatically hidden.
      • Force Display: Displays all value labels based on the current display area. When values between different metrics are close, overlapping may occur.
      • Do Not Display: Value labels are not displayed.
image * Smart display of data labels
image * Force display of data labels
image * No display of data labels
  • Data Label Settings: When there are two or more metrics, you can set the content of the displayed metrics. By default, all are selected. When Do Not Display Data Labels is selected, this configuration item is read-only and cannot be edited.
image
  • Position:
    • Top Outer: Values are displayed outside the bar.
    • Inner Bottom: Values are displayed at the bottom inside the bar.
    • Inner Center: Values are displayed in the center inside the bar. When Do Not Display Data Labels is selected, this configuration item is read-only and cannot be edited.
image * Top outer display effect
image * Inner bottom display effect
image * Inner center display effect
  • Show Total:
    • Display Mode: Default is 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.
image * Show total effect
image * No show total effect
  • Exposed Settings: When there are two or more metrics, you can set the exposed total content. By default, none are selected. When Display Mode is Not Display is selected, this configuration item is read-only and cannot be edited.
  • Card State Show Total: Default is selected. You can deselect to not show the total in card state. When Display Mode is Not Display is selected, this configuration item is read-only and cannot be edited.
image * Display effect after exposing metrics
  • Data Statistics Table: You can set whether to display the data statistics table and its position. By default, it is not displayed. It can be switched to display at the top, bottom, left, or right of the graph.
    • Card State Does Not Show Statistics Table: Based on displaying the data statistics table, this configuration can be set. Default is selected.
image
image
  • Thumbnail Axis: Default is smart adaptation, can be switched to display or not display.
    • Smart Adaptation: Based on the size of the current graph display area, it intelligently determines how many bars can be displayed. If the number of bars exceeds the displayable amount, a thumbnail axis appears. If not, there is no thumbnail axis.
    • Display: Regardless of screen size or number of bars, the thumbnail axis is displayed.
    • Do Not Display: Regardless of screen size or number of bars, the thumbnail axis is not displayed.
image * Display thumbnail axis and smart display with thumbnail axis effect
image * No display of thumbnail axis effect
1.2.2.4 Color and Font
  • Color: The system supports two color schemes: new color and classic color. By default, the first set under new color is displayed. Additionally, an accessible pattern setting can be enabled.
    • New Color: Supports customizing colors based on a color scheme.
    • Classic Color: Does not support custom colors.
image
image
image
  • Font Size: Default is 12, can be switched to display as 13, 14, 15, or 16.
image
1.2.2.5 Axis
  • X-Axis
    • Show Title: Default is not selected. When selected, the dimension field name is echoed and can be adjusted.
      • Title: When Show Title is not selected, it is read-only. When selected, it can be modified.
image
image
  • Axis Labels
    • Display Mode:
      • Smart Display: Based on the current dimension display area, it intelligently displays the number of dimension values. If it exceeds the displayable area, it shows “…”
      • Force Display: Displays all dimension values. If dimension values are long, overlapping may occur.
      • Custom Display: Default is 3 characters, supports up to 12 characters.
image
image
image
  • Label Angle: Default is horizontal, can be switched to right 45°, left 45°, vertical, or perpendicular.
image
image
image
image
image
  • Y-Axis
    • Show Title: Default is not selected. When selected, the first metric name is echoed and can be adjusted.
      • Title: When Show Title is not selected, it is read-only. When selected, it can be modified.
image
image
  • Axis Labels: Default is selected, can be deselected.
    • Label Angle: Based on the selected axis label, the label angle can be further set. Default is horizontal, can be switched to left 45° or vertical (display effect is the same as X-axis label angle display effect).
image
image
  • Show Grid Lines: Default is selected, can be deselected.
image
image

1.2.3 Function Configuration

1.2.3.1 Advanced Configuration
  • Show Reference Line: You can set the reference line for the chart. By default, it is not selected. A chart can have up to 6 reference lines.
    • Name: Set the name of the reference line.
    • Reference Value: Default is constant, can be switched to the average, maximum, or minimum value of a metric. When selecting constant, a specific value can be set.
    • Show Reference Line Name: Default is not displayed, can be selected to display.
    • Show Reference Line Value: Default is not displayed, can be selected to display.
image
  • Show Dimensions with Metric Value 0: Default is not selected, can be selected to display dimensions with a metric value of 0.
image * Effect of not selecting to display dimensions with metric value 0
image * Effect of selecting to display dimensions with metric value 0
  • SN: Default is not selected, can be selected to display SN.
image
  • Sorting: Default is not selected, can be selected to set sorting based on the dimension itself and TopN or sorting based on a specific metric and TopN. TopN can be preset or manually entered.
    • When the dimension is an enumeration value or Dept. field, custom sorting is supported.
image * Custom sorting based on dimension value itself
image * Sorting based on dimension value in descending order by metric
image * Display TopN based on sorting

1.2.4 Style (Mobile)

1.2.4.1 Follow Web Layout
  • Follows the Web layout echo, cannot be set independently.
image
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 display effect more suitable 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 follow the Web configuration by default. The display effect and logic of configurable items are the same as on the Web.
image
Submit Feedback
Previous
Line Chart