Index

Demo charts for our demo organization.

This is demo LINK to see charts generated from three heat pumps connected to our demo account, administration is disabled.

Introduction

This document will introduce you how to use Tinovi Dashboard.
A Dashboard (also called dash, instrument panel) is a tinovi.com face, but it also includes a wide range of functionality depending on the device(device) you are using. The functionality takes the form of a remote connection to the device settings, and the data stored in the cloud viewing and analysis. Each data source has its own Edit data source menu to set functionality.
tinovi.com Dashboard data sources are generally a real devices or devices that are connected to the Internet and send data to the cloud server. The Dashboard is visual control-communication link between user and cloud based hardware.

The Dashboard is constructed from Rows containing panels. The Panel is basic item on the Dashboard, panel layout is up to you, you can drag and drop panels, change width, set row height. The panel can be single value, chart, graph, map, device list, dashboard list, and can represent a device cloud application.
Graph panel draws graphs of the data received from a data sources, as well as it has additional features such as average value, the maximum and minimum value, annotations. One Graph panel can draw multiple graphs of different data sources to compare values from different places, such as humidity and temperature for a number of greenhouses. You can set the temperature at which open the greenhouse ventilation hatch and at how much humidity switch on the irrigation system; it afterwards to observe what effect it gave and on the basis of the conclusions to improve the system.
The left side of dashboard is Side menu and on top are Header. The Side menu provides navigation between administration sections like users, data data source(devices), Organizations, and of course Dashboards.

The top of all is admin role user which can lead to a lot of organizations, each organization can have a lot of dashboards, to each organization can add a lot of users with different roles (editor, viewer, admin).
The organization is provided to separate the observable objects and add lower-level users (Editor, Viewer) to allow access to each individual object. Lower-level users (Editor, Viewer) can not see what's going on in another organization. These users can be your customers who may only watch the panel you want to show them. For more info refer to Administration.
The Header consist of Dashboard dropdown list, time picker, dashboard layout save button, dashboard star button, dashboard settings geared button, and some variable functions depends on Side menu section.

The Data sources is attached to organizations. Each datasource can belong to only one Organization.
Data traffic between device and cloud and the browser is accounted for each separate organization, and based on metered data is invoiced. This means that you can keep track of how much is consumed each device by connecting them each to the individual organization. More detailed information about data traffic is accumulated in built-in system device of type DS_STAT. There are available data input metrics for each datasource and total metrics for browsing. You can use this datasource for charts as well.

Index


back to up

Log in to dashboard

To start using dashboard first you need create the account. Go to home page tinovi.com, Top left corner click Register, fill in the required information and click register. Registration process will lead you through email confirmation.
To open dashboards you have to click on Organization name in organizations list shown after you login into tinovi home page.
Another way to login to dashboard is to type the address http://tinovi.com/graf into your browser. Type your email or username and password, and then press Log in button.

back to up

Try android demo application

Get it on Google Play

back to up

Connecting device to cloud

There are two options to connect device to tinovi cloud.

  1. Connect device from same local network as you logged in to tinovi dashboards. New device will appear as "Pending", you may click to register this device. Fill in name and device 4-char PIN code. (Default code - 1111)
  2. Manually add new device, fill in device Name, 8-Char Type, 8-Char deviceId, 4-char pin code.

After you added device you should wait couple seconds to let device connect to tinovi could and refresh device list by clicking to another menu item and back to Devices.
If device is connected, green "online" marker will appear in device row. If device is online and device type has plugin editor you may see device online data and modify custom device settings.

back to up

Getting strated with ethernet device

Tinovi device is designed to send sensor data to the cloud and it has a switchable outputs.
Functionality depend on application running on tinovi device.
To start with Tinovi device you need: device itsef, power adapter, some sensors, wired internet.
1. Log in to tinovi.com account.
2. Add Tinovi device datasource.
3. Start add Panels to your Dashboard.
On the Dashboard Edit data source Trigger tab you can configure trigger rules for outputs.

back to up

Navigation

navigation

1. Header 2. Side menu 3. Row menu. Dashboard panels: 4. Graph panel 5. Map panel 6. Single value panel

