Platform Center

Home / Platform management / Operations center / Monitoring / Dashboards / Pannel

Pannel

The platform provides a variety of visualisations to support different usage scenarios. This section will focus on these pannel types, configuration options and usage.

Pannel Description

No.	Pannel Name	instruction	Suggested Scenarios of Use
1	Trend	Demonstrate the trend of the data over time with one or more polylines.	Show trends over time, such as changes in CPU utilisation, memory usage, and other metrics.
2	Step Line Chart	Based on a line chart, horizontal and vertical lines are used to connect data points to form a ladder.	It is suitable for displaying the time points of discrete events, such as the number of alarms.
3	Bar Chart	Use vertical rectangular bars to represent the size of the data, with the height of the bar representing the value.	Histograms can visually compare the differences in values, which is conducive to the discovery of patterns and anomalies, and is suitable for scenarios that require attention to changes in values, such as the number of container groups, the number of nodes, and so on.
4	Horizontal Bar Chart	Similar to a bar chart, but uses horizontal rectangular bars to represent the data.	When the data has more dimensions, bar charts make better use of the spatial layout and improve readability.
5	Gauge Chart	Use semi-circle or circle shape to represent the current value of the indicator and its proportion to the total.	Visualise the current status of key monitoring indicators, such as system CPU usage, memory usage, etc. It is recommended to use warning thresholds with colour changes to remind the indicators of abnormal conditions.
6	Bar Gauge Chart	Use vertical rectangular bars to represent the current value of the indicator and its percentage.	Visualise the current state of key metrics, such as progress towards goals, system load, etc. When there are multiple categories of the same metric, it is more advisable to use bar charts, such as free disk space, or usage.
7	Pie	Use fan shapes to show the proportional relationship of each part of the data to the whole.	Ideal for showing the composition of the overall data in different dimensions, such as the percentage of 4XX, 3XX, and 2XX return codes over time.
8	Table	Organise data in rows and columns for easy viewing and comparison of specific values.	It is suitable for displaying structured multi-dimensional data, such as node details, container group details, and so on.
9	Stat Chart	Shows the current value of a single key indicator, usually accompanied by a text description.	Suitable for displaying real-time values of important monitoring metrics, such as the number of container groups, the number of nodes, and the number of current alarms.
10	XY Chart	A series of data points are plotted using a Cartesian coordinate system, reflecting the correlation between two variables.	It is suitable for analysing the relationship between two indicators. Through the distribution of data points, patterns such as linear correlation and clustering can be detected, which helps to explore the correlation between indicators.
11	Text Chart	Key textual information is presented in the form of cards, usually containing a title and a brief description.	Suitable for presenting some textual information, e.g. pannel explanations, troubleshooting instructions, etc.

Description of pannel configuration

common parameter

parametric	instruction
Basic information	Select the appropriate pannel type according to the selected indicator data, and add the title and description; you can add one or more link addresses, and after you add them, you can select the corresponding link name on the right side of the title to jump quickly.
standard setting	The units used for the native indicator data. In addition, ring and bar charts support the configuration of Total Value fields, which will be displayed in the chart as a percentage of Current Value/Total Value.
Tooltips	Tooltips is a switch that displays real-time data on the right side of the mouse when hovering over the pannel, and supports sorting by selection.
threshold parameter	Configure the Chart Threshold switch, when turned on, the threshold will be displayed in the pannel in the selected colour, and the threshold size can be set.
value	Set how the values are calculated, e.g. latest value, minimum value. This configuration item is only supported for statistical charts and ring measurement charts.
value map	Redefines the specified value or range of values, e.g. defines a value of 100 as full load. This configuration item is only supported for statistical, tabular, and circular measurement charts.

Pannel Special Parameters

Type of pannel	parameters	instruction
Trend	Graphic Style	You can choose line chart or area chart as the display style, the line chart focuses more on reflecting the trend change of the indicator, while the area chart pays more attention to the total amount and the change of the proportion of the part. You can choose to use it according to your actual needs.
Gauge Chart	Gauge Chart Settings	Presentation Direction：When you need to view multiple indicators within a single pannel, you can set whether they are arranged horizontally or vertically. unit redefinition：You can set its units independently for each indicator, if not the platform will use the Units in the standard setup are displayed.
Pie	Pie Chart Settings	Maximum number of displayed blocksYou can set this parameter to reduce the number of blocks in the pie chart to alleviate the interference of some of the lower but higher number of categories, the number of blocks exceeding the number of blocks we will merge for you to display as other. Label Display Fields：You can set the fields displayed in the label of the pie chart.
Pie	Graphic Style	You can choose either a pie chart or a ring chart as the presentation style.
Table	Table Settings	hidden column：You can set this parameter to reduce the number of columns in the table, allowing you to focus on some of the main columns of information. column alignment：You can use this setting to modify the alignment of the data in the column. Display name and unit：You can redefine the column’s column name and the units it uses with this setting.
Text Chart	Graphic Style	Style：You can choose to use rich text edit boxes or HTML to edit the content you want to display in the text card.