Chat now with support
Chat with Support

Foglight 6.3.0 - Web Component Tutorial

Using the Web Component Tutorial Tutorial 1: Drag and Drop Tutorial 2: Creating a Dashboard Tutorial 3: Adding a Drilldown Page Tutorial 4: Adding Views Tutorial 5: Using a Grid Tutorial 6: Reports Tutorial 7: Creating a Form Tutorial 8: Renderers Tutorial 9: Adding Questions and Answers Tutorial 10: Sending Messages to Other Users

Edit Page Layout

If you chose the Fixed position Layout option when creating a custom dashboard, you can use the settings in the Edit Page Layout dialog box to select a fixed position. A fixed position means that your view appears exactly where you want it.

Figure 15. Edit Page Layout

Using the Edit Page Layout dialog box, you can put the view exactly where you want it and tweak the layout so you can maximize the view with as much information as you prefer, making the most out of the real estate you have available on the screen. You can control the layout of a view or table on your dashboard by choosing a visualization style, how much space the view takes up and exactly where you want it to appear such as:

Size and Position—resizes the co-ordinates of the view such as apply a width and height.
Order—controls the stacking order such as bring the image to front, to back, forward, or backward.
Display options—specify if you want to show title, show border, or make the display opaque.

Editing views

After you have set the initial settings based on “Creating a Custom Dashboard” in the Foglight® User Help and selected the layout position as fixed position, you can configure the portlet for additional views such as the display type of views, select metric labels, configure view settings, and choose the action when a user selects or dwells over a metric.

The Config Portlet dialog box appears.
Figure 16. Config Portlet
Title—rename the view.
Height—set the height for all views or this view by selecting the check box and specifying a value.
Display type—select the visual display. For more information, see Display type tab .
Metrics—choose the metric labels for the view. For more information, see Metrics tab .
Options—configure settings according to the display type. For more information, see Options tab .
Actions—Set what happens when a user interacts with the view. For more information, see Actions tab .
4
Click Apply when you are finished editing your dashboard.

The Display type tab contains options for selecting the visual layout according to a chart type, gauge type, or list type. For more information on the display types available and their settings, see Options tab .

The Metrics tab displays the metrics you have selected to appear as a Metric label. If the chart contains metrics from more than one parent, the parent label also appears. For more information, see “Grouping Metrics with Many Parent Hosts” in the Foglight User Help.

Figure 17. Metrics tab

The settings that you can change are described in the following table.

Metric label

Allows you to choose another label for the metric.

Only available when editing a single chart.

Parent label

Allows you to choose another label for the parent metric. This label appears in the title of a chart that contains metrics from a single parent.

The parent label appears in the legend when the chart contains metrics from more than one parent. (For example, see “Grouping Metrics with Many Parent Hosts” in the Foglight User Help).

Only available when editing a single chart.

 

The options that appear here depend on the view type you are working with.

Figure 18. Options tab

The following tables lists the options available depending on the view type:

Table 2. Chart types
High/Low : Emphasizes the highest and lowest values.

Show Average Line: Indicates whether to show average values in the chart.

Plot : Draws each series as a line graph.
Area : Draws each series as connected points of data, filled below the points)
Stacking area : Draws each series as a stacked cluster)
Bar : Draws each series as a bar in a cluster)

Line width: Specifies the thickness of lines in all charts or this chart.

Values available for selection:

Metric value: Controls the type of value that is displayed for one metric or all metrics in a chart.

Values available for selection:

Average: The chart displays the average value for the metric per interval.
Minimum: The chart displays the actual lowest value for the metric per interval.
Maximum: The chart displays the actual highest value for the metric per interval.
Minimum/Maximum: The chart displays the maximum and minimum value for the metric per interval.
Sum.

Show one chart per metric: Indicate if you only want to display one chart per metric.

Only show axis of selected metric (different charts will line up): Select this check box if only one axis is used in the chart, regardless of how many metrics are displayed. (For examples, see “Grouping Metrics with Many Parent Hosts” in the Foglight User Help.) Clear the check box to display the label for all metrics in the legend.

Show thresholds for selected metric: If a metric has a threshold, it is displayed. You can choose to show thresholds only for the selected metric.

 

Show data at both start and end of intervals

Honor Bounds: Sets the chart axis so that it does not go out of chart boundaries. This check box is selected by default.

Show Overall: Displays the overall value for the set time range as a dashed line.

Values available for selection:

Average: Displays the overall average.
Min: Displays the overall minimum.
Max: Displays the overall maximum.

Show Min/Max As: Displays the minimum and maximum per interval.

Values available for selection:

Envelope (a filled-in area between the minimum and maximum)

Show Baseline Min/Max As: Displays the baseline minimum and maximum.

Values available for selection:

Envelope (a filled-in area between the minimum and maximum)

Show Standard Deviation As: Similar to the Min/Max setting; lets you highlight a range per interval.

Values available for selection:

Envelope (a filled-in area between the minimum and maximum)

Standard deviation multiplier: Determine the high and low values by setting the deviation from the average. The default value is 1, but the unit of deviation depends on the metric.

Table 3. Gauge types

Indicator Size: Useful for highlighting a fluctuating value in your real-time application in a visually meaningful way.

Values available for selection:

Spinner : Represents data using a rotating wheel.

No settings.

Horizontal Bar : Horizontal bar, Vertical bar, and Cylinder give you flexibility to present data in terms of a graduated scale.

Bar Thickness: Sets the thickness of the bar in the chart.

Values available for selection:

No settings.

No settings.

Flow Gauge : Communication between host server components are represented by animated data flow that indicate the direction of the communication.

Show Sparkline: Indicates whether to show a sparkline.

Sparkline displays: Indicates the type of values displayed by the sparkline.

Values available for selection:

Flow Direction: Indicates the horizontal direction of the flow: left or right.

Values available for selection:

Prominence: Specifies the thickness of the sparkline.

Values available for selection:

Table 4. List icons
Metric List : Shows a list of metrics and their values. For more information, see Metrics tab.

Show Sparkline: Indicates whether to show a sparkline.

Table : Shows a list of metrics and their values. For more information, see Options tab.

Show Column For: Indicates which columns to display in the table. Values available for selection:

Min (selected by default)
Average (selected by default)
Max (selected by default)

For charts and metrics that you have added to the dashboard you are creating, you can set the flow action to control what happens when a user selects a metric or dwells over it. For example, you can use the Actions tab to configure a popup, dwell, or a drill-down behavior, either to views that already exist in your system or other dashboards your have created.

Figure 19. Actions tab

The Config Portlet dialog box appears.
Figure 20. Config Portlet
3
In the Config Portlet dialog box, open the Actions tab.
Figure 21. Actions tab
4
On the Actions tab, select the check box for the action(s) you want to set.
The Pick a Flow Action for “Metric Selection” wizard appears.
7
Click Next.
If Popup, Dialog, or Next Page / Drill Down is selected in Step 5, the Select a data item to use page appears in the wizard.
If External URL is selected in Step 5, the External URL page appears in the wizard.
8
Click Next to continue with configuring the display of the selected views.

Sharing the view

The Share View dialog box appears.
Figure 25. Share View
Name: The name of the view.
Additional Purposes: Use these options if you want this dashboard to appear in another view such as:
4
Click OK to save changes.

Removing the view

The Remove View dialog box appears.
Figure 26. Remove View
3
In the Remove View dialog box, click OK to confirm that you want to remove the view.
Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating