PDF: Pie Chart

ReportR: Pie Chart


Essential
Professional
Enterprise
ReportR

Add a Pie Chart widget to your customized report to show respondent's results at a glance. 


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

1.1 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 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.2 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 items


  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 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.
  3. Data Value - you can either type in a number or click Variables to access the drop-down menu of variables which you can use. Variables take the data entered during the survey and display it in the chart.


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


Take a look below at some different possibilities:



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.


PDF Pie chart size


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

If you want to only show this widget under certain conditions, it's time to set the widget logic rules. Click add rule and now select which condition from the drop-down menu should be used to decide when to show the widget.


PDF Pie chart logic rules


Once you've chosen the initial condition, you can specify exactly what conditions need to be met, for example the answer on question must be greater than a certain number. If you need a more complex condition, click on the white circle with a purple + sign to add criteria that will be in addition to the other criteria (AND), or instead of (OR).


ReportR spiderchart - widget logic rules


Tip: If you have set up outcomes, you can choose an outcome as the criteria for showing the widget. Choose outcome from the drop-down menu and then select what the outcome should or should not equal so that the widget will be shown. You can set the outcome as the only criteria, or as an additional criteria as shown below. In this example, we clicked the purple button and added that the widget should be shown if both the response on intro field criteria AND the outcome criteria is fulfilled.


PDF Text widget with outcome criteria


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?

  1. Text
  2. Image
  3. Table
  4. Page or Section Break
  5. Formula Ranking
  6. Custom Results by Respondent table
  7. Question block KPI
  8. Formula KPI
  9. Spider Chart
  10. Column Chart
  11. Bar Chart
  12. Gauge Chart
  13. KPI
V
Vincent 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.