Bubble Chart

更新时间:
复制 MD 格式

A bubble chart displays relationships between up to six variables, using size for comparison. You can add data to a bubble chart and configure its style.

Prerequisites

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

Overview

  • Scenarios

    Two sets of data generate multiple coordinate points. You can observe the distribution of these points to determine whether a correlation exists between variables or to summarize the distribution pattern.

    Purpose: A bubble chart provides the following key information:

    • Whether a quantitative correlation exists between variables.

    • Whether the correlation is linear or curved.

    • Whether outliers exist. An outlier is a point that deviates from most points. You can analyze outliers to determine whether they significantly impact the population during modeling analysis.

  • Benefits

    • Computing capability: The conversion rate is computed automatically.

    • Data visualization: A bubble chart can be displayed dynamically based on the data timeline.

  • Exampleimage

Limitations

A bubble chart is configured with the following fields: Y-axis / measure, X-axis / dimension or measure, Category / dimension, Color / dimension or measure, Size / measure, and playback timeline / time dimension.

  • The Y-axis requires one measure.

  • The X-axis requires one dimension or one measure.

  • The category requires one dimension.

  • Color requires a dimension or a measure. The field can be the same as the one used for the X-axis, Y-axis, or category.

  • Size requires one measure. The field can be the same as the one used for the Y-axis.

    If the X-axis uses a measure field, the same field can also be used for Size.

  • The playback timeline requires a dimension. You can add only one dimension, and it must contain date information.

    Note

    You can enable the playback timeline only when both the X-axis and Y-axis use measure fields.

Configure Chart Data

  1. On the Data tab, select dimensions and measures based on your business requirements.

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

    • In the Measures list, find "Order Amount" and double-click or drag it to the X-axis / dimension or measure and Size / measure areas.

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

    • In the Dimensions list, find "Region" and double-click or drag it to the Color / dimension or measure area.

    • (Optional) To assign a different shape to each dimension value, drag a field to the Shape / dimension area. You can then customize the bubble shape for each dimension value in the Style pane. For this example, drag the Product Type field to assign a unique shape for each product type.

      Note

      This option is available only when a field is present in the Category / dimension area.

  2. Click Update. The chart updates automatically.image

Configure the Style of a Bubble Chart

For information about general chart style settings, see Configure the chart title area.

You can use the search box at the top of the configuration pane to find a specific option. You can also click the image..png icon to Expand/Collapse all categories.

气泡图-气泡大小..gif

Chart Area

In the Chart area section, you can configure the color scheme and bubble size, and enable the four-quadrant feature. The available options vary depending on the field configurations.

  • If a field is configured in the Shape / dimension area, the following options are available.image

    Parameter

    Description

    Color settings

    Sets the color scheme for the bubbles. You can choose from built-in system themes and customize the color for individual dimension values.111

    If the Color / dimension or measure area contains a measure field, you must configure the data mapping segments for the measure.

    111

    Fill opacity

    Sets the transparency of the bubbles.

    Bubble style

    Sets the bubble shape style. You can use assets or an image field.

    • Asset: Assign a different shape to each dimension value. You can select from built-in assets or upload a custom image.111

    • Image field: Selects an image from an image field in the dataset to use as a fill. You can use the Image field only when the dataset contains an image field and the field is of the image type (2).image

    When you upload a custom image or use an image field, you can also set the shape and display mode of the image.image

    Bubble size

    Sets the size of the bubbles.

    Show border

    Specifies whether to show a border around the bubbles.

    Show shadow

    Specifies whether to show a shadow for the bubbles.

    Four-quadrant

    You can enable the four-quadrant feature when both the X-axis and Y-axis use measure fields.气泡图-四象限..gif

  • If no field is configured in the Shape / dimension area, the following options are available.image

    Parameter

    Description

    Color settings

    Sets the color scheme for the bubbles. You can choose from built-in system themes and customize the color for individual dimension values.111

    If the Color / dimension or measure area contains a measure field, you must configure the data mapping segments for the measure.

    111

    Fill opacity

    Sets the transparency of the bubbles.

    Bubble style

    Sets a uniform shape for all bubbles. You can select a built-in icon or upload a custom image.111

    Bubble size

    Sets the size of the bubbles.

    Show border

    Specifies whether to show a border around the bubbles.

    Show shadow

    Specifies whether to show a shadow for the bubbles.

    Four-quadrant

    You can enable the four-quadrant feature when both the X-axis and Y-axis use measure fields.111

Axes

In the Axes section, configure the axis styles.image

Name

Parameter

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. You can also configure their name, position, and text style.

Show axis labels

Specifies whether to show labels on the X-axis. If enabled, the following settings are available:

  • If the X-axis is configured with a measure field, you can set the axis label display format and text style. The display format can be set to Auto or Custom.

    • By default, Auto mode is used. In this mode, the axis labels inherit the data display format of the X-axis measure field.

    • In Custom mode, click the image icon to open the Data Display Format Settings dialog box and configure the format. For more information about the options, see Data display format > Custom.

  • If the X-axis is configured with a dimension field, you can only configure the text style of the labels.

Show tick marks

Specifies whether to show tick marks on the X-axis.

Show axis line

Specifies whether to show the axis line. You can also configure its type, width, and color.

Show gridlines

Specifies whether to show gridlines for the X-axis. You can also configure their type, width, and color.

Axis range and interval

  • Use Auto or manually set the Maximum/Minimum value for the axis range.

  • Set a custom interval by step size or by the number of divisions.

111

Left Y-axis

Show left Y-axis

Specifies whether to show the left Y-axis.

Show title and unit

Specifies whether to show the axis title and unit on the left Y-axis. You can also configure their name, position, and text style.

Show axis labels

Specifies whether to show labels on the left Y-axis. If enabled, you can set the axis label display format and text style. The display format can be set to Auto or Custom.

  • By default, Auto mode is used. In this mode, the axis labels inherit the data display format of the corresponding Y-axis measure field.

  • In Custom mode, click the image icon to open the Data Display Format Settings dialog box and configure the format. For more information about the options, see Data display format > Custom.

Show tick marks

Specifies whether to show tick marks on the axis.

Show axis line

Specifies whether to show the axis line. You can also configure its type, width, and color.

Show gridlines

Specifies whether to show gridlines for the axis. You can also configure their type, width, and color.

Axis range and interval

  • Use Auto or manually set the Maximum/Minimum value for the axis range.

  • Set a custom interval by step size or by the number of divisions.

101.gif

Legend

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

image

Parameter

Description

Content

Click the Content dropdown list to see the dimension fields currently configured in the Category, Color, and Shape areas. You can select or deselect fields to control which legend items are displayed.

image

Position

Sets the display position and alignment of the legend.

  • If the position is set to Top or Bottom, you can choose left, center, or right alignment.

  • If 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

If a field is configured for the playback timeline, the legend can only be positioned at the Top.

Text

Sets the text style of the legend, including font color, size, weight, and style (italic).

Mobile legend

PC and mobile legend settings are independent. Switch to the mobile editing view by using the PC/Mobile toggle (image) at the top of the dashboard edit page. You can then configure the content, position, and text style for the mobile legend.image

Data Labels

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

image

Parameter

Description

Display all

When enabled, the system adjusts label positions to prevent overlap. If there are too many labels, some may not be displayed. You can also choose to Allow data labels to overlap.

Content

Sets the content to be displayed in the labels.

Position

Sets the position of the data labels.

Note

The Position cannot be adjusted if a field is added to the playback timeline / time dimension area.

Text

Sets the text style of the labels.

Tooltip

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

image

Parameter

Description

Background color

Sets the background fill color of the tooltip.

Text

Sets the text style within the tooltip, including font color, size, weight, and style (italic).

Mobile tooltip

Tooltip visibility settings for PC and mobile views are independent. Switch to the mobile editing view by using the PC/Mobile toggle (image) at the top of the dashboard edit page to edit the mobile tooltip. While most style settings are shared, font size can be configured separately for the mobile view.image

Series Settings

In the Series settings section, configure the series style.

image..png

Auxiliary Display

In the Auxiliary display section, configure the playback timeline:

  • Select Auto Playback When Page Loads to automatically play the chart animation once when the report loads.

  • Select Loop to play the chart animation repeatedly.气泡图-辅助展示..gif

  • Select Show Current Time Value to display the corresponding time value during the animation.image..png

  • Select Enable Trajectory Drawing to trace a clicked bubble's trajectory along the playback timeline.气泡图-公有云 绘制轨迹.gif

Configure Chart Analysis

Feature

Name

Description

Interactive analysis

Filter interaction

Use the filter interaction feature to link and analyze data across multiple charts. For more information, see Filter interaction.

Hyperlink

Use hyperlinks to connect and analyze data across multiple dashboards. For more information, see Hyperlink.

Analytical tools

Reference line

A reference line is an auxiliary line that shows the difference between a measure value and a reference value. The reference value can be a fixed value or a calculated value such as the average, maximum, minimum, or median. For more information, see Metric analysis.

Trendline

A trendline displays the overall trend of the selected data. Quick BI provides the following trendline types: Intelligent, Linear, Logarithmic, Exponential, Polynomial, and Power. For more information, see Metric analysis.

Note

Trendlines are supported only when the playback timeline is not used.

Annotation

-

If data in a chart is abnormal or requires extra attention, you can mark it with background colors, icons, comments, or data points. For more information, see Label.

Note

Labels are supported only when the playback timeline is not used.

What to do next

  • You can share the dashboards that you created. For more information, see Share a dashboard.

  • If you need a complex navigation menu for thematic analysis, you can integrate your dashboards into a BI portal. For more information, see Create a BI portal for PC.