Bubble Map

更新时间: 2026-06-23 12:15:14

A bubble map uses bubbles on a map outline to represent data values, helping you visualize the size and distribution of metrics across countries or regions. For example, you can show tourist traffic at various attractions or per capita income by area.

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

Configure the chart styles as follows. For common style settings, see Configure Chart Style.

  1. Map Area

    In the configuration pane, 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 enabled, the current centroid and zoom value are automatically generated. You can modify these values manually.image

    • In the Outline and Fill section, configure the area background color and 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, enable or disable this effect. If enabled, 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, set the Bubble Color, Bubble Shape, Bubble Size, and Bubble Effects.

    • Bubble Color: 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: Select from various bubble shapes.

      image

    • Bubble Size: Drag the pointer to adjust the bubble size.

      image

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

      Untitled

  4. Data Labels

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

    • Label Display Mode: 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: Set the text style for the Area Name, Longitude and Latitude, and Measure data labels.

      image

  5. Legend

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

    Untitled

  6. Tooltip

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

    image

    Tooltips are enabled by default and appear when you hover over an area.

    Untitled

    You can enable Auto Carousel. When enabled, tooltips rotate automatically. 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, configure drilling for a dimension field. Clicking the field changes the layer and analysis granularity. For more information, see Drilling Settings.

Filter Interaction

When the data you need to analyze is in different charts, use filter interaction to associate multiple charts for interactive analysis. For specific settings, see Filter Interaction Settings.

Hyperlink

When the data you need to analyze is spread across multiple canvases and dashboards, use hyperlinks to connect reports for cross-report 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, choose from three options: Enable link redirection, Click to open a layer, and Click to go to a page. For more information, see Configure click events.

上一篇: Colored Map 下一篇: Symbol Map
阿里云首页 智能商业分析 Quick BI 相关技术圈