Bubble map

更新时间:
复制 MD 格式

A bubble map uses a map as a background to represent data values with bubbles. It effectively visualizes the magnitude and distribution of key metrics across different geographical areas. For example, a bubble map can show tourist traffic at various attractions or display per-capita income by region. This topic describes how to add data to a bubble map and configure its style.

Prerequisites

  • You have created a dashboard. For more information, see Create a dashboard.

  • Ensure the geographical field you want to add is converted to geographical information. For more information, see Configure fields.

    Note

    For a geographical field named area, the 地理 icon indicates that it has been converted to geographical information. For a reference table of detailed information for each area, see public-area-info.xlsx. This table is for geographical area matching purposes only and does not represent the political position of Quick BI.

Chart overview

Use cases

Bubble maps are ideal for visualizing data with a spatial component, allowing you to plot aggregated data for specific regions on a map. The position of each bubble indicates a geographical location, while its properties represent data values.

Benefits

  • Visualization: Supports maps with styled marker points.

  • Interaction: Supports lasso zoom, switching between measures, and in-component filtering.

Example

示例

Configure chart fields

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

    • You can create a bubble map by using an area name or by providing longitude and latitude data.

      字段示例

      1. If you select Area Name, double-click or drag province to Area name/dimension.

      2. If you select Longitude and Latitude, double-click or drag a longitude field and a latitude field to Longitude and latitude/dimension. The Location label/dimension field is optional.

    • In the Measures list, find order_amount, and then double-click or drag it to Bubble size/measure.

    • In the Measures list, find shipping_cost, and then double-click or drag it to Bubble color/measure.

  2. Click Update. The system automatically updates the chart.

    image

    Note

    If an area value in your data does not match a standard geographical name supported by the system, an icon appears in the lower-right corner of the chart. Clicking this icon reveals the unmatched data, helping you identify and correct any issues.

    image

    • On the Unmatched Data Details page, you can view the details of unmatched data and copy them with a single click. Paste the copied content into the dataset's field configuration page to correct the data in bulk more efficiently.image

    • After you complete the configuration, the map data displays correctly.

Configure chart styles

This section describes the style settings for the chart. For information about general style settings, see Configure the chart title area.

You can enter a keyword in the Search box at the top of the configuration pane to quickly find a parameter. You can also click the image..png icon on the right to Expand/Collapse All Categories.

气泡-搜索..gif

Geographical area

In the Geographical Area section, configure display range, Outline and Fill, and Show basemap.

  • For display range, you can select Auto or Custom. In this example, China is selected.

    Note
    • Auto adjusts the map view based on the data range. Custom allows you to set the range manually. In interactive analysis scenarios, the view is always adjusted automatically based on the data range.

    • The Custom display range currently supports global continents and countries, and for the Chinese mainland: regions, provinces, and cities.

    image

  • Enabling Manual Adjustment automatically generates the current Center Point and Zoom Level, which you can then modify.image

  • In the Outline and Fill section, you can configure the colors for Fill Color and Border.

    Note

    Borders are not supported for some regions.

    image

Basemap

In the Basemap section, configure whether to Show basemap, the basemap style, and whether to Show global basemap.

  • Show basemap: Click the image switch to show or hide the basemap.111

  • Basemap style: Supports multiple Amap basemap styles.111

  • Show global basemap: Select this option to display global city information on the basemap.111

    Note

    Global basemap usage limits: Each Quick BI organization is limited to 1,000 monthly previews of map charts that use international basemap data. This is calculated based on the number of basemap initializations. After the limit is reached, map charts display only domestic basemap information.

Bubbles

In the Bubbles section, configure bubble color, Extreme Value Colors, bubble shape, bubble size, and zero-value handling.

  • Bubble color: Configure the theme color, transparency, data mapping range, and number of intervals.

    111

  • Extreme value colors: Configure and apply colors to mark the maximum, minimum, top three, and bottom three values.

    111

  • Bubble shape: You can select Circle, Triangle, Rectangle, or Diamond.气泡形状

  • Bubble size: You can drag the slider to change the size of the bubbles.

    image..png

  • Zero-value handling: You can choose to hide zero values, scale their size according to the data range, or set a fixed bubble size.

    image..png

Data label

In the Data Label section, configure whether to Show data label, the Label Display Format, as well as the Content, Position, and Text Style.

  • Show data label:

    1. When creating a map using area name, you can display both the area name and the measure.

    2. When creating a map using longitude and latitude, you can display both the longitude and latitude and the measure.111

  • Position: The default setting is Auto. You can also choose to display the label Above Bubble, Below Bubble, or Center of Bubble.111

  • Label Display Format: Select Show All to display all label content.111

  • Text Style: Configure the text style for the area name, longitude and latitude, and measure data labels.image

Total

In the Total section, you can automatically calculate and display the sum of the measure values in the chart.image

Legend

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

image

Parameter

Description

Position

Set the display position and alignment of the legend.

  • If you select Top or Bottom, you can select Left or Center alignment.

  • If you select Left, you can select Top, Center, or Bottom alignment.

Background color

Set the background fill color of the legend.

Text

Set the text style for the legend, including font color, size, weight, and style (italic).

Mobile legend settings

The legend settings for desktop and mobile views are independent. You can switch between desktop and mobile editing views by using the toggle buttons (image) at the top of the dashboard page. This allows you to configure a separate legend for each view, including its position, background color, and text style.image

Tooltip

In the Tooltip section, click the image icon to enable the tooltip and configure its style.

image

Parameter

Description

Background color

Set the background fill color of the tooltip.

Text

Set the text style for the tooltip, including font color, size, weight, and style (italic).

Mobile tooltip

The on/off toggles for desktop and mobile tooltips are independent. You can switch to the mobile editing view by using the toggle buttons (image) at the top of the dashboard page to edit the mobile tooltip. You can set the font size independently for desktop and mobile, but other style settings apply to both views.image

Auxiliary display

In the Auxiliary Display section, you can enable the measure filter and select the measures to display.

image

Advanced chart settings

Parameter

Name

Description

Data interaction

Drill-down

After you configure drill-down fields in the Fields pane, you can configure the display style for drill-down hierarchy rows here.

Filter interaction

If your data is spread across multiple charts, use filter interaction to link them for combined analysis. For more information, see Configure and use filter interactions.

Hyperlink

If your analysis requires data from multiple dashboards, use hyperlinks to link them. You can create a parameter-based hyperlink or an external link. For more information, see Configure and use hyperlinks.

Label

-

When data in a chart is abnormal or requires special attention, use labels—such as color highlights, icons, or annotations—to mark these data points for further action.

  • In the advanced settings, you can add a Measure Threshold or use Manual Labeling. For more information, see Add a label in analysis settings.

  • On the chart itself, only Manual Labeling is supported.

Usage limits

If you create a bubble map by using the area name method, the map is composed of Area name/dimension, Bubble size/measure, and Bubble color/measure:

  • Area name/dimension: This field accepts one dimension of the geographical information type, such as a province.

  • Bubble size/measure: This field accepts one to five measures, such as shipping cost and order quantity.

  • Bubble color/measure: This field accepts one measure, such as order amount.

If you create a bubble map by using the longitude and latitude method, the map is composed of Longitude and latitude/dimension, Location label/dimension, Bubble size/measure, and Bubble color/measure:

  • Longitude and latitude/dimension: This field accepts one longitude field and one latitude field.

  • Location label/dimension: This optional field accepts one dimension of a string or geographical data type.

  • Bubble size/measure: This field accepts one to five measures, such as shipping cost and order quantity.

  • Bubble color/measure: This field accepts one measure, such as order amount.