Tips and shortcuts
Click the graph title and in the dropdown menu quickly change span or duplicate the panel.
Click the colored icon near to series name in the panel to select timeline color
Click series name in the panel to hide other timelines.
Ctrl+ Click sensor name to hide other series
Ctrl+S Saves the current dashboard
Ctrl+F Opens the dashboard finder / search
Ctrl+H Hides all controls (good for tv displays)
Hit Escape to exit graph when in full screen or edit mode

back to up

Header

Header image
The image above shows you the top header for a Dashboard. Depend on Side Menu section Header may differ.
1. Side menu bar toggle: This toggles the side menu, allowing you to focus on the data presented in the dashboard. The side menu provides access to features unrelated to a Dashboard such as Users, Organizations, and Data Sources.
2. Dashboard dropdown: This dropdown shows you which Dashboard you are currently viewing, and allows you to easily switch to a new Dashboard. From here you can also create a new Dashboard, import existing Dashboard.
3. Star Dashboard: Star (or unstar) the current Dashboard. Starred Dashboards will show up on your own Home Dashboard by default, and are a convenient way to mark Dashboards that you're interested in.
4. Save dashboard: The current Dashboard will be saved. Next time you log in the last saved dashboard will be opened by defoult.
5. Dashboard Settings: Manage Dashboard settings and features such as row titles and Annotations.
6. Zoom out time range
7. Move left - right the timeline.
8. Time picker dropdown. Here you can access relative time range options, auto refresh options and set custom absolute time ranges.
9. Manual refresh button. Will cause all panels to refresh (fetch new data).

Header functions will change depend on corresponding Side Menu section.

back to up

Side menu

The Side menu bar provides access to features unrelated to a Dashboard such as Users and Data Sources.
User can access the Side menu by clicking tinovi symbol top-left Header

back to up

Dashboards

To start create your dashboard you need connect your devices to tinovi cloud(Add data source) and then start add Panels, but this paragraph introduce you how to work with Dashboards.

The Dashboard is where it all comes together. Dashboards can be thought of as of a set of one or more Panels organized and arranged into one or more Rows.

The time period for the Dashboard can be controlled by the Dashboard time picker in the right of the Header.

Dashboards can utilize Annotations to display event data across Panels. This can help correlate the time series data in the Panel with other events.

Each Panel can interact with data from any configured Data Source.
Dashboard can show you the perfect amount of data points no matter your resolution or time-range.

back to up

Add new Dashboard

![Add new Dashboard](img/dd/Add new Dashboard.png)
To add new Dashboard click Dashboard dropdown in Header. Bottom of the dropdown list press +New. Then press Dashboard settings gear icon on Header. Set parameters for new dashboard and click save icon on the Header.

back to up

Dashboard settings

Click on the Dashboard settings gear icon on the Header, then chose Settings from drop down.
![Dashboard settings](img/dd/Dashboard settings.png)
General tab

Dashboard info
write Dashboard name, set how to dashboard know about your time zone.
Toggles
Hide controls(CTRL+H) if unchecked this dashboard Row menu not availiable!
Shaared Crosshair(CTRL+O)

Rows tab

Name of the Row. If Show title checkbox is unchecked this Title you will see on top of the row. If this checkbox is checked you will see this name when row is collapsed

Time picker tab

There you can preset time ranges and auto-refresh intervals, and use them later in Header Time picker dropdown.

If you don't like while graphs dipping to zero at the end, because metric data for the last interval has yet to be written to the Data Source. These graphs then "self-correct" once the data comes in, but can look deceiving or alarming at times. You can avoid this problem by adding a now delay in ++Time Picker++ tab. This feature will cause to ignore the most recent data up to the set delay.

back to up

Working with multiple dashboards

Click Dashboard dropdown in Header and chose preffered Dashboard name.

back to up

Data Sources

![data source](img/dd/data sources.png)
1) You can access a datasources window by clicking on Data Sources in Side menu

NOTE: If this link is missing in the side menu it means that your current user does not have the Admin role for the current organization.
There you can see data sources which belong to active(current) Organization.

