UM:Dashboards - Revision history

AlexKirhenshtein: Text replacement - "^" to "{{deprecated}}"

2022-09-13T16:13:54Z

Text replacement - "^" to "{{deprecated}}"

← Older revision		Revision as of 16:13, 13 September 2022
Line 1:		Line 1:
	Information moved to documentation:		{{deprecated}}Information moved to documentation:

	https://www.netxms.org/documentation/adminguide/visualisation.html#dashboards		https://www.netxms.org/documentation/adminguide/visualisation.html#dashboards

TatjanaDubrovica: Replaced content with "Information moved to documentation: https://www.netxms.org/documentation/adminguide/visualisation.html#dashboards"

2017-11-24T15:42:22Z

Replaced content with "Information moved to documentation: https://www.netxms.org/documentation/adminguide/visualisation.html#dashboards"

Show changes

Tomas Kirnak: Grammar fixes

2015-04-07T15:18:36Z

Grammar fixes

← Older revision		Revision as of 15:18, 7 April 2015
Line 19:		Line 19:
	[[File:DashboardProperties.png]]		[[File:DashboardProperties.png]]

	When new element added, you can edit it by double-clicking on record in elements list, or by pressing ''Edit'' button. Each dashboard element has '''Layout''' property page which controls element's layout inside dashboard, and one or more element type specific pages to control element's appearance and displayed information. The following element types are available:		When a new element is added, you can edit it by double-clicking on it's record in the elements list, or by pressing the ''Edit'' button. Each dashboard element has '''Layout''' property page which controls the element's layout inside the dashboard, and one or more element type specific pages to control element's appearance and displayed information. The following element types are available:

	{\| class="wikitable"		{\| class="wikitable"
Line 73:		Line 73:
	=== 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 a 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:

	[[File:ChartDataSourceConfig.png]]		[[File:ChartDataSourceConfig.png]]
Line 125:		Line 125:
	= Understanding Element Layout =		= 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 is divided into rows and columns, and each element occupies one or more cells. The number of columns is configured in dashboard object properties, and number of rows is calculated automatically based on number of columns, elements, and cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there is no space left for next element on current row.
	Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following:		Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following:

Lukas Rypl: Link to YT

2013-04-07T12:44:18Z

Link to YT

← Older revision		Revision as of 12:44, 7 April 2013
Line 160:		Line 160:

	[[File:DashboardRotationConfig.png]]		[[File:DashboardRotationConfig.png]]


			= Tutorials =

			* http://youtu.be/ZfJQiUIDHY4

Victor at 16:49, 17 March 2013

2013-03-17T16:49:03Z

← Older revision		Revision as of 16:49, 17 March 2013
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]]

Victor at 16:28, 17 March 2013

2013-03-17T16:28:19Z

← Older revision		Revision as of 16:28, 17 March 2013
Line 61:		Line 61:
	\| Web Page \|\| Web page at given URL rendered within dashboard.		\| Web Page \|\| Web page at given URL rendered within dashboard.
	\|}		\|}

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

			[[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:

	[[File:ChartDataSourceConfig.png]]		[[File:ChartDataSourceConfig.png]]

Victor at 16:18, 17 March 2013

2013-03-17T16:18:52Z

@@ Line 28: / Line 28: @@
 |-
 | Bar Chart || Bar chart.
 |-
 | Custom Widget || Custom widget provided by third party console plugin.
@@ Line 44: / Line 46: @@
 |-
 | Pie Chart || Pie chart.
 |-
 | Separator || Separator, can be shown as line, box, or simply empty space.
@@ Line 52: / Line 56: @@
 |-
 | Tube Chart || Tube chart.
 |-
 | Web Page || Web page at given URL rendered within dashboard.
 |}

Victor at 12:20, 17 March 2013

2013-03-17T12:20:21Z

@@ Line 17: / Line 17: @@
 [[File:DashboardProperties.png]]
-When new element added, you can edit it by double-clicking on record in elements list, or by pressing ''Edit'' button. Each dashboard element has '''Layout''' property page which controls element's layout inside dashboard, and one or more element type specific pages to control element's appearance and displayed information.
+When new element added, you can edit it by double-clicking on record in elements list, or by pressing ''Edit'' button. Each dashboard element has '''Layout''' property page which controls element's layout inside dashboard, and one or more element type specific pages to control element's appearance and displayed information. The following element types are available:
 == Layout ==

Victor at 12:01, 17 March 2013

2013-03-17T12:01:33Z

← Older revision		Revision as of 12:01, 17 March 2013
Line 45:		Line 45:

	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_Layouts]].

			= Understanding Layouts =

			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.
			Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following:

			{\| class="wikitable"
			\|-
			! Value !! Description
			\|-
			\| FILL \|\| Make element to fill whole cell. Also causes to grab excess free space available inside dashboard. If more than one element is trying to grab the same space, then the excess space is shared evenly among the grabbing elements.
			\|-
			\| CENTER \|\| Center element within cell.
			\|-
			\| LEFT/TOP \|\| Align element to left/top of the cell.
			\|-
			\| RIGHT/BOTTOM \|\| Align element to right/bottom of the cell.
			\|}

			Below is an example of complex layout configuration:

			[[File:DashboardComplexLayoutConfig.png]]

			And the result is following:

			[[File:DashboardComplexLayoutExample.png]]

Victor at 11:34, 17 March 2013

2013-03-17T11:34:25Z

@@ Line 1: / Line 1: @@
 {{DISPLAYTITLE:Dashboards}}
-Dashboards allow you to create custom pages with several widgets.
+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:
 [[File:DashboardProperties.png]]