Difference between revisions of "UM:Dashboards"

792 bytes added ,  18:49, 17 March 2013
no edit summary
Line 1: Line 1:
{{DISPLAYTITLE:Dashboards}}
{{DISPLAYTITLE:Dashboards}}
= Introduction =


Dashboards are defined by administrator and allow to combine any available visualization components with data from multiple sources in order to create high-level views to see network (or parts of it) health at a glance. For example, below is a dashboard showing traffic information from core router, as well as CPU usage from vital nodes:
Dashboards are defined by administrator and allow to combine any available visualization components with data from multiple sources in order to create high-level views to see network (or parts of it) health at a glance. For example, below is a dashboard showing traffic information from core router, as well as CPU usage from vital nodes:
Line 62: Line 64:
|}
|}


== Chart ==
== Element Property Pages ==
=== Chart ===


'''Chart''' page is available for all chart type elements: Bar Chart, Bar Chart for Table DCI, Dial Chart, Line Chart, Pie Chart, Pie Chart for Table DCI, Tube Chart, and Tube Chart for Table DCI. It defines basic properties of a chart.
'''Chart''' page is available for all chart type elements: Bar Chart, Bar Chart for Table DCI, Dial Chart, Line Chart, Pie Chart, Pie Chart for Table DCI, Tube Chart, and Tube Chart for Table DCI. It defines basic properties of a chart.
Line 68: Line 71:
[[File:ChartElementConfig.png]]
[[File:ChartElementConfig.png]]


== Data Sources ==
=== Data Sources ===


'''Data sources''' page is available for all DCI based elements: Bar Chart, Dial Chart, Line Chart, Pie Chart, and Tube Chart. Here you can define what DCIs should be used as data sources for the chart. Up to 16 DCIs can be added to single chart. You can configure multiple properties for each data source. To edit data source, either double click on appropriate item in the list, or press ''Edit'' button. Data source configuration dialog looks like following:
'''Data sources''' page is available for all DCI based elements: Bar Chart, Dial Chart, Line Chart, Pie Chart, and Tube Chart. Here you can define what DCIs should be used as data sources for the chart. Up to 16 DCIs can be added to single chart. You can configure multiple properties for each data source. To edit data source, either double click on appropriate item in the list, or press ''Edit'' button. Data source configuration dialog looks like following:
Line 89: Line 92:
|}
|}


== Layout ==
=== Layout ===


Layout page looks like following:
Layout page looks like following:
Line 114: Line 117:
|}
|}


More detailed information about dashboard layouts can be found in [[UM:Dashboards#Understanding_Layouts]].
More detailed information about dashboard layouts can be found in [[UM:Dashboards#Understanding_Element_Layout]].
 
=== Web Page ===
 
'''Web Page''' property page is available for web page type elements. Here you can define URL to be displayed and optional title. If tytle is not empty, it will be displayed above page content.


= Understanding Layouts =
= Understanding Element Layout =


Dashboard uses grid concept to layout it's elements. Available space divided into rows and columns, and each element occupies one or more cells. Number of columns configured in dashboard object properties, and number of rows calculated automatically based on number of columns, number of elements, and number of cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there are no space left for next element on current row.  
Dashboard uses grid concept to layout it's elements. Available space divided into rows and columns, and each element occupies one or more cells. Number of columns configured in dashboard object properties, and number of rows calculated automatically based on number of columns, number of elements, and number of cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there are no space left for next element on current row.  
Line 141: Line 148:


[[File:DashboardComplexLayoutExample.png]]
[[File:DashboardComplexLayoutExample.png]]
= Dashboard Rotation =
To create configuration when console displays multiple dashboards one by one in a loop, follow these steps:
# Create all dashboards you want to show;
# Create additional dashboard object, with single element of type "Dashboard" inside;
# Add all dashboards you want to show to dashboard list of that element and set desired time between changing dashboards.
Below is sample configuration of two dashboards displayed in a loop for 40 seconds each.
[[File:DashboardRotationConfig.png]]
683

edits