Published at: 2026-09-17

Trend and comparison charts

This article describes the features, operations, and related rules of trend and comparison charts.

Contents index

Topic	Description
Column chart	See the corresponding section on this page.
Line chart	See the corresponding section on this page.
Dual-axis chart	See the corresponding section on this page.
Stacked column chart	See the corresponding section on this page.
Stacked line chart	See the corresponding section on this page.
Bubble chart	See the corresponding section on this page.
Radar chart	See the corresponding section on this page.
Butterfly chart	See the corresponding section on this page.

Column chart

### Application scenarios Column charts can show changes or comparisons of each dimension within a certain data range. For example, column charts can compare sales orders across different account levels, rank annual sales orders across departments, and so on.

Application scenario interface illustration

Chart configuration

#### Axis data * Dimension: 0-1 dimension * Metric: 1-6 metrics

Style (Web)

##### Basic information * Chart name: defaults to the analysis topic name when created, and can be modified to a custom chart name based on the chart configuration

Basic information interface illustration

Remarks:
- Remark content: based on the current chart, you can set remark information so that viewers can better understand what the chart expresses
- Remark style:
  - Collapsed: displayed as an icon after the title in the chart detail view and card view; hovering over the icon shows the remark content
  - Exposed: displayed directly as text after the title in the chart detail view and card view
  - Not displayed: not shown in either the chart detail view or card view

* Add remark content

* Collapsed remark display effect

* Exposed remark display effect

* Hidden remark display effect

Statistic KPI Name: displayed by default according to the KPI Name, and can be modified to custom display content

Dimension name: displayed by default according to the dimension name, and can be modified to custom display content

Graphic display

Display form: defaults to Tile - Comfortable, and can be switched to Tile - Compact, Stacked, or Stacked by ratio
- Tile - Comfortable: all metrics are displayed tiled, with one metric as one column, and there is spacing between columns
- Tile - Compact: all metrics are displayed tiled, with one metric as one column, and there is no spacing between columns
- Stacked: all columns are stacked together for display; when stacked, [Value Label - Position] cannot be set, and values are displayed inside by default
- Stacked by ratio: the overall height of columns is the same; based on the data size of each metric, it is converted into a percentage to display each region; when stacked by ratio, [Value Label - Position] cannot be set, and values are displayed inside by default

* Display form configuration items

* Tile - Comfortable display effect

* Tile - Compact display effect

* Stacked display effect

* Stacked by ratio display effect

Display direction: defaults to vertical, and can be switched to horizontal

* Display direction setting and vertical direction display effect

* Horizontal direction display effect

Width ratio: supports customizing the column width ratio

Width ratio

Corner radius: supports customizing the column corner radius 0-12

Corner radius

Display settings

Legend: displayed at the top by default, and can be switched to bottom, left, right, or none (none means the legend is not displayed)

* Legend at top display effect

* Legend at bottom display effect

* Legend at left display effect

* Legend at right display effect

* No legend display effect

Data label:
- Label display:
  - Smart display: based on the current display area, value labels are displayed intelligently; when values of different metrics are close, some metrics are automatically hidden
  - Force display: based on the current display area, all value labels are displayed; when values of different metrics are close, overlap may occur
  - Not displayed: no values are displayed

* Smart display of data label effect

* Force display of data label effect

* Data label not displayed effect

Data label settings: when there are two or more metrics, you can set the metric content to display; all are checked by default; when data label is not displayed, this configuration item is read-only and cannot be edited

Position:
- Top outer: values are displayed outside the column chart column
- Inside bottom: values are displayed at the bottom inside the column chart column
- Inside center: values are displayed in the middle of the column chart column When data label is not displayed, this configuration item is read-only and cannot be edited

* Top outer display effect

* Inside bottom display effect

* Inside center display effect

Show total:
- Display mode: defaults to show, and can be switched to not show; when shown, it can be displayed in edit mode, detail view, and card view (according to specific configuration); when not shown, it is not displayed in any view

* Show total effect

* Not show total effect

Exposed settings: when there are two or more metrics, you can set the exposed total content; none is checked by default; when display mode is not show, this configuration item is read-only and cannot be edited
Card view shows total: checked by default, and can be unchecked to not show total in card view; when display mode is not show, this configuration item is read-only and cannot be edited

* Display effect after exposing metrics

Data statistics table: you can set whether to display the data statistics table and its position; not displayed by default, and can be switched to display at the top, bottom, left, or right of the graphic
- Card view does not show statistics table: based on displaying the data statistics table, this configuration can be set; checked by default

Thumbnail axis: defaults to smart fit, and can be switched to show or not show
- Smart fit: based on the size of the current graphic display area, it intelligently determines the number of columns that can be displayed; when exceeding the displayable number of columns, the thumbnail axis appears; when not exceeding, there is no thumbnail axis
- Show: regardless of screen size and number of columns, the thumbnail axis is always displayed
- Not show: regardless of screen size and number of columns, the thumbnail axis is never displayed

* Show thumbnail axis and smart display with thumbnail axis effect

* Not show thumbnail axis effect

Color and font* Color: the system supports two color schemes, new color and classic color; the first set under new color is displayed by default, and the accessibility pattern setting can be enabled additionally

New color: supports customizing colors based on a color scheme
Classic color: does not support customizing colors

Font size: defaults to 12, and can be switched to 13, 14, 15, 16

Axis

X axis
- Show title: unchecked by default; when checked, the dimension field name is displayed, and can be adjusted
  - Title: read-only when Show title is unchecked; can be modified when checked

Axis label
- Display mode:
  - Smart display: based on the display area of the current dimension, the number of dimension value characters is intelligently displayed; when exceeding the displayable area,… is displayed
  - Force display: all dimension values are displayed; when dimension values are all relatively long, overlap may occur
  - Custom display: displays 3 characters by default, and supports displaying up to 12 characters

Label angle: defaults to horizontal, and can be switched to right 45°, left 45°, vertical, or upright vertical

Y axis
- Show title: unchecked by default; when checked, the name of the first metric is displayed by default, and can be adjusted
  - Title: read-only when Show title is unchecked; can be modified when checked

Axis label: checked by default, and can be unchecked
- Label angle: based on the checked axis label, the label angle can be further set via Set Tags; defaults to horizontal, and can be switched to left 45° or vertical (the display effect is the same as the X axis label angle display effect)

Show gridlines: checked by default, and can be unchecked

Function configuration

##### Advanced configuration * Show reference line: you can set the reference line of the chart; unchecked by default; up to 6 reference lines can be set for a chart * Name: set the name of the reference line * Reference value: defaults to constant, and can be switched to the average, maximum, or minimum value of the metric; when constant is selected, a specific value can be set * Show reference line name: not displayed by default, and can be checked to display * Show reference line value: not displayed by default, and can be checked to display

Advanced configuration interface illustration

Show dimensions with metric 0: unchecked by default, and can be checked to display dimensions with metric 0

* Unchecked show dimensions with metric 0 display effect

* Checked show dimensions with metric 0 display effect

Serial number: unchecked by default, and can be checked to display the serial number

Sort: unchecked by default, and can be checked to set the dimension sorting and TopN based on itself, or the dimension sorting and TopN based on a metric; TopN can be a preset option or a manually entered specific value
When the dimension is an enumeration value or a department field, custom sorting is supported

* Custom sort based on dimension value itself

* Sort descending by metric based on dimension value

* Show TopN based on sorting

Style (Mobile)

##### Inherit Web layout * Follows the Web layout display, and cannot be set separately

Inherit Web layout interface illustration

Standalone Configuration layout

Defaults to the selected content of the corresponding Web configuration items, and can be further adjusted to an effect more suitable for mobile display
- The configuration items and options are fewer than those on the Web; configuration items that cannot be set separately on mobile default to the Web configuration; the display effect and logic of settable configuration items are the same as those on the Web

Line chart

### Application scenarios Line charts can show the change trend of each dimension within a certain data range. For example, a line chart can compare the change trend of sales orders across months of the year, and so on.