Pie Chart

Check out the below given walk-through on how to use the Pie chart component in Designer module.

The most widely used chart to show proportions, percentages, and categories of information. Users can use the Pie charts mainly to compare various categories. It is better to limit the categories up to 6 or fewer while visualizing them through a pie chart. Generally, Pie charts are used when values or the sum of values meet 100%.

Best Situations to Use a Pie Chart

Top performers and least performers based on the comparison of categories To illustrate break downs within a single dimension To show differences within groups based on one variable.

Variations of this chart

Pie-Doughnut

Doughnut charts behave like a Pie-chart the user can switch the pie-chart to a doughnut.

Default Pie Chart Image

Properties of the Pie chart

Background

The user can change the background color of the chart, get the border for the chart, and change the border color. Get the reflection of the chart by enabling the shadow option can also change the color, increase or decrease the transparency of the shadow.

Formatter

The user can change units to % or none. Precision if we want the value in decimal format. Currency if we want the value in INR, Pound, USD. Position of the currency if it's in prefix and currency in Rupee then the sign will be seen in left-side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.

General

The user can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. If the max button is unchecked, then we can’t maximize the chart separately. We can change the color we want to see in the pie in the series color section and change its transparency in the opacity section. Chart type can be Pie, Doughnut, or Semi Doughnut. Can change the number of slices by clicking on the ‘show limited slices’ and by providing its number in ‘Maximum Slices’. Doughnut width can be increased or decreased also change the Chart Alignment. If the ‘Actions’ option is enabled then the user ‘show data’, ‘sort data’, ‘export’ the chart to PNG, PPT, PDF, or excel.

Legend

The user can enable the internal legend if we want to show and can change the font size, color, style, etc.

Subtitle

The user can enable the subtitle if we have any second title and also, we can change the Name, Font color, size, style, etc.

Title

The user can change Title Name, Font color, size, style, etc.

Tooltip

The user can show the description of the series and use a tooltip by enabling it.

Data Set Pallet Properties

Data Used

The following data was used to generate the given example:

Year
Expense
Revenue

2008

85

80

2009

100

95

2010

120

135

2011

140

180

2012

140

180

2013

140

180

2014

140

180

2015

140

180

  • Use the Year column as Category field and the other columns as Series to plot data as shown in the given examples below:

Please Note: The Category field can be any data type line, string, or numeric. But, Series fields can be only numeric data type.

Variants of the Pie Chart

Pie-Doughnut

Doughnut charts behave like a Pie-chart the user can switch the pie-chart to a doughnut.

Doughnut Pie chart

Semi- Doughnut Pie Chart

Last updated