Add a Pie Chart widget to your customized report to show respondent's results at a glance. Pie charts are a great way of displaying data in proportions and representing a rough estimate of percentage.
With pie charts, you can display a large data set in a visual way. Here's an example of how a pie chart could look in your personalized report:
This guide will take you through:
1 Setting up the widget
1.1 Pie Chart data
Time to build the pie chart itself! Click Add Data item and let's begin. For each section of the pie chart, there are 3 parts to specify.
- Data Label - give a name to the section of the pie chart. This name will be shown in the key under the pie chart.
- Data Value - you can either type in a number or click Variables to access the drop-down menu of variables that you can use. Variables take the data entered during the survey and display it in the chart.
- Data Color - choose the section color by clicking on the pencil. Take care to choose distinctly different colors for each section so the chart will be easy to read.
Click Add data item until you have added all the sections you want to include on the pie chart.
Tip: To make advanced design changes to the pie chart, you can upload a custom CSS file.
1.2 Basic pie chart settings
Start by giving your pie chart a widget name and chart title.
Now you have a few chart options so you can get the pie chart looking just the way you want.
- Show data point numbers - toggle to display the percentage value for each section of the pie chart. When it's turned off, the percentages will not be shown on the chart itself, but will only appear on the legend underneath.
- Show chart as donut - turn this on and your pie chart will lose it's middle and look more like a donut! An example is shown just below.
- Show chart in 3D - here's how your pie chart will look like if you turn on 3D.
- Show absolute values - toggle to add the actual data values rather than only proportions of the pie chart.
- Set number of decimal places - here you can specify how many decimal places you want to be displayed for pie chart percentages and for absolute values if you have chosen to show these. Note that if you choose more than 2 decimal places, the pie chart is going to be smaller, and be sure to increase the chart width so data labels are not cut off. Read on to learn how to do this.
Here's an example of a donut pie chart and a pie chart in 3D:
1.3 Widget placement & Size
Choose how you would like to align your pie chart. You can align it to one side and have explanatory text or another widget on the other side, or center it.
- Left - widget will be aligned to the left side of the page, in a column layout
- Center - widget will be presented centered across the entire page from the left to the right (full width)
- Right - widget will be aligned to the right side of the page, in a column layout
If you would like a widget to appear side-by-side the pie chart, make sure to set the widget aligned on one side of the page, and the pie chart on the other. For example, choose to align the text widget to the left, and align the pie chart to the right.
Use the arrows or enter a value for the chart height and width. If you choose to place the pie chart on either the left or the right side of the page, the chart will be automatically resized. You can also change the background to be either white or transparent.
Click the Update preview button to see how the widget you've created looks like
Take a look below at some different possibilities:
Now if you want to show a pie chart to all respondents, you're done! Just make sure to click save PDF and continue adding widgets. Check out section 3 to see all available widgets.
2 Widget logic rules
Once you've saved your logic rules, don't forget to save PDF and you're ready to add more widgets!