Skip to main content

Gauge 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

With the gauge widget you can display your Datasources in your content in gauge format.

Data

You can use the Bind to data tool to select your Datasource.
You can set the starting and the ending angle of your gauge.
You can also set a minimum and a maximum value and add a label to your gauge.

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

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: Gauge Chart Widget