PDF: Pie Chart

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.

Essential  ✗
Professional  ✗
ReportR ✓

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:

PDF Pie chart example

This guide will take you through:

  1. Setting up the widget
  2. Widget logic rules
  3. Other available widgets

1 Setting up the widget

pie chart - chart items

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.

pie chart data settings

  1. Data Label - give a name to the section of the pie chart. This name will be shown in the key under the pie chart.
  2. 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.
  3. 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.


If you change your formula data, you must collect a new response in order to preview your chart.

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.

ReportR Pie chart settings

  • 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:

PDF Pie chart styles

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.

PDF Pie chart placement

  • 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.

pie chart - size


The max-width of one page is 810 px. To leave some room for spacing the recommended  Width value is around 600 px.

Click the Update preview button to see how the widget you've created looks like

preview widget

Take a look below at some different possibilities:

pie chart example PDF

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

You can create logic rules so that widgets are only displayed when certain criteria are met. If you want to show a general widget that is visualized every time a PDF report is generated, you can choose not to include a widget logic rule. Learn more about Widget Logic

add widget logic rule

Once you've saved your logic rules, don't forget to save PDF and you're ready to add more widgets!

3 Other available widgets

Why not check out our other widget guides and learn how to add other types of content to your PDF?

Here is a full list of widgets like text, image, table, and more!

Support is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.