Three Key Steps of Making A Doughnut Chart FineReport | BI Reporting and Dashboard Software

Three Key Steps of Making A Doughnut Chart

1. Description

Just like a pie chart, a doughnut chart, as an importing reporting tool and business intelligence tool, shows the relationship of parts to a whole. With a doughnut chart, you can clearly understand the percent of each part contributing to the whole so as to do a better data analysis. However, different from a pie chart, a doughnut chart can contain more than one categories, i.e., multi-ring doughnut chart. In this kind of chart, you can compare data change trends of a series under different categories from radial direction so that you can do better data visualization.

2. Example

Next, we will prepare a doughnut chart to display product sales conditions of each region. Through this chart, you can view the proportion of product sales volumes of each region and compare the sales volume difference of a same product in different regions.

2.1 Prepare data

Create dataset ds1: SELECT * FROM [sales volume]

2.2 Doughnut chart

Merge a group of cells in the main body of the report. Insert Chart and select Doughnut Chart in the Chart Type, as shown below:

After inserting the chart, click Chart Attribute Table – Data
to bind data for this chart, as shown below:

2.3 Set Series style

Click Chart Attribute Table – Style> Series to set the inner diameter size, Series interval and category interval of the doughnut, as shown below:

2.4 View effect

Save the template and view the effect by clicking Page-breaking Preview as shown below:


The data binding category axis is Region. There are 2 data in the region field. Therefore, the doughnut chart has 2 rings. From each ring, you can see the proportion of product sales volumes and compare the sales volume difference of a same product in different regions.

Note: the doughnut chart does not support display of different series under different categories.

For completed templates, see:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\doughnut.cpt

Click doughnut.cpt to check template effect online.

Related Posts

© All Right Reserved