Skip to main content

Area Chart Widget

NOTE:

This section is only visible if you have any kind of datasource already set up, as they can't work without connected data.

Properties >> Widget >> Main

Data

You can use the Bind to data tool to select your Datasource.

ac1.png

Size & Position

In the Size & Position Menu you can select the width, height, and placement of your widget quickly.

sizePosit.png

Proof of Play

Proof of play is a reporting system, that allows you to gain report about used assets.

If you turn on widget statistics you can report information about the displayed duration,number of displays and interaction events of this widget.

proofofplay.jpg

Properties >> Widget >> Other

Behaviour

In the Behaviour Menu you can set the spacing of your chart as well as disable the animation.

ac2.png

Colors

In the Colors Menu you can set the color of the columns individually.

ac3.png

Labels

In the Labels Menu you can select the font family, size, and style of the bar labels on both axis.
You can also set the text rotation to both axis.

ac4.png

Effects

In the Effects Menu you can add a background image or color to your widget.

ac5.png

Animation

In the Animation Menu you can choose the enter and exit animation of your widget.

ac6.png

Additional Properties

Under the Animation Menu you can click on the three dots which will show Additional Properties.

  • Here you can add a shadow and border to your widget.

  • The Rounding and Opacity sliders, will change the transparency and round the edges of your widget.

  • The Click through function allows you to click through the widget and interact with other widgets behind this one.

  • With Hide based on data binder you can give a data from a datasource to the widget.
    If the datarow of the device and the given data are not the same, the widget will not appear on the device.

  • With BG color data binder you can give a background color for the widget from a Datasource.

ac7.png

Tutorials

Tutorial Video: Area Chart Widget