Dual Axis Chart

Dual-axis Chart

1.1 Application Scenarios

1.2 Chart Configuration

1.2.1 Axis Data

• Dimension: 1 dimension
• Metrics: 1-6 metrics per Y-axis

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: 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.

• Metric Name: By default, displayed according to the metric name, but can be modified.

• Dimension Name: By default, displayed according to the dimension name, but can be modified.

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, with each metric as a separate column, and gaps between columns.
  • Tile-Compact: All metrics are displayed in tiles, with each metric as a separate column, and no gaps between columns.
  • Stacked: All columns are stacked together. When stacked, the position of the value label cannot be set, and values are displayed internally by default.
  • Proportional Stacked: The overall height of the columns is the same, and each metric’s data size is converted into a percentage to display each area. When proportionally stacked, the position of the value label cannot be set, and values are displayed internally by default.

• Chart Appearance: Default is straight line, can be switched to curve.

1.2.2.3 Display Settings

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

• 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: No values are displayed.

• Data Label Settings: When there are two or more metrics, you can set the display content of the metrics. By default, all are checked; when data labels are not displayed, this configuration item is read-only and cannot be edited.

• Position:
  • Values displayed externally: Values are displayed externally.
  • Values displayed internally: Values are displayed internally.
    When data labels are not displayed, this configuration item is read-only and cannot be edited.

• Display Total:
  • Display Method: 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.

• Exposed Settings: When there are two or more metrics, you can set the exposed total content. By default, none are checked; when display method is not displayed, this configuration item is read-only and cannot be edited.
• Card State Display Total: Default is checked, can be unchecked to not display total in card state; when display method is not displayed, this configuration item is read-only and cannot be edited.

• Data Statistics Table: Can set whether to display the data statistics table and its position. Default is not displayed, can be switched to display at the top, bottom, left, or right of the graph.
  • Card State Does Not Display Statistics Table: On the basis of displaying the data statistics table, this configuration can be set, default is checked.

• 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, intelligently determines how many columns can be displayed. If the number of columns exceeds the displayable amount, a thumbnail axis appears; if not, there is no thumbnail axis.
  • Display: Regardless of screen size or number of columns, the thumbnail axis is displayed.
  • Do Not Display: Regardless of screen size or number of columns, the thumbnail axis is not displayed.

1.2.2.4 Color and Font

• Color Scheme: The system supports two color schemes: new and classic. By default, the first set under the new color scheme is displayed, and 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, 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 Method:
    • Smart Display: Based on the current dimension’s display area, intelligently displays the number of dimension value characters. 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 displays 3 characters, supports up to 12 characters.

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

• Y-axis
  • Y-axis: Default is unchecked. When checked, the name of the first metric of the statistics metric is echoed and can be adjusted.
    • Title: When display title is unchecked, it is read-only. When checked, it can be modified.
    • Chart Type: Default is bar chart, can be switched to line chart.
• Secondary Y-axis: Default is unchecked. When checked, the name of the first metric of the statistics metric is echoed and can be adjusted.
  • Title: When display title is unchecked, it is read-only. When checked, it can be modified.
  • Chart Type: Default is line chart, can be switched to bar chart.

• Axis Labels: Default is checked, can be unchecked.
  • Label Angle: On the basis of checking axis labels, 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).

• Display Grid Lines: Default is checked, can be unchecked.

• Move Zero Point (Y-axis and Secondary Y-axis separate display): Default is checked, can be unchecked.

1.2.3 Function Configuration

1.2.3.1 Advanced Configuration

• Display Reference Line: Can set reference lines for the main axis or secondary axis. Default is unchecked, and each axis 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 the metric. When selecting constant, a specific value can be set.
  • Display Reference Line Name: Default is not displayed, can be checked to display.
  • Display Reference Line Value: Default is not displayed, can be checked to display.

• Display Dimensions with Metric Value 0: Default is unchecked, can be checked to display dimensions with metric value 0.

• SN: Default is unchecked, can be checked to display SN.

• Sorting: Default is unchecked, can be checked 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 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, cannot be set independently.

1.2.4.2 Independent Configuration Layout

• By default, echoes the content selected in the corresponding configuration item on the Web, 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 those on the Web.