This page is for data modellers who want to display data on a screen as a bar chart.
Overview
This page will show you how to add data as bar chart to any screen. It will go through a worked example creating a bar chart to display a sum of the revenue of all companies within each industry.
Bar Charts
There are 3 types of bar charts
- Bar Chart
- Bar Chart (Horizontal)
- Bar Chart (Stacked). Multiple series only.
To change the type of bar chart
- Right click on a chart and Show the view configuration
- Open the Basics section
- Select Bar Chart, Bar Chart (Horizontal) or Bar Chart (Stacked) under Display Type
Creating a Bar Chart
A teacher wants to display the number of students per intake year as a bar chart. To add a bar chart:
- Click List Tables
Drag and drop the desired table onto the screen. In this instance, the School_Students table is dragged onto the screen.
This table can be downloaded from the PhixFlow learning centre
- PhixFlow then asks how to display the data using:
- Click Bar Chart.
- The attribute picker will then appear. Drag IntakeYear to X Attributes and Count() to Y Attributes.
Multiple Series
Bar Charts can display multiple series on the same graph. For example, the teacher might want to show the proportion of students of each gender on their bar chart. To do this
- Right click on the bar chart and Show view configuration
- Open the attribute picker by clicking Attributes
- Drag the attribute Gender into the Series group
- The IntakeYear is now grouped by gender.
It is possible to show this data as a stacked bar chart and allow users to toggle between the two.
- Right click on the bar chart and Show view configuration
- Open the section Chart Layout
- Tick Show Controls
Users will then have the option to toggle between the grouped or stacked view.
To permanently set the bar chart to a stacked view, change the display type to Bar Chart (Stacked).
Formatting and Styling
Increasing the space between groups
To increase the space between the bar chart groups
- Right click on the bar chart and Show view configuration
- Open the section Chart Layout
- For small spacing set Group Spacing to 0.1. Increase this value to increase the spacing.
For more information on formatting and styling, see Formatting and Styling Grids and Charts
More Information
For a complete list of view properties and their functions see View.