2) By clicking New on top, you can open Add datasource dialog.
3) That is tinovi device datasource in datasources list.
4) That is mobile phone connected as Datasource.
5) That is DS_STAT datasource.
6) In that column, you can see which Datasource is online.
7) Click on Edit button to open corresponding Datasource Settings.
8) Click ![delete button](img/dd/delete button.png) to delete Datasource.

You can combine data from multiple Data Sources onto a single Dashboard, ??but each Panel is tied to a specific Data Source that belongs to a particular Organization.??

You can add multiple datasources to single Graph panel for compare metrics from different places(devices). For more information please refer Panel Menu

DS STAT data source is included by default. DS STAT datasource logging Organization data usage- upload and download data amount.

mobile phone datasource is a good example of how to test the system without having bought anything.

back to up

Edit data source

Each type of Datasource provides their own Datasource settings that allows you to extract the management of specific Datasource functions. For example, tinovi device can switch ON boiler when the temperature has dropped to set value, but mobile phone datasource is not had that setting.
By clicking on datasource edit button in Data sources menu, user can access to corresponding Datasource settings

back to up

Edit tinovi device datasource

tinovi Datasource settings user can see incoming values of the corresponding datasource, triggered outputs, change settings.
![edittinovi device datasource](img/dd/edit tinovi device datasource.png)
1)This area user can see information about datasource type and name
Type and Id field are not editable. They are given when datasource was added.
Name field user can give a datasource name.
PIN to enter datasource PIN. Pin should match the pin stored in you datasource device.
Metric names this dropdown can edit sensor names which after clicking update will be seen below.
After make changes click update to save.
2) Tab section:

In/Out tab comprising a sensor values and outputs state.
Triggers tab can set rules for switching output.
triggers
1. Click on Triggers tab to see Trigger Rules. 2. Then click on Edit button. 3. Trigger Rule ID number. 4. Rule Edit dialog window to input Rule. 5. Dropdown chooses which sensor will be monitored. 6. Choose Operator: equal to, greater than, less than. 7. Type triggering value. 8. Choose which output will be triggered. 9. To which direction. 10. Click to Save. Represented Rule in image above tells: when i1A temperature sensor value greater than 10 celsius close output o2

For each sensor can set multiple rules.

Net tab for network connecting information.
Log tab for log information.

3) In these checkboxes user can see triggered outputs and by clicking mouse button switch it manually.
4) In these columns disclosed information about the sensors.

ID sensor ID number.
Type Some type of sensors can measure two values(humidity and temperature: ValueA and ValueB).
1. NTC10k Temperature 2. Digital temperature DS18B20 3. Digital temperature/Humidity DTH-11 4. Digital temperature/Humidity DTH-11

NameA the sensor name given in Metric names dropdown.
ValueA corresponding sensor measured valueA.
NameB the sensor name given in Metric names dropdown.
ValueB corresponding sensor measured valueB.

5) Click Edit button to open corresponding Sensor Edit Dialog In this dialog user can input sensor name and set sensor Type. 1. Analog 2. Digital 3. Humidity 4. Multisensor.

6) Enter how often datasource will be sent information to the server. Decreasing this value will be result in a grainy graph, increasing- more server data storage and traffic.

back to up

Edit mobile phone datasource

![mobile phone datasource edit](img/dd/mobile phone datasource edit.png)
1. Information about datasource:

Type -datasource type ANDSENS
ID -datasource ID number which was entered in Datasource Add dialog and generated in tinoviSens APK
PIN -the same PIN in tinoviSens APK.
2. Dropdown Metric names to name metrics. Click Update to save changes.

back to up

Edit datasource

This dialog is wery similar to others datasources edit dialog.
![DS_STST datasource edit](img/dd/ds stat datasource edit.png)

back to up

Add data source

Each datasaurce heave individual adding instructions which is written below.

    1. Open the Side menu by clicking the tinovi icon in the top-left header.
  1. In the side menu click on a link named Data sources.
    NOTE: If this link is missing in the side menu it means that your current user does not have the Admin role for the current organization.
  2. Click the Add new link in the top header.
  3. Select New on Header from the dropdown.

