ReportR: Bar Chart


This feature is included in the ReportR plan. Contact us for more information.


Add a Bar Chart widget to your customized report to show respondent's results or another data set at a glance.


ReportR: bar chart example


Let's go! Start by adding a Chart Title which will be displayed at the top of the bar chart.


Then it's time to get into the details of the chart:


ReportR bar chart metrics

  1. Dimension name - this is the legend that will be displayed underneath the bar chart describing what each bar is showing.
  2. Metric name - the name that will be displayed on the left-hand side of the chart, labelling the bar. This name should describe what the category the bar is displaying, for example different topics or areas of skills.
  3. Metric value - for each bar, choose which value should be displayed. Use the drop-down list to select one of the Variables. If you have, for example, created question blocks with questions on 3 different topics, the first metric value might be the score for question block 1.
  4. Metric color - click on the pencil icon to access the color selector and choose what color each bar should be. You can make all bars the same color, or choose a different shade for each bar.
  5. Add Metric - click here to add another bar to be shown on the chart. Each metric displays one bar on the chart, and you can add as many as you need. If you have made a few question blocks, you may want to add a metric so that a bar will be displayed showing scores achieved for each question block.


Once you've set up the bars, you can adjust a number of elements of the y-axis:


ReportR bar chart - y-axis

  1. Y-Axis scale interval - use the arrows or enter a value to determine the spacing of the scale. In the example chart above, the scale interval is set at 20.
  2. Y-Axis max - use the arrows or enter the maximum value that should appear at the right-hand end of the scale.
  3. Y-Axis title - this is the label that will be shown immediately under the y-axis.
  4. Set number of decimal places - choose here whether you want to show data values with any decimal places or none (just set to 0). Keep it simple - more than 2 decimal places may overload the chart with too much data.
  5. Y-Axis gap width - this is the spacing or gap in between the columns. This will adjust the gap width in percentage, and also increase or decrease the bar width.


Tip: To make advanced design changes to the bar chart, you can upload a custom CSS file.


Now you've set up your bar chart, you can also configure the placement and size.


ReportR - chart placement and size


Chart placement - the chart will be centered on the page by default. Click left or right if you want the chart aligned on the left or right side of the page instead.

Chart size - use the arrows to increase or decrease the size of the chart.


If you want a quick preview to check how everything will be displayed, make sure you have at least one response. Then, simply click Save and Test PDF at the top of the page.


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 additional conditions (and probably more complex ones as well), 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 changes and you're ready to add more widgets!


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

  1. Text
  2. Page Break
  3. Question block KPI
  4. Table
  5. Spiderchart
  6. Pie chart
  7. Formula KPI
  8. Column chart
  9. Image