Metric Cards can be used to visually display core metric values. They support displaying a single metric, one primary metric with multiple secondary metrics, and metrics under different dimension items.

2.1 Usage example #

Step 1: Select Metric Card from chart types

Step 2: Configure the metrics to be displayed and set filter conditions. The first item in the metrics list is the primary metric, and the rest are secondary metrics. Virtual metrics generated by features such as period-over-period comparison and other comparison features can be used as display metrics.

Step 3: To display metrics under different dimension items side by side, drag the dimension into the dimension area. Only one dimension can be added.

Step 4: Adjust the Metric Card style according to display requirements, including alignment, font size of dimension items, and metric style.

3.1 Configuration rules #

Dimension: Supports 0 or 1 dimension.
Metric: Supports one or more metrics. Derived metrics generated by the analysis feature are supported.

3.2 Style configuration #

3.2.1 Alignment #

The alignment of the Metric Card can be adjusted.

• The alignment of the chart content can be selected.
• When there is a large amount of content in the Metric Card, you can select the maximum number of cards to display per row.
• You can set whether to display the border of the Metric Card.
• You can adjust the spacing mode between metrics to either compact or comfortable. In compact mode, the data spacing is reduced; in comfortable mode, the spacing is more relaxed.

For example: Set alignment to center, display up to 2 Metric Cards per row, show Metric Card borders, and set the spacing mode to moderate.

3.2.2 Dimension items #

Display name: Selected by default. If deselected, the dimension item name will not be displayed. Supports font size and color configuration.

3.2.3 Metric style #

Supports configuration for primary and secondary metrics.
Display name: Selected by default. If deselected, the metric field name will not be displayed. Supports font size and color configuration.
Metric value: Supports font size and color configuration.

3.2.4 Chart switching #

3.2.5 Switch from table to Metric Card #

• Dimensions and indicators remain unchanged. If there are multiple dimension fields, the indicator card will not work. Remove the extra dimension fields until the requirements are met; only then will the system render the indicator card.
• Filter content remains unchanged.
• The analysis panel remains unchanged.

3.2.6 Switch from the indicator card to a table #

• Indicators remain unchanged.
• Filter content remains unchanged.
• The analysis panel remains unchanged.

3.2.7 Conditional formatting #

You can set conditional formatting for specified indicators. The style supports the default format, or you can click "Custom conditional formatting" to customize it.

3.2.8 In-chart control style #

See 3.11 In-chart control styles.

3.2.9 Restore default settings #

Click [Restore default settings] to restore all the above chart configurations to their default values.

3.3 Comparison indicator cards #

Hover over the indicator card option to switch to a comparison indicator card. The configuration rules for comparison indicator cards are as follows:
Dimensions: 0 or 1 dimension
Indicators: 2 to 10 indicators

Other configurations are the same as the basic indicator card.