back to up

Add tinovi device datasource

There are two options to connect device to tinovi cloud.
1. Connect device from same local network as you logged in to tinovi dashboards. New device will appear as "Pending", you may click to register this device. Fill in name and device 4-char PIN code, follow this instruction:

1) tinovi device must be disconnected from power, all sensors must be connected to tinovi device.
2) Connect ethernet cable to your router which is connected to the internet, make sure that the router do not require a password.
3) Connect tinovi device to the power adapter. Ethernet socket LED schould start blinking.
4) Refresh browser or log in to your tinovi dashboard and go to Data sources menu.
5) New device will appear as "Pending", you may click to register this device. Fill in name and device 4-char PIN code.
Important: You should log in to tinovi dashboard from same local network as tinovi device is connected.

  1. Manually add new device, fill in device Name, 8-Char Type, 8-Char device Id, 4-char pin code.

Now you can navigate to Dashboards and add panel from Row menu.

back to up

Add mobile phone datasource
  1. Download TinoviSens.apk and install to your phone. Run application; in field DsId by default should be named ANDSENS, then DsId(Data source Identification) will be generated automatically(If you want you can type your DsId). This field allows contain exact seven letters and numbers.
    tinoviSens APK
  2. In PIN field enter own imaginary PIN(letters and digits only).
  3. In tinoviSens application press CONNECT; application connects to a server to generate DsId and will return Not registered, please register datasource. It should be so.
  4. Log in to your tinovi dashboard or refresh browser(if allready logged) and go to Data sources. Important: You should log in to tinovi dashboards from same local network as tinovi device is connected.
  5. In the side menu click on a link named Data sources.

    NOTE: If this link is missing in the side menu it means that your current user does not have the Admin role for the current organization.

  6. Your mobile phone datasource should appear in datasource list. Click Register and in Register data source window change(you can leave it default to) default name and enter the same PIN which you was typed in the tinoviSens application.

  7. Click Add button.
    ![add mobile phone datasource](img/dd/add mobile phone datasource.png)
  8. Come back to your phone and again click CONNECT; return should receive Status: Connected OK
  9. And refresh browser or navigate to another menu and come back to Data Sources menu to check if datasource is online.

Now you can navigate to Dashboards and add panel from Row menu.

back to up

Add datasource

DS_STAT data source is included by default and no need to add.

back to up

User profil

Information about User profile you can access from Side menu by clicking on your username.

Here you can change your user details, and change your password.
A User is a named account in Dashboard. A user can belong to one or more Organizations, and can be assigned different levels of privileges through roles.
For more details on the user model please refer to Admin panel/Users
User & Organization permissions
All Dashboards and Data Sources are linked to an Organization (not to a User). Users are linked to Organizations via a role. That role can be:
Viewer: Can only view dashboards, not save / create them.
Editor: Can view, update and create dashboards.
Admin: Everything an Editor can plus edit and add data sources and organization users.
Note A Viewer can still view all metrics exposed through a data source, not only the metrics used in already existing dashboards. That is because there are not per series permissions.
There are currently no permissions on individual dashboards.

back to up

Note: It is important to remember that most metric databases to not provide any sort of per-user series authentication. Therefore, in the dashboard, Data Sources are available to all Users in a particular Organization.
Each Organization can consist lot Dashboards. Each Organization can heave lot users with different permissions(Admin, Viewer, Editor).

back to up

Organization Users

In Side menu click current Organization name and from dropdown click Organization Users. Here displayed current Organization users and their roles. If your User heaves Admin role you can change other users roles or delete them by clicking ![delete button](img/dd/delete button.png) button.

If your current User does not heave Administrator role this menu disappear.
For more details on the user model please refer to Admin panel/Users

back to up

Add User to Organization

In Side menu click current Organization name and from dropdown click Organization Users; there you can add User, delette User or change User role if your current user heave Admin role.
Click Add buttont to open dialog. Choose Useer from list, current example user3 Named Jhon; select Role for chosen User; click Plus button.
![add user](img/dd/add user.png)

If there is no more users to add, please refert to Admin panel/Users/Create User
User will be added to current Organization Users list.

back to up

Admin

If this menu is not displayed that mean that your current user does not heave administrator role in current Organization. More about roles please refer to User profil and Admin panel/Users

back to up

Users

Admin can create new user, by clicking corresponding User Edit button can change user data, password, change user role in particular organization. Admin can delete User by clicking ![delete button](img/dd/delete button.png) button.

Permissions:
Admin has full access: create users, manage datasources, create dashboards.

Editor can:
1) edit dashboard settings; change own Name; see own role in Organizations
Editor can not:
1)add New Dashboard; access to Organizations;

**Viewer can: **
1) view all dashboards in particular organozation
**Viewer can not: **
1))add New Dashboard; access to Organizations;
2) edit dashboard settings; change own Name; see own role in Organizations

back to up

Create User

In Side menu click Admin, from dropdown click Users; user list will be displayed; click Create User on Top Header and Create a new user dialog will be open; enter information and click Create.
![create user](img/dd/create user.png)
Now you can navigate to Organizatios/Organization Users/Add User to Organization to add this user to current organosation and set user role.

back to up
#####DST
Creating your own device type

Tinovi datasource types is like tables in a database. You can add columns with names and predefined datatypes. Later you should feed in trap type messages with exactly same datatypes and order in binary format.

To create new datasource type you should go to tinovi dashboards and choose Admin->DST->(top) Create DST. This will open datasource type modification form.

Data source type Id will be generated for you by the system. In data source type edit form there are following fields:
1. Name - type in description of datasource
2. Upload device editor version and zip archive which will appear when you choose to edit online datasource of this type See
3. Chose Little endian if data feeded in to tinovi cloud by trap message are in little endian byte order.
4. Add fields to datasource, specify field name and data type. Field scale is a power of 10, for example if you want to divide result in charts by 10, you should specify -1 in scale field. This is usable when you feed in for example room temp in short format 235, then the system will divide it by 10 on displaying like 235/10 = 23.5 degree of Celsius.
There are following data types are supported:
BYTE - 8bit integer = 1byte;
SHORT - 16bit integer = 2byte;
INT - 32bit integer = 4byte;
LONG - 64bit integer = 8byte;
BINARY - 8bit = 1byte; Bits can be used to display for example relay output state.
DOUBLE - 64bit double precision = 8byte;

back to up

Row menu

When the Data sources is configured you can start to add panels to your Dashboard. When you come to Dashboard very first time there is empty screen and no Row menu. By clicking on Dashboards in Side menu you will see Dashboard screen.

You need to add the First row in your Dashboard because panels will be added from Row menu.
On top right click button ![add row button](img/dd/add row button.png) to add empty row.
Then in the left-top dashboard, you will see Row Menu symbol: ![row menu button](img/dd/row menu button.png). Move the mouse pointer to that symbol and click on it. Row menu will appear.
![row menu](img/dd/row menu.png)

Via this menu you can add panels to the row, set row height and more.
A Row is a logical divider within a Dashboard and is used to group Panels together.

Rows are always 12 “units” wide. These units are automatically scaled dependent on the horizontal resolution of your browser. You can control the relative width of Panels within a row by setting their own width.

Utilize the Repeating Row functionality to dynamically create or remove entire Rows (that can be filled with Panels), based on the Template variables selected.

Rows can be collapsed by clicking on the Row Title. If you save a Dashboard with a Row collapsed, it will save in that state and will not preload those graphs until the row is expanded.

back to up

Collapse row

back to up

Add Panel

To start adding panels Datasources should be added!
Exception is DS_STAT datasource which is included by default.
To add Panel your Dashboard should connsist at least one Row
Click Row menu button ![row menu button](img/dd/row menu button.png) and then navigate mouse cursor to Panel you wish add.

![add panel](img/dd/add panel.png)

Choose panel type to add and you will be directed to particular Panel Query editor

back to up

Set Row height

Click Row menu button ![row menu button](img/dd/row menu button.png) and then navigate mouse cursor to Set height; choose row height in pixels.

back to up

Move

Click Row menu button ![row menu button](img/dd/row menu button.png) and then navigate mouse cursor to Move to open pupop menu; choose direction to move.

back to up

Row editor

Click Row menu button ![row menu button](img/dd/row menu button.png) and then click Row Editor. Current row Row Settings appear. Here User can change Row Title, Row Height and choose to show or not Row Title.

back to up

Delete row

Click Row menu button ![row menu button](img/dd/row menu button.png) and then click Delete row to delete entire row.

back to up

Panel

You add panels via row menu. The row menu is the green icon to the left of each row.

The Dashboard is constructed from Rows containing panels. The Panel is basic item on the Dashboard, panel layout is up to you, you can drag and drop panels, change width and height. Panel can be single value, chart, graph, map, device list, dashboard list, and can represent a device cloud application.

Map panel track your GPS device and show historical data on map.

The Dashboard list panel allows you to show your personal starred dashboards and it is useful to provide basic linking between Dashboards.
Dashboard list and Text panels do not connect to any data source.

Graph panel draws graphs of the data received from a data sources, as well as it has additional features such as average value, the maximum and minimum value, annotations. One Graph panel can draw multiple graphs of different data sources.
To change graph curve color click the colored icon before metric(sensor) name and select timeline color from Color picker.

color picker

You can toggle specific series(curves) by clicking on series name directly in the legend.
Or can hold ctrl key to isolating more than one series.
Click sensor name in the panel to hide timeline.

You can move series(to the right or left X axis) with the same popup which is for change series color- Color picker.

The time range on Panels is normally what is set in the Dashboard time picker, but this can be overridden by panel Query editor Time Range tab function Override relative time to set specific time overrides.

Panels (or an entire Dashboard) can be Shared. Admin User can make new User accaunts with different Roles.

back to up

Panel menu

By clicking on the Panel Title, you can open panel menu.

![panel menu](img/dd/panel menu.png)

Click**Quick menu** button to access dropdown:
Panel JSON
Export CSV
Toggle legend

Click View to view this single panel. Press escape to return.
Click Edit to open corresponding Panel Query Editor.
Click Duplicate to duplicate this panel.
Click - + to change span.
Click X to delete this panel.

back to up

Panel Query Editor

Click on to Panel Title, then on popup click Edit and you see corresponding Query Editor.
Each panel type has specific Query Editor. Use the Query Editor to build your queries.

  1. You add panels via Row menu. The row menu is the green icon to the left of each row.
  2. To edit the graph, you click on the graph title to open the Panel menu, then Edit.
  3. This navigates you to the Metrics tab.

The Query Editor exposes capabilities of your Data Source and allows you to query the metrics that it contains.

Use the Query Editor to build one or more queries (for one or more series) in your time series database. The panel will instantly update allowing you to effectively explore your data in real time and build a perfect query for that particular Panel.

Grafana allows you to reference queries in the Query Editor by the row that they’re on. If you add a second query to the graph, you can reference the first query simply by typing in #A. This provides an easy and convenient way to build compounded queries.

Legend values: max, min, Avg, current, total
Point consolidation
All Graphite metrics are consolidated so that Graphite doesn't return more data points than there are pixels in the graph. By default, this consolidation is done using avg function. You can how Graphite consolidates metrics by adding the Graphite consolidateBy function.

Notice This means that legend summary values (max, min, total) cannot be all correct at the same time. They are calculated client side by Grafana. And depending on your consolidation function only one or two can be correct at the same time.

back to up

Graph panel Query Editor

Click on to Panel Title, then on a popup click Edit and you see Graph panel Query Editor below your Panel.

![graph panel query editor](img/dd/graph panel query editor.png)

General tab

In General tab you can input graph Title;
choose span(you can choose 0..12, your display is divided to 12 parts, so 6 will be half)
height in pixels
toggle transparency

Metric tab

In Metric tab you select which metrics you will see on this graph:
Click in Datasource field and from dropdown choose datasource.
Click somewhere else in space and all non-zero metrics will appear in your graph.
To remove some metric click X right to the metric mane.
You can click on ![add query](img/dd/add query.png) button and in this new query add another datasource metrics in this graph. This is helpful if you want to compare metrics from different places.

There is another way to add metrics to your graph by selecting metrics first:
Click "+" sign right to the Columns ![add metric](img/dd/add metric.png)
Key field will appear, click into Key field and a dropdown with all available metrics will appear.
Choose one and click add right to the Key field. Graph column should appear above in Graph.
Click more + to add more metrics into this graph.
You can add metrics from multiple data sources to single Graph for compare metrics from different places(devices).

Axes & Grid tab

In this tab you can choose units to show, grid amount, scale type, and label.
Down choose Legend location. And you can add MIN/MAX/AVERAGE/CURRENT/TOTAL values to legend names.

Display Styles tab

In display Style tab you can menage Chart options, Line options, Series options and add specific options.

Time range tab

In time range tab you can override Dashboard time range which you choose in Header time picker dropdown. And set time shift amount.

back to up

Single value panel Query Editor

General tab

In General tab you can input graph Title;
choose span(you can coose 0..12, your display is dividet to 12 parts, so 6 will be haf)
height in pixels
toggle transperecy

Metric tab

In Metric tab you select which metrics you will see on this panel:
Click in Datasource field and from dropdown choose datasource.
Click "+" sign right to the Columns ![add metric](img/dd/add metric.png)
Key field will appear, click into Key field and a dropdown with all chosen datasource metrics will appear.
Choose one metrics.
To remove metric click X right to metric mane.

There is another way to add metrics to your panel by selecting metric first:
Click "+" sign right to the Columns ![add metric](img/dd/add metric.png)
Key field will appear, click into Key field and a dropdown with all available metrics will appear.
Choose one and click add right to the Key field. The metric value should appear above in Panel.

Options

In Options tab you can put Prefix and Postfix, change colors, add sparkline, and add value to text mapping.

Time range tab

In time range tab you can override Dashboard time range which you choose in Header time picker dropdown. And set time shift amount.

back to up

Text panel Query Editor

General tab

In General tab you can input Text Panel Title;
choose span(you can coose 0..12, your display is dividet to 12 parts, so 6 will be haf)
height in pixels
toggle transperecy

Edit text tab

In Edit text tab you can input your text in different formats: MARKDOWN, HTML, and text.

back to up

Dashboard list panel Query Editor

The Dashboard list panel allows you to show your personal starred dashboards.

General tab

In General tab you can input Text Panel Title;
chose span(you can choose 0..12, your display is divided to 12 parts, so 6 will be half)
height in pixels
toggle transparency

Options tab

You can choose panel mode and limit list value.

back to up

Map panel Query Editor

In this panel you can see logged GPS prowided datasource metrics data.
TinoviSens application sends data from your mobile phone to tinovi.com cloud all time while application status shown "Status: Connected OK". Later you can look here where your phone was in past.
Map panel represents data in coordinate points received from phone datasource. You can click on some point and popup shows that point date and time.

General tab

In General tab you can input Map Panel Title;
choose span(you can choose 0..12, your display is divided to 12 parts, so 6 will be half)
height in pixels

Query tab

In query tab you select Datasource which provide GPS(Latitude and Longitude)
So choose Datasource which name begins with "ANDSENS"
In Latitude key field from a dropdown choose name begins with "lat.ANDSENS"
In Longitude key field from dropdown choose name begins with "lng.ANDSENS"
Make short your datasource is online and mobile phone application show "Status: Connected OK", if not- press connect in application or refer to Add mobile phone datasource

Time range tab

In time range tab you can override Dashboard time range which you choose in Header time picker dropdown. And set time shift amount.

back to up

Device datasource

This panel type provided to Edit data source's Datasource settings directly on Dashboard.

back to up

Device Map

In that panel query editor user can point coordinates on map where are located devices.

back to up

Terminology

Cloud
Dashboard
The dashboard is showing a graphical presentation of the current status and historical trends of an cloud stored information. The dashboard is displayed on a web page that is linked to a cloud database which allows the report to be constantly updated.
device- device.
Panel
tinovi device
annotations to show summaries, key trends, comparisons, and exceptions.