Configuration
To create a component, you must start by entering the general information of the component :
a title
a description (optional)
the time interval of the relevant data :
If you wish to apply a time offset between the time range selected for the entire dashboard and the period for the component, you can enter a time offset value here. For further details, please refer to the dedicated section.
Alternatively, if you want to apply a completely different time range to the component, ignoring the one selected for the dashboard, you can use the "Lock" button.
The "Lock" button allows you to override the global dashboard time range and force this component to always use its own specific period.
To do this, click the "Lock" button, and then select the time range you wish to use:
the type of stacked chart : stacked bars or stacked areas
the aggregation to apply to the graphics and the reference duration :
For example, if we want to get the average of the values every hour :
Note: You can edit the display name of the selected metrics in this component.
Metric
Once the general information is entered, you can select the metrics to use by clicking on the 'Add a metric' button.
The usual io-base metric search window. Several tabs allow a search either from the tree structure, or by meta-data, or by metric name. When you have found the right metric, click on the button to add it. The metrics appear in the table on the right.
You can delete the metric from the right table by using the delete icon.
Note : for a stacked chart component, it is possible to add several metrics.
To confirm the selection, click on Save.
A preview of the component will appear on the left.
You can configure the color used for displaying the graphs :
Each curve can be duplicated. To do so, in the Actions column, click on the button outlined below :
You can also enter minimum and maximum visibility values for your graphic, as well as the interval to apply for the graduations. With each change, the graphic updates on the right side to visualize the changes.
Once all the settings are complete, you can click on Save to save and make your component appear in the dashboard.