Combination Chart

Overview

• Use cases

  • Trend-based charts show how continuous data changes over time and are ideal for visualizing trends at regular intervals.

  • Use an area chart to analyze how data changes over time, such as identifying growth, decline, cyclical patterns, or exponential increases.

• Benefits

  • Calculation capabilities: Easily configure period-over-period comparisons, cumulative calculations, smart reference lines, and trendlines.

  • Visualization features: Supports line, area, stacked area, and 100% stacked area charts. You can configure data labels, a legend, and an overview axis.

  • Data comparison and annotation: Compare same-period data and add numerical annotations.

• Example

Limitations

A combination chart consists of primary measures, secondary measures, a category axis, and a color legend:

• The primary and secondary axes are determined by the measures in your data. You must select at least one measure, such as order amount and profit amount.

• The category axis is determined by the dimensions in your data. You must select at least one dimension, such as order date (year).

• The color legend is determined by a dimension in your data. You can select a maximum of one dimension, such as shipping method.

  Note

  The color legend can be enabled only when one measure field is selected on the primary or secondary value axis.

Configure Chart Data

1. On the Data tab, select the required dimension and measure fields:

   • In the measure list, find Order Amount, then double-click or drag it to the primary measures area.

   • In the measure list, find Profit Amount, then double-click or drag it to the secondary measures area.

   • In the dimension list, find Order Date (year), then double-click or drag it to the category axis area.

2. Click Update. The chart updates automatically.

   

3. (Optional) To view data for only specific cities, you can set a filter to show only the data you need.

4. Auto refresh

   To automatically refresh chart data, enable this option and set a time interval. For example, if you set the duration to 5 minutes, the chart refreshes every 5 minutes.

Configure Chart Style

• In the Style pane, on the Fields tab, you can change the chart style.

  In this example, for the Profit Amount field under secondary measures, set its display type to Line.

  To change the chart's stacking mode, hover over Standard.

The following sections describe the style settings for the chart. For general style settings, see Configure the chart title area.

You can use the search box at the top of the configuration pane to quickly find settings. Click the icon to Expand/Collapse all categories.

Drawing Area

In the Drawing area section, configure the combination chart style.

Axes

In the Axes section, configure axis styles. By default, axes are shown.

Select Show dual Y-axis to display separate left and right axes. This setting takes effect only when two or more measures are added. When this option is selected, the right Y-axis section appears in the Axes pane.

Legend

In the Legend section, click the icon to enable the legend and configure its style.

• PC configuration

  

  Setting	Description
  Style	Set the style of the legend icons. Options include Auto, Line only, and Line and marker. Note The legend synchronizes with the marker style set in the chart. If no marker style is configured, solid circles are displayed by default. When you select Scale legend symbols with text in Theme Design > General Content Style, the size and line thickness of the legend icons adjust proportionally to the chart's line thickness and legend text size. This setting only affects the line and area charts within the combination chart.
  Position	Set the display position and alignment of the legend. When the position is set to Top or Bottom, you can choose left, center, or right alignment. When the position is set to Left or Right, you can choose top, center, or bottom alignment. You can also set the distance between the legend and the chart content.
  Text	Set the text style for the legend, including font color, size, weight, and italics.

• Mobile configuration

  

  Setting		Description
  Position		Set the display position and alignment of the legend. When the position is set to Top or Bottom, you can choose left, center, or right alignment. When the position is set to Left or Right, you can choose top, center, or bottom alignment. You can also set the distance between the legend and the chart content. Note When the position is set to Top, you can enable labels below the legend, in which case custom alignment is not supported.
  Text		Set the text style for measure names in the legend, including font color, size, weight, and italics.
  Show label content When Position is set to Top, click the icon to enable labels below the legend.	Style	Set the layout style for the label text below the legend. The following options are available: Multi-line Equal-width: Labels are automatically arranged in an equal-width grid based on the number of columns set in Max items per row and the number of rows set in Max items per page. Single-line Tiled: All label content is displayed in a single row. Plain Text: Only text is displayed without icons, and the text color matches the line color of the corresponding measure in the chart.
  	When unselected, display metric as	When Style is set to Multi-line Equal-width or Single-line Tiled, you can configure how to display a metric when a legend item is unselected. You can choose to display it as "-" or leave it blank.
  	Text style	When Style is set to Multi-line Equal-width or Single-line Tiled, you can configure the text style for the Values.
  	Show full text	When Style is set to Multi-line Equal-width or Single-line Tiled, long measure names may be truncated. If you need to display the full measure names, select Show full text.
  	Show tooltip fields	When this option is enabled, the fields you configured in the Tooltip/Measure section of the data pane are displayed in the legend area. Note Displaying tooltip fields is not supported in scenarios where data is split by dimension values (that is, the color legend is a dimension).

Data Labels

In the Data Labels section, configure whether to show data labels and their styles.

Tooltip

In the Tooltip section, click the icon to enable tooltips and configure their settings.

• PC configuration

  

  Setting	Description
  Display mode	Set the tooltip display mode. Options are By single data point and By dimension value.
  Content	Select the data content to display in the tooltip. The available content depends on the configured display mode. When the display mode is By single data point, you can show percentages. When the display mode is By dimension value, you can show totals and percentages. Percentage: The percentage of a data point relative to the total under the current dimension. For example, the percentage of profit amount out of total revenue for office supplies. When you choose to display percentage data, you can also set the number of decimal places to 0, 1, or 2 in Decimal Places for Percentage. Total: The sum of all measures under the current dimension. For example, the total sales amount across all regions for the year 2025. Note When you drag secondary measures into the field, you can configure the left Y-axis and the right Y-axis separately.
  Background color	Set the background fill color for the tooltip.
  Text	Set the style of the text in the tooltip, including font color, size, weight, and italics.

• Mobile configuration

  

  Setting		Description
  Hover bubble Click the icon to enable the hover bubble display (①).	Content	Set the data content to display in the hover bubble. Options include Percentage and Total. Note When you drag secondary measures into the field, you can configure the left Y-axis and the right Y-axis separately. Percentage: The percentage of a data point relative to the total under the current dimension. For example, the percentage of profit amount out of total revenue for office supplies. When you choose to display percentage data, you can also set the number of decimal places to 0, 1, or 2 in Decimal Places for Percentage. Total: The sum of all measures under the current dimension. For example, the total sales amount across all regions for the year 2025.
  	Background color	Set the background fill color for the hover bubble.
  	Text	Set the style of the text in the hover bubble, including font color, size, weight, and italics.
  Show axis dimension Click the icon to enable the axis dimension display (②).	Background color	Set the background fill color for the axis dimension label.
  	Text	Set the text style for the axis dimension label, including font color, weight, and italics.

Series Settings

In the Series Settings section, configure series styles.

View Controls

When chart axis data is too dense to display clearly, click the icon to enable view controls. This ensures data integrity and readability while letting viewers dynamically adjust the visible range by scrolling.

Control the visible range on the chart axis by using an overview axis or a scroll bar.

Analysis Configuration

Next Steps

• To allow others to view the dashboard, share it with specific users. For more information, see Publish a dashboard.

• To create complex, topic-based analysis pages with navigation menus, integrate your dashboards into a data portal. For more information, see Data Portal.