Bar Chart Widget
This section is only visible if you have any kind of datasource already set up, as they can't work without connected data.
Properties
Data
You can use the Bind to data tool to select your Datasource.
Connecting table data
A chart needs a list of rows, not a single value. In the data picker:
- Select the path down to the number you want the chart to show, going through the first row (
0) of the list. For example, for a table Datasource the path looks likerows→0→Price. - Click the chart icon next to the row containing
0. This tells the chart that every row of the list is one bar, not only the first one. - At the bottom of the picker, under Column to use as label, select the column that names each bar (for example
Name).
If the chart shows only one bar, the chart icon is most likely set on the wrong row — move it to the row containing 0.
Size & Position
In the Size & Position Menu, you can select the width, height, and placement of your widget quickly.
Proof of Play
Learn more: Enable reporting (Content) and Enable reporting (Slide).
Behaviour
In the Behaviour Menu, you can set the spacing, depth, as well as disable the animation associated with your chart.
Colors
In the Colors Menu, you can set the color of the columns individually.
Labels
In the Labels Menu, you can select the font family, size, and style of the bar labels on both axes. You can also set the text rotation for both axes.
Effects
In the Effects Menu, you can add a background image or color to your widget.
Animation
In the Animation Menu, you can choose the Enter and Exit animations of your widget.
Additional Properties
Under the Animation Menu, you can click on the three dots to access Additional Properties (aka MORE).
Shadow
Adds a shadow to your widget.
Border
Adds a border to your widget.
Rounding
Changes the transparency and rounds the edges of your widget.
Opacity
Adjusts the transparency of your widget.
Click Through
Enables clicking through the widget to interact with other widgets behind it.
Hide Based On
Hides the widget based on data from a Datasource. If the datarow of the device and the given data are not the same, the widget will not appear on the device.
Background Color (BG Color)
Sets a background color for the widget from a Datasource.
