Different Types of Bubble Chart

  • Last update:January 24, 2025
  • Overview

    You can create a common bubble chart, a gradient bubble chart, or a bubble chart by range by setting different items. The following figures show the effects.

    Expected Effect

    Example One: Common Bubble Chart

    普通气泡图1.png

    Example Two: Gradient Bubble Chart

    渐变气泡图.png

    Example Three: Bubble Chart by Range

    分区域气泡图.png

    Implementation Method

    You can configure relevant settings differently to create different forms of bubble charts.

    Example One: Common Bubble Chart

    Data Preparation

    Create a general report and create a built-in dataset named Example, as shown in the following figure.

    普通-数据表.png

    Chart Insertion

    1. Merge required cells, select Bubble Chart, and click OK, as shown in the following figure.

    普通-选择图表.png

    Data Binding

    Select the chart, choose Cell Element > Data on the right property panel of the chart, and set the items as shown in the following figure.

    普通-数据.png

    Style Setting

    1. Select the chart, choose Style > Title, and set the items as shown in the following figure.

    普通-标题.png

    2. Select the chart, choose Style > Series, and set Color Section to Series. Modify the color scheme, opacity, and the min and max diameters of bubbles, as shown in the following figure.

    普通-系列.png

    3. Choose Style > Axis > X Axis. Set the items as shown in the following figure.

    普通-X轴.png

    4. Choose Style > Axis > Y Axis. Set the items as shown in the following figure.

    普通-Y轴.png

    Effect Display

    1. PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

    普通气泡图1.png

    2. Mobile Terminal

    Example Two: Gradient Bubble Chart

    Data Preparation

    Create a general report and create a built-in dataset named Bubble Binding, as shown in the following figure.

    渐变-数据表.png

    Chart Insertion

    Merge required cells, select Bubble Chart, and click OK, as shown in the following figure.

    普通-选择图表.png

    Data Binding

    Select the chart and select Data on the right property setting panel of the chart, as shown in the following figure.

    渐变-数据.png

    Style Setting

    1. Select the chart, choose Style > Title, and set the items as shown in the following figure.

    渐变-标题.png

    2. Select the chart, choose Style > Series, set Color Section to Value, and Color Type to Continuous Gradient. Modify the opacity and the min and max diameters of bubbles, as shown in the following figure.

    渐变-系列.png

    3. Choose Style > Axis > X Axis. Set the items as shown in the following figure.

    渐变-X轴.png

    4. Choose Style > Axis > Y Axis. Set the items as shown in the following figure.

    渐变-Y轴.png

    Effect Display

    1. PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

    渐变气泡图.png

    2. Mobile Terminal

    Example Three: Bubble Chart by Range

    Data Preparation

    Create a general report and create a built-in dataset named Bubble Scaling, as shown in the following figure.

    分区域气泡图.png

    Chart Insertion

    Merge required cells, select Bubble Chart, and click OK, as shown in the following figure.

    区域-数据表.png

    Data Binding

    Select the chart and select Data on the right property setting panel of the chart, as shown in the following figure.

    区域-数据.png

    Style Setting

    1. Select the chart, choose Style > Title, and set the items as shown in the following figure.

    区域-标题.png

    2. Select the chart, choose Style > Series, set Color Section to Value, and Color Type to Area Gradient. Modify the opacity and the min and max diameters of bubbles, as shown in the following figure.

    区域-系列.png

    3. Choose Style > Axis > X Axis. Set the items as shown in the following figure.

    区域-X轴.png

    4. Choose Style > Axis > Y Axis. Set the items as shown in the following figure.

    区域-Y轴.png

    Effect Display

    1. PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

    分区域气泡图.png

    2. Mobile Terminal

    Template Download

    Example One

    For details, you can download the template Common Bubble Chart.cpt.

    Example Two

    For details, you can download the template Gradient Bubble Chart.cpt.

    Example Three

    For details, you can download the template Bubble Chart by Range.cpt.

    Attachment List


    Theme: Chart
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    8s后關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy