Configuration
To create an X/Y graphic 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:
data filter :
scatter plot
latest value
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 'Search 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 XY chart component, you have to add two metrics.
To confirm the selection, click on Save.
A preview of the component will appear on the left.
You can configure several elements in the graphic :
the size of the displayed points :
For example, if we specify size 5, the points of the component will be :
And with size 10 :
Then, for each metric, 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.
You can reverse the metrics on the y-axis / x-axis in the graphic; to do this, click on the button outlined below :
Abacus
This feature allows you to represent a specific process through a mathematical line or curve on your chart. By using a variable that represents the x-axis values, you can model relationships and easily visualize trends unique to your processes.
To add an abacus, click on "New abacus."
Various configuration fields will appear.
Start by entering the equation for the line you wish to display on the chart.
To construct your equation, you must use a variable.
Syntax : to indicate the variable representing the x-axis values, enter "x".
For example, the equation can be 2+(x^2).
Provide a label for your variable :
Next, click on the icon representing your line to configure it :
You can then set up :
The line style : line or dotted
The minimum and maximum values that your variable "x" should take (x-axis values). For example, if you enter min = 0 and max = 10, the curve for 2*x will be plotted for the interval x [0;10].
The curve thickness : allows you to define the line's thickness on the chart.
The curve color :
The area style : you can choose whether to display the area under the curve, either upwards or downwards.
Once these parameters are set, the equation’s curve will appear :
Once all the settings are complete, you can click on Save to save and make your component appear in the dashboard.
