Combo charts are typically used to compare and display multiple metrics and their changes under a unified dimension. The product's combo chart supports five types of sub-charts: bar chart (stacked bar chart / grouped bar chart), line chart, area chart, percentage area chart, and dual-axis chart.

2.1 Common usage scenarios #

Combo charts are typically used to compare and display multiple metrics and their changes under a unified dimension.
Combo chart example

2.2 Example usage process #

Step 1: Set dimensions, metrics, and filter criteria
Select the "sale_province" as the dimension, and select "sale_price", "price" as metrics;

Step 2: Select the chart panel - Combo chart

Step 3: Group metrics as needed and modify the chart format
For example, group the metrics "sale_province" and "sale_price" to create a line chart; group "sale_province" and "price" to create a bar chart.
Note: Dragging a metric capsule to another capsule allows you to combine them.

3.1 Combo chart icon #

3.2 Configuration rules #

After setting one or more dimensions and one or more metrics, you can create a chart.
Dimension: Supports one or more dimensions. If there is more than one dimension, the second and subsequent dimensions are displayed according to the style of the selected chart type.
Metric: Supports one or more metrics. If there is more than one metric, the second and subsequent metrics are displayed as multiple charts within the combo chart, or multiple metrics can be grouped into a metric set.

• You can configure the chart type for each metric or metric set in the "Combo Chart" options.

3.3 Metric set #

When the composite chart is selected, users can drag and drop multiple metrics to form a metric set. A metric set will be displayed as a subplot within the composite chart.
Metric set style: When multiple metrics are combined into a metric set, the display style will change accordingly.
Form a metric set: Drag a metric capsule onto another metric or metric set capsule to create a new metric set.

3.4 Edit colors #

You can assign a color to a metric, and multiple built-in color schemes are available:

You can also set the color for each metric individually.

Also supports Custom Color Schemes.

3.5 Combo direction #

You can choose either horizontal or vertical orientation. For horizontal combo, the dimension is used as the Y-axis and the metric as the X-axis; for vertical combo, the dimension is used as the X-axis and the metric as the Y-axis.
Horizontal

Vertical

3.6 Composite chart #

You can set the chart type for a single metric or metric set as a subplot of the composite chart. Five types of subplots are supported: bar chart, line chart, area chart, percentage area chart, and dual-axis chart. The bar chart includes stacked bar charts and grouped bar charts; clicking the icon defaults to the stacked bar chart, and you can switch between different bar charts using the dropdown list.
When the subplot type is set to dual-axis chart, you also need to configure the primary and secondary Y-axes, as well as the chart types corresponding to the primary and secondary axes.

3.7 Line style #

Line type: You can choose straight or smooth lines, set the line thickness, and select solid, dashed, or dotted lines.
Marker: You can select no marker, a hollow circle, a solid circle, a square, a diamond, and choose the marker size.

3.8 Arrangement method #

Parallel metrics:

• The switch is enabled by default.
• Multiple metrics in a subplot are displayed according to the subplot's display rules. Refer to the corresponding entry in "Help Center - Visual Query - Chart."

3.9 X-axis / Y-axis #

3.9.1 Vertical composite chart #

• X-axis: You can click the switch button on the right side of the X-axis to choose whether to display X-axis information.
  • Axis name checkbox: Select or clear the checkbox. When selected, you can modify the name. The default name is the field name.
  • Axis name (gray): You can set the font size and font color.
  • Axis label: You can set the font size, font color, and text rotation angle (0–360 degrees).
  • Axis line: You can set the color of the axis line.
• Y-axis: By default, the axis name is displayed. This can be configured for each sub-chart.
  • Axis name checkbox: Select or clear the checkbox. When selected, you can modify the name. The default name is the field name.
  • Axis name (gray): You can set the font size and font color.
  • Axis label: You can set the font size, font color, and text rotation angle (0–360 degrees).
  • Axis line: You can set the color of the axis line.
  • Axis range: There are three options: Auto, Auto (excluding 0), and Custom range.
    • Auto: (negative values, 0, positive values), includes 0.
    • Auto (excluding 0).
    • Custom range: You can manually enter the minimum and maximum values. The maximum value must be greater than the minimum value and cannot be empty.

• Data format: Click to set the data format for axis labels in the pop-up window. You can set it to number, percentage, per thousand, or raw value.

• Axis scale: Controls the scale display of the axis. Typically linear, but logarithmic scaling is also available. For example, log(base 2) means using base 2 for the logarithm. This is generally used in monitoring scenarios where two metrics on the same axis differ greatly in value.

3.9.2 Vertical combo chart #

The functions and operations of the X-axis and Y-axis are interchangeable. See 3.9.1.

3.10 Grid lines #

See 3.6 Grid lines.

3.11 Special values #

See 3.7 Special values.

3.12 Legend and labels #

Legend:

• You can click the switch button on the right to choose whether to display legend information.
• You can set the legend's display position in the chart: top, bottom, left, or right.
• You can set the legend's alignment: align to top/left, center, or bottom/right.
• You can set the maximum number of legend columns, as well as the font and color.
• You can set the legend's display mode. When there are too many legend items, you can choose between a pager or a scrollbar for display.

Tags:
See 3.8 Legend and labels.

3.13 Notification messages #

See 3.9 Tooltips information.

3.14 In-chart control styles #

See 3.11 In-chart control styles.

3.15 Restore default settings #

Click [Restore Default Settings] to restore all of the above chart configuration content to the default settings

3.16 Pivot #

See Pivot Chart.