Cross Quadrant Bubble Chart

1. Application scenarios

Cross quadrants can be set for charts with XY axis. Take bubble chart as an example, the effect is shown in the following figure:

2. Implementation ideas

Under chart Style > Coordinate Axis, the cross quadrant effect is achieved by customizing the values of X axis and Y axis and the positions of X axis and Y axis, as shown in the following figure:

1. Data preparation

Create a new normal report and add a built-in dataset example. The table design is as follows:

2. Insert chart

Merge a range cell and insert a Bubble Chart, as shown in the following figure:

3. Binding chart data

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

4. Setting chart properties

1) In the chart property panel, select Style >Title to set the content of the title, as shown in the following figure:

2) SelectStyle >Coordinate Axis, and select X Axis respectively, as shown in the following figure:

3) Select Style > Coordinate Axis, and select Y Axis, as shown in the following figure

5. Effect preview

Save the template and click Pagination Preview. The effect is as follows:

2) Mobile terminal:

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

Click to download the template: 

CrossQuadrantBubble.cpt