All Products
Search
Document Center

Quick BI:Bubble Map

Last Updated:Nov 27, 2025

A bubble map uses bubbles on a map outline to represent data values. It helps you visualize the size and distribution of data metrics for different countries or regions. For example, a bubble map can show tourist traffic at various attractions or the per capita income of different areas. This topic describes how to add data to and configure styles for a bubble map.

Prerequisites

A data visualization screen has been created. For more information, see Create a Data Visualization Screen.

Preview

Bubble map example

Configure chart fields

  1. In the Charts section of the widget library, find the Bubble Map widget and drag it to the canvas.

    image

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

    • Specify the geographic information using either Area Name or Longitude and Latitude.

      If you select Area Name, double-click or drag province to Area Name/Dimension.

      If you select Longitude and Latitude, double-click or drag the longitude field and latitude field to Longitude and Latitude/Dimension. The Location Label/Dimension field is optional.

    • From the measure list, double-click or drag Order amount to Bubble Size/Measure.

    • From the measure list, double-click or drag Order amount to Bubble Color/Measure.

      image

  3. You can also perform the following data operations:

    image.png

Configure chart style

The following sections describe how to configure the chart styles. For information about common chart style settings, see Configure Chart Style.

  1. Map Area

    In the configuration pane, you can configure the following settings:

    • For Display Range, select Auto or Custom.

      Note
      • Auto adjusts the range based on the data. Custom lets you set the range manually. In interactive analysis scenarios, the display range is always automatically adjusted based on the data.

      • The custom display range currently supports global continents and countries, along with regions, provinces, and cities in China.

      image

      You can also select Manual Adjustment. When you enable this option, the current centroid and zoom value are automatically generated. You can also modify these values manually.image

    • In the Outline and Fill section, you can configure the area background color and the outline color.

      Note

      Outlines are not supported for some areas.

      image

    • Select Enable Drag and Enable Zoom to enable dragging and zooming on the chart when you preview the data visualization screen.

      Untitled

    • In the Outer Outline Flow Effect section, you can enable or disable this effect. If you enable it, you can set the flow color (solid/gradient), thickness, speed, and length.

      Untitled

  2. Base Map

    In the Display Base Map section, you can choose from various AutoNavi base map styles.

    image

  3. Bubbles

    In the Bubbles section, you can set the Bubble Color, Bubble Shape, Bubble Size, and Bubble Effects.

    • Bubble Color: You can set the theme color, transparency, data mapping range, and number of intervals.

      Note

      The data mapping range settings for the measure, including the mapping method and the number of intervals, are available only when a measure is configured for Bubble Color/Measure on the Fields tab.

      Untitled

      Untitled

    • Bubble Shape: You can select from various bubble shapes.

      image

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

      image

    • Bubble Animation: After you enable bubble animation, you can set the animation type (Breathing/Wave), animation speed, diffusion range, and number of ripples.

      Untitled

  4. Data Labels

    After you select Show Data Labels, you can configure the following settings:

    • Label Display Mode: You can select Smart Display or Show All. Smart Display is recommended for maps with many place names.

      Untitled

    • Content:

      If you create the map in Area Name mode, you can display both the Area Name and the Measure.

      If you create the map in Longitude and Latitude mode, you can display both the Longitude and Latitude and the Measure. If you have configured Location Label/Dimension, you can also display the Location Label.

      Untitled

    • Position: The default value is Auto. You can also select Above Bubble, Below Bubble, or Bubble Center.

      Untitled

    • Text Style: You can set the text style for the Area Name, Longitude and Latitude, and Measure data labels.

      image

  5. Legend

    In the Legend section, you can select Show Legend and set the legend's type, position, background color, and text style.

    Untitled

  6. Tooltip

    In the Tooltip section, you can set the background color and text, and enable tooltips and a carousel.

    image

    Tooltips are enabled by default and appear when you move the mouse pointer over an area.

    Untitled

    You can enable Auto Carousel. When this option is enabled, the tooltips are displayed in a carousel. You can set the carousel's duration and interval.

    Untitled

Configure chart events

Configuration item

Name

Configuration diagram

Description

Data event

Drill Down

数据事件

When you need to analyze a dimension at different layers, you can configure drilling for a dimension field. When you click the field, the layer changes, which in turn changes the granularity of the analysis. For more information, see Drilling Settings.

Filter Interaction

When the data you need to analyze is in different charts, you can use filter interaction to associate multiple charts and analyze them interactively. For specific settings, see Filter Interaction Settings.

Hyperlink

When the data you need to analyze is spread across multiple canvases and dashboards, you can use hyperlinks to link multiple reports together for data analysis. There are two types of hyperlinks: parameter-based hyperlinks and external links. For specific settings, see Drill Down/Linkage/Hyperlink.

Layer event

Enable Link Redirection

图层事件

For layer events, you can choose from three options: Enable link redirection, Click to open a layer, and Click to go to a page. For more information about the settings, see Configure click events.