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

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

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.

You can also perform the following data operations:

Batch configure field formats (①). For more information, see Batch configure field styles.
Filter data (②). For more information, see Filter data.
Enable auto-refresh for data (③). For more information, see Set a schedule to automatically refresh data.
Switch datasets (④). For more information, see Switch datasets.
Edit the dataset (⑤). For more information, see Edit a dataset.
Process data (⑥). For more information, see Create Calculated Field, Create a grouped dimension, and Create a placeholder.
Copy a field (⑦). For more information, see Copy to dimension.
Configure chart style
The following sections describe how to configure the chart styles. For information about common chart style settings, see Configure Chart Style.
Map Area
In the configuration pane, you can configure the following settings:
For Display Range, select Auto or Custom.
NoteAuto 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.

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.

In the Outline and Fill section, you can configure the area background color and the outline color.
NoteOutlines are not supported for some areas.

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

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.

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

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.
NoteThe 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.


Bubble Shape: You can select from various bubble shapes.

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

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

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.

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.

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

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

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

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

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

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.

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. |

