Value Widget

Learn how to use the Value Widget on Device and Global Dashboards

Overview

The value widget allows you to visualise data in an easy and straight forward way. Whether it is actual raw data coming in from your devices, or operations performed on data accumulated over a specific period of time.

Configuration

Basics & Data

To configure the value widget on a device's dashboard you will be able to enter a Title and select the Field you want to display on the Data tab.

To configure your value widget within a global dashboard define a Title, select the desired device and field, as well as the unit within the Basics and Data tabs.

Appearance

Under the tab Appearance you are able to setup:

• Value widget color based on state: When you setup a Circular Gauge, the value on the widget with take the corresponding color.

• Hide background: If you want the background to be transparent activate this option.

• Abbreviate large values: When a number field or a string is too large, this option will solve it.

• Tint Color: Changes the color of the background on the widget.

• Highlight Color: Changes the color of the Title on the widget.

• Icon: Select from a list of icons one that represents that value the best.

Gauge

You can select the options Linear, Circular, Fill Level or Compass:

Timeframe

For a step-by-step guide on using the timeframe selection in our value widget to display consumption changes in your dashboards, be sure to check out our video tutorial ⬇️

Current Value

You can select Current Value, which will show you the last value sent by your device.

Timerange Operation

• Operation: When you select Timerange Operation you are able to select to display Minimum, Maximum, Average, Sum, Change (absolute) or Change (percentage) from your device's field in a specific time range.

• From: You can use the following strings to define the starting period of your time range:

  startOfHour, startOfDay, startOfYesterday, startOfWeek, startOfLastWeek, startOfMonth, startOfLastMonth, startOfYear, startOfLastYear, an hour ago, a day ago, 7 days ago, a week ago, a month ago, last year.

You can as well setup a specific date, however, take into consideration that the widget will have to make the operation using the datapoints generated in the time window set.

• Until: In most cases you will use the variable now, but you can also use the time ranges mentioned above to calculate e.g. consumption or maximum temperatures from yesterday, last week or other fixed time ranges.

Always setup dates that exist! If the date you setup is in the future, probably no data is available.

• Timezone: Select between a list of timezones. If no timezone is selected, Datacake will take the timezone based on the browser's timezone, which means that customers around the world will be able to see the values in their own timezone.