All Products
Search
Document Center

Quick BI:Bubble Chart

Last Updated:Jun 20, 2025

A bubble chart can include a variable that represents size for comparison and is used to display relationships between multiple variables (up to 6 variables). This topic describes how to add data and configure styles for a bubble chart.

Prerequisites

A dashboard is created. For more information, see Create a dashboard.

Limits

A bubble chart consists of Y-axis/Measures, X-axis/Dimensions Or Measures, Category/Dimensions, Color/Dimensions Or Measures, Size/Measures, and Play Axis/Time Dimension:

  • The Y-axis is determined by the measures in the data. You can select a maximum of one measure.

  • The X-axis is determined by the dimensions or measures in the data. You can select a maximum of one dimension or one measure.

  • The category is determined by the dimensions in the data. You can specify only one dimension for Category (Dimensions).

  • The color is determined by the dimensions or measures in the data. You can select a maximum of one dimension or one measure. The value can be the same as that of the X-axis, Y-axis, or category.

  • The size is determined by the measures in the data. You can select a maximum of one measure. The value can be the same as that of the Y-axis.

    If the X-axis value is a measure field, the size value can be the same as the X-axis value.

  • The play axis is determined by the dimensions in the data. You can select only one dimension, and the dimension must be date information.

    Note

    The play axis can be enabled only when both the X-axis and Y-axis are measure fields.

Overview

  • Scenarios

    Use two sets of data to form multiple coordinate points, examine the distribution of coordinate points, and determine whether there is a certain correlation between multiple variables or summarize the distribution pattern of coordinate points.

    Function: provides key information:

    • Whether there is a quantitative correlation trend between variables.

    • If there is a correlation trend, whether it is linear or curved.

    • If there are one or more points that deviate from most points, also known as outliers, they can be easily identified through the bubble chart. This allows for further analysis of whether these outliers may have a significant impact on the overall modeling analysis.

  • Advantages

    • Computational capability: automatically calculates conversion rates.

    • Visualization effect: bubble charts can be dynamically played based on a timeline.

  • Exampleimage

Configure Chart Data

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

    • In the Measures list, find Profit Amount, and double-click or drag it to the Y-axis/Measures section.

    • In the Measures list, find Order amount, and double-click or drag it to the X-axis/Dimensions Or Measures and Size/Measures sections.

    • In the Dimensions list, find Province, and double-click or drag it to the Category/Dimensions section.

    • In the Dimensions list, find Region, and double-click or drag it to the Color/Dimensions Or Measures section.

    • (Optional) When you need to configure shapes separately for different dimension values, you can drag relevant fields to the Shape/Dimensions section. You can then customize bubble shapes for each dimension value in the style panel. In this example, drag the Product Type field here to specify bubble shapes for each product type.

      Note

      This configuration is supported only when a field exists in the Category/Dimensions section.

  2. Click Update, and the system automatically updates the chart. image

Configure the Chart Style

The following section describes the style configuration for the chart. For information about common style configurations for charts, see Configure the Chart Title.

You can enter keywords in the search box at the top of the configuration area to quickly find configuration items for configuration. You can also click image..png on the right to expand/collapse all categories.

气泡图-气泡大小..gif

Plot Area

In the Plot area section, configure Color settings, Bubble size, and Enable four-quadrant function. The available configuration items vary depending on the fields configured in the Fields panel.

  • When a field is configured in the Shape/Dimensions section: The following configurations are supported. image

    Configuration item

    Description

    Color settings

    Sets the overall color scheme for bubbles in the current chart. You can select different built-in system themes and customize colors for individual dimension values. 111

    When a measure field is configured in the Color/Dimensions Or Measures section, you need to set the data mapping range for the measure.

    111

    Fill transparency

    Sets the transparency of bubbles.

    Bubble style

    Sets the style of bubble shapes. You can select materials or image fields.

    • Material: Sets different graphic patterns for each dimension value. You can select built-in system materials or upload custom images. 111

    • Image field: Uses images from an image field in the dataset for filling. The option is available only when the dataset contains an image field2Image Field with the image type.image

    When you upload custom images or use image fields, you can also set the shape and display mode of the images here. image

    Bubble size

    Sets the size of bubbles.

    Show border

    Specifies whether to show the border of bubbles.

    Show shadow

    Specifies whether to show the shadow of bubbles.

    Four-quadrant

    When both the X-axis and Y-axis fields are measure fields, you can enable the Four-quadrant function. 气泡图-四象限..gif

  • When no field is configured in the Shape/Dimensions section: The following configurations are supported. image

    Configuration item

    Description

    Color settings

    Sets the overall color scheme for bubbles in the current chart. You can select different built-in system themes and customize colors for individual dimension values. 111

    When a measure field is configured in the Color/Dimensions Or Measures section, you need to set the data mapping range for the measure.

    111

    Fill transparency

    Sets the transparency of bubbles.

    Bubble style

    Sets the graphic style for all bubbles in the chart. You can select built-in system icons or upload custom images. 111

    Bubble size

    Sets the size of bubbles.

    Show border

    Specifies whether to show the border of bubbles.

    Show shadow

    Specifies whether to show the shadow of bubbles.

    Four-quadrant

    When both the X-axis and Y-axis fields are measure fields, you can enable the Four-quadrant function. 111

Coordinate axis

In Coordinate Axis, set the coordinate axis style. image

Name

Configuration item

Description

X Axis

Show X-axis

Specifies whether to show the X-axis.

Show Title And Unit

Specifies whether to show the Axis Title and Unit on the X-axis.

Show axis labels

Specifies whether to show values on the X-axis.

Minimum Value, Maximum Value

Shows the minimum and maximum values on the horizontal axis.

Note

If you select Auto, the system intelligently displays the minimum and maximum values on the axis. If you clear Auto, you can manually set the minimum and maximum values on the axis.

Axis Label Display Format Settings

Sets the display format for axis labels. The options include Auto Fit, Custom Format, and Manual Input.

Note

You can also configure the measure display formats on the Data tab. For more information, see Configure chart fields.

Show Gridlines

Specifies whether to show gridlines on the X-axis, including the line style, line width, and color of the X-axis.

Show coordinate axis

Specifies whether to display the coordinate axis, including line style, line width, and color.

Show Scales

Specifies whether to show scales on the X-axis.

Left Y-axis

Show left Y-axis

Specifies whether to show the left Y-axis.

Show Title And Unit

Supports setting the position of the Axis Title and Unit. You can select Outside The Axis or Above The Axis.

Show Axis Labels

Specifies whether to show the label values on the left Y-axis.

Minimum Value, Maximum Value

Specifies whether to show the minimum and maximum values on the left Y-axis:

  • If you select Auto, the system intelligently displays the minimum and maximum values on the axis.

  • If you clear Auto, you can manually set the minimum and maximum values on the axis.

Show Coordinate Axis

Specifies whether to display the left Y-axis, including line style, line width, and color of the left Y-axis.

Axis Label Display Format Settings

The display formats for labels on the left Y-axis. The options include Auto Fit, Custom Format, and Manual Input.

Note

You can also configure the measure display formats on the Data tab. For more information, see Configure chart fields.

Show Gridlines

Specifies whether to show gridlines on the left Y-axis, including the line style, line width, and color of the left Y-axis.

Show scales

Specifies whether to show scales on the left Y-axis.

Axis value range and interval

  • Supports Auto and manual settings for the maximum/minimum values of the left Y-axis labels and scales range.

  • Supports setting custom intervals by step size or by equal division quantity.

101.gif

Legend

In the Legend section, set the legend position and text style.

image..png

Data labels

In the Data labels section, specify whether to display data labels, their position, and label style.

103.gif

Note

When a field is dragged to the Play axis/Time dimension section, Position adjustment is not supported.

Tooltip

In the Tooltip section, specify whether to display tooltip content, display mode, background color, and text style.

气泡图-条件设置..jpeg

Series settings

In the Series settings section, configure the series style.

image..png

Auxiliary display

In the Auxiliary display section, configure the Play Axis:

  • Select Autoplay When Page Loads: The chart automatically plays once when the report is loaded.

  • Select Loop Playback: The chart plays in a loop. 气泡图-辅助展示..gif

  • Select Show Current Time Value to display the corresponding time during chart playback. image..png

  • Select Enable track drawing to support drawing the trajectory of a bubble in the order of the play axis after clicking the bubble. 气泡图-公有云 绘制轨迹.gif

Configure chart analysis

Configuration item

Name

Description

Interactive analysis

Linkage

If the data that you want to analyze belongs to different charts or tables, you can configure this feature to associate the charts and tables, and then analyze the data. For more information, see Linkage.

Jump

If the data that you want to analyze belongs to different dashboards, you can configure this parameter to associate the dashboards, and then analyze the data. For more information, see Hyperlink.

Analysis Alert

Auxiliary Line

An auxiliary line can be used to show the difference between the value of a measure and the reference value indicated by the auxiliary line. The reference value can be a fixed value or a calculated value. You can use the following calculated values: average, maximum, minimum, and median. For more information, see Auxiliary line.

Trend Line

A trend line can be used to show the overall trend of data. Trend lines are classified into six types: Smart recommendation, Linear, Logarithmic, Exponential, Polynomial, and Power. For more information, see Analysis alert.

Note

Trend lines are supported only when the play axis is not enabled.

Annotation

-

You can use highlighted measures, icons, comments, or data points as labels to mark the data that is abnormal or you focus on in a chart. This helps you identify data exceptions and fix the issue. For more information, see Annotation.

Note

Annotations are supported only when the play axis is not enabled.

What to do next

  • If other users need to view the dashboard, you can share the dashboard with specific users. For more information, see Share a dashboard.

  • If you need to create a complex dashboard with navigation menus for thematic analysis, you can integrate the created dashboard into a data portal. For more information, see Create a PC data portal. Show gridlines specifies whether to show gridlines on the axis, including the line style, line width, and color.