各種バブルチャート

The legend of the bubble chart can be set to ordinary/gradient/section, and the effects are as follows:

1. Expected effect

1) example 1: Ordinary

2) example 2: Gradient

3) example 3: Section

2. Implementation ideas

The form can be selected under the form setting item of bubble chart property panel style > legend.

1. Data preparation

Create a new normal report and add a built-in dataset example, as shown in the following figure:

2. Insert chart

Merge a range cell and insert a bubble chart, as shown in the following figure:

3. Binding data

Select the chart, select cell element > data in the chart property panel on the right, and the settings are as follows:

4. Setting styles

1) Select the chart, select style > title, and the settings are as follows:

2) Select the chart, select style > legend, select ordinary form, and change the position to the top, as shown in the following figure:

3) Select style > series to modify the color matching, bubble size and opacity, as shown in the following figure:

4) Select style > coordinate axis > x axis, and the setting is as shown in the following figure:

5) Select style > coordinate axis > y axis, and the setting is as shown in the following figure:

5. Effect preview

Save the template and click pagination preview. The effect is as follows:

1. Data preparation

Create a new normal report and add the built-in dataset BubbleScaling, as shown in the figure below:

2. Insert chart

Merge a range cell and insert a bubble chart, as shown in the following figure:

3. Binding data

Select the chart, select the data in the chart property panel on the right, and the settings are as follows:

4. Setting styles

1) Select the chart, select style > title, and the settings are as follows:

2) Select the chart, click style > legend, change the shape to gradient color, and position to the right, as shown in the following figure:

3) Select style > series to modify the color scheme, opacity and bubble size, as shown in the following figure:

4) Select style > coordinate axis > x axis, and the setting is as shown in the following figure:

5) Select style > coordinate axis > y axis, and the setting is as shown in the following figure:

5. Effect preview

Save the template and click pagination preview. The effect is as follows:

1. Data preparation

Create a new normal report and add the built-in dataset BubbleScaling, as shown in the figure below:

2. Insert chart

Merge a range cell and insert a bubble chart, as shown in the following figure:

3. Binding data

Select the chart, select data in the chart property panel on the right, and the settings are as follows:

4. Setting styles

1) Select the chart, select style > title, and the settings are as follows:

2) Select the chart, click style > legend, and the settings are as follows:

3) Select style > series to modify the color scheme, opacity and bubble size, as shown in the following figure:

4) Select style > coordinate axis > x axis, and the setting is as shown in the following figure:

5) Select style > coordinate axis > y axis, and the setting is as shown in the following figure:

5. Effect preview

Save the template and click pagination preview. The effect is as follows:

1. Example 1

Completed template, please refer to %fr_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\BubbleChart\Bubble.cpt

Click to download the template: 

Bubble.cpt

2. Example 2

Completed template, please refer to %fr_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\BubbleChart\GradientBubble.cpt

Click to download the template: 

GradientBubble.cpt

3. Example 3

Completed template, please refer to %fr_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\BubbleChart\SectionBubble.cpt

Click to download the template: 

SectionBubble.cpt