Add data to a bubble chart and configure its style-Quick BI(Quick BI)-阿里云帮助中心

A bubble chart uses bubble size to represent a variable, allowing you to compare and visualize relationships between multiple variables. This topic describes how to add data to a bubble chart and configure its style.

Prerequisites

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

Overview

Use cases

Use a bubble chart to plot data as points on a coordinate system. This helps you examine the point distribution to identify correlations between variables or discover patterns.

Purpose: A bubble chart helps you identify:

Quantitative trends and relationships between variables.
Whether a trend is linear or curved.
Outliers that deviate from the majority of data points. You can then analyze these outliers to determine their potential impact on your overall model.

Benefits

Calculation: Automatically calculates conversion rates.
Visuals: Supports dynamic playback over a timeline.

Example

Limits

You configure a bubble chart by using the Y axis (Mea.), X axis (Dim. or Mea.), Category (Dim.), Color (Dim. or Mea.), Size (Mea.), and Playback Timeline/Time Dimension fields.

The Y-axis is determined by the data measure. You can select up to one measure.
The X-axis is determined by a data dimension or measure. You can use a maximum of one dimension or one measure.
The category is determined by the data dimension. You can select a maximum of one dimension.
The color is determined by a maximum of one data dimension or one data measure. This can be the same as the dimension or measure used for the X-axis, Y-axis, or category.
The size is determined by a measure. You can select a maximum of one measure. It can be the same as the Y-axis value.
If you specify a measure for X axis (Dim. or Mea.), you can also specify this measure for Size (Mea.)
The playback timeline is determined by a single data dimension that must contain date information.
Note
You can enable the playback timeline only when you add measure fields to both the X-axis and Y-axis.

Configure chart data

On the Data tab, select the required dimension and measure fields.
- In the measure list, find Profit Amount, and then double-click it or drag it to the Y axis (Mea.) field.
- In the measure list, find Order Amount, and then double-click it or drag it to the X axis (Dim. or Mea.) and Size (Mea.) fields.
- In the dimension list, find Province, and then double-click it or drag it to the Category (Dim.) field.
- In the dimension list, find Region, and then double-click it or drag it to the Color (Dim. or Mea.) field.
- (Optional) To configure a unique shape for each dimension value, drag a field to the Shape/Dimension field. You can then customize the bubble shape for each dimension value in the style settings. In this example, drag the Product Type field to specify a shape for each product type.
  Note
  This option is available only when a field is added to the Category (Dim.) field.
Click Update. The chart updates automatically.

Configure the style of a bubble chart

The following sections describe how to configure chart styles. For information about general style settings, see Configure the chart title area.

Chart area

In the Chart area section, you can configure Color, Bubble Size, and Enable Four-quadrant. The available options depend on the fields you selected on the Data tab.

When a field is configured in the Shape/Dimension field, the following options are available.

Parameter	Description
Color	Configure the overall color scheme for the bubbles in the chart. You can select a built-in theme or customize the color for individual dimension values. When you add a measure to the Color (Dim. or Mea.) field, you must set the data mapping segments for that measure.
Fill opacity	Set the fill opacity of the bubbles.
Bubble Style	Set the shape style for the bubbles. You can use assets or an image field. Asset: Set a different shape for each dimension value. You can select from built-in assets or upload a custom image. Image field: Select an image from an image field in the dataset. You can use the Image field option only if the dataset contains an image field and the field type is image (). For more information, see Use image dimensions in dashboards. When you upload a custom image or use an image field, you can also configure the image shape and display mode.
Bubble Size	Set the size of the bubbles.
Show Border	Shows or hides borders around the bubbles.
Show Shadow	Shows or hides shadows for the bubbles.
Enable Four-quadrant	You can enable the four-quadrant feature only when both the X-axis and Y-axis are configured with measure fields.

When no field is configured in the Shape/Dimension field, the following options are available.

Parameter	Description
Color	Configure the overall color scheme for the bubbles in the chart. You can select a built-in theme or customize the color for individual dimension values. When you add a measure to the Color (Dim. or Mea.) field, you must set the data mapping segments for that measure.
Fill opacity	Set the fill opacity of the bubbles.
Bubble Style	Set the shape style for all bubbles in the chart. You can select a built-in icon or upload a custom image.
Bubble Size	Set the size of the bubbles.
Show Border	Shows or hides borders around the bubbles.
Show Shadow	Shows or hides shadows for the bubbles.
Enable Four-quadrant	You can enable the four-quadrant feature only when both the X-axis and Y-axis are configured with measure fields.

Axes

In the Axes section, configure the axis styles.

Section	Parameter	Description
X-axis	Show Axis	Shows or hides the X-axis.
	Show Title and Unit	Shows or hides the axis title and unit on the X-axis. You can also set their names, positions, and text styles.
	Show Value	Shows or hides axis labels on the X-axis. If shown, you can configure the following settings: If the X-axis is configured with a measure field, you can set the axis label format and text style. The format can be set to Default or Custom. The Default mode inherits the data format settings of the measure field on the X-axis. In Custom mode, click the icon to open the Data Display Format dialog box and configure the format as needed. For more information, see Data display formats > Custom. If the X-axis is configured with a dimension field, you can only configure the text style of the labels.
	Show Scale	Shows or hides scale ticks on the X-axis.
	Show Axis	Shows or hides the axis line. You can configure the line style, width, and color.
	Gridlines	Shows or hides gridlines for the X-axis. You can configure the line style, width, and color.
	Minimum and Maximum	Set the Minimum/Maximum value for the X-axis range, either automatically (Default) or manually. Set a Custom Interval by step value or by the number of divisions.
Left Y-axis	Show Axis	Shows or hides the left Y-axis.
	Show Title and Unit	Shows or hides the axis title and unit on the left Y-axis. You can also set their names, positions, and text styles.
	Show Value	Shows or hides axis labels on the left Y-axis. If shown, you can set the axis label format and text style. The format can be set to Default or Custom. The Default mode inherits the data format settings of the measure field on the Y-axis. In Custom mode, click the icon to open the Data Display Format dialog box and configure the format as needed. For more information, see Data display formats > Custom.
	Show Scale	Shows or hides scale ticks on the axis.
	Show Axis	Shows or hides the axis line. You can configure the line style, width, and color.
	Gridlines	Shows or hides gridlines for the axis. You can configure the line style, width, and color.
	Minimum and Maximum	Set the Minimum/Maximum value for the left Y-axis range, either automatically (Default) or manually. Set a Custom Interval by step value or by the number of divisions.

Legend

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

Parameter	Description
Content	Click the Content box to view a dropdown list of dimension fields from the Category, Color, and Shape fields. Select or clear checkboxes to show or hide their corresponding legend items.
Position	Set the display position and alignment of the legend. If you select Top or Bottom, you can align the legend to the left, center, or right. If you select Left or Right, you can align the legend to the top, center, or bottom. You can also set the distance between the legend and the chart content. Note When a field is configured for the playback timeline, the legend can only be positioned at the Top.
Text	Set the text style for the legend, including font color, size, weight, and style (italic).
Mobile Legend	Legend settings for PC and mobile views are independent. Switch to the mobile editing view by clicking the device icon () at the top of the dashboard editor. You can then configure the content, position, and text styles specifically for the mobile legend.

Data labels

In the Data labels section, configure the visibility, position, and style of data labels.

Parameter	Description
Display All	When enabled, the system automatically adjusts label positions to prevent overlap. If there are too many labels, some may not be displayed if they extend beyond the axis area. You can also choose to Allow data labels to overlap.
Content	Set the content to be displayed in the labels.
Position	Set the display position of the labels. Note Adjusting the Position is not supported when a field is added to the Playback Timeline/Time Dimension.
Text	Set the text style for the labels.

Tooltip

In the Tooltip section, set whether to show or hide the tooltip and configure its content and style.

Parameter	Description
Background Color	Set the background fill color for the tooltip box.
Text	Set the text style for the tooltip, including font color, size, weight, and style (italic).
Mobile Tooltip	PC and mobile tooltip settings are independent. To edit mobile settings, switch to the mobile view by clicking the device icon (). You can set the font size separately for mobile, but other styles are shared between PC and mobile.

Series

In the Series section, configure the series style.

Playback timeline

In the Playback timeline section, configure the Playback Timeline:

Select Auto Playback When Page Loads to automatically play the chart animation once when the dashboard loads.
Select Loop to play the chart animation repeatedly.
Select Show Current Time to display the corresponding time value during playback.
Select Enable trace drawing to draw the trajectory of a bubble along the playback timeline after you click it.

Configure chart analytics

Section	Parameter	Description
Interactive Analysis	Linkage	The linkage feature connects multiple charts for coordinated data analysis. For more information, see Linkage.
Interactive Analysis	Hyperlink	The hyperlink feature connects multiple dashboards for data analysis. For more information, see Hyperlink.
Analysis and Alerts	Reference line	A reference line shows the difference between a measure's value and a set reference value. The reference value can be fixed or calculated (such as average, maximum, minimum, or median). For more information, see Reference line.
Analysis and Alerts	Trendline	Use a trendline to show the overall trend of your data. Available trendline types include intelligent, linear, logarithmic, exponential, polynomial, and power. For more information, see Trendline. Note Trendlines are available only when the playback timeline is disabled.
Smart Insights	Anomaly detection	Anomaly detection identifies unusual data points in your dataset. For more information, see Anomaly detection. Note The anomaly detection feature is currently in beta.
Smart Insights	Clustering	Clustering groups data points with similar measure distributions on the X and Y axes. When clustering is enabled, the Color field is replaced by the cluster grouping. Note The clustering feature is currently in beta. You can enable clustering only when both the X-axis and Y-axis are measures and the playback timeline is not configured.

What to do next

To let others view your dashboard, share it with them. For more information, see Share a dashboard.
You can integrate dashboards into a BI portal to create complex, topic-based analyses with navigation menus. For more information, see Create a PC BI portal.