Grafana series of articles, version: OOS v9.3.1
In the last article, we have installed Grafana and seen its initial appearance. In this article, we take a simple large screen as an example to understand Grafana's large screen configuration parameters.
Create the first big screen
Here, take the time series icon as an example to create the first large screen.
Dashboards > New Dashboard > Add a new panel
After selection, enter the chart configuration interface. At present, there is no data. The chart selects Time series by default , that is, the time series chart
In order to have test data, we choose the Grafan data source and use Random Walk , so that it will display a chart generated by random numbers for us to test.
Introduction to Configuration Parameters
After creating the chart, click Apply in the upper right corner , save and exit, and return to the big screen page, the newly configured chart has been displayed
Next, let's go back to the edit chart page, look at the configuration parameters in detail, click the chart title>Edit
We divide the chart configuration page into 4 parts and introduce them separately
① Chart header
On the left is the name of the large screen/Edit Panel
Discard : cancel editing, do not save
Save : save, do not exit
Apply : save, and exit
② Visual preview part
Table view : converts the chart into a table form, very useful for troubleshooting
Show results:
Fill : The space is automatically filled, and the chart will be automatically filled with the change of the window.
Actual : The fixed-size chart will not change with the change of the window.
Show results:
Time range controls : chart time range selector
③ Chart visualization configuration part
Panel options
Configure the title and description of the panel, whether to use a transparent background, panel link jump, and automatic copy options
- Panel links effect:
- Repeat options:
To realize this function, you must first partially configure the large screen variables, first return to the large screen>Setting>Variables , as shown in the figure, I configure two platforms, the variable name is platform , and the variable will be referenced in the panel to
enter the panel edit On the page, we can see that the newly configured data has appeared in the upper left corner, and the variable reference is used${变量名称}
. Here I have quoted it in the title. At the same time, select the configured variable in Repeat options, and select Vertical (vertical display) as the display mode.
Let's see the effect:
Tooltip
Hover display when the mouse moves over the chart, showing single, all, and hidden respectively
Here I take another panel as an example to illustrate:
Legend
Legend options, used to configure the display method, display position, and statistical information of the legend
- Visibility: Whether to display the legend
- Model: List Parallel display Table table display
- Placement: Bottom legend is at the bottom Right legend is at the right
- Values: Select the calculation method of the value displayed in the legend. This is an option provided by the official website. It is actually more than
Show results:
So far we have shown how to create the first large screen, the first panel, and introduced the chart header, the visual preview part, and the chart visualization configuration part. Since the chart visualization configuration part has a lot of configuration content, it will be explained in two parts , the second part introduces Axis, Graph styles, Standard options, etc. The subsequent configuration will also be more powerful and more fun.
Monitoring related other articles:
- Spring Boot Admin Reference Guide
- The problem that the SpringBoot Admin service is offline and does not display health information
- Loading of Spring Boot Admin2 @EnableAdminServer
- Detailed Explanation of Spring Boot Admin2 AdminServerAutoConfiguration
- Detailed Explanation of Spring Boot Admin2 Instance Status Monitoring
- Spring Boot Admin2 custom JVM monitoring notification
- Spring Boot Admin2 custom exception monitoring
- Spring Boot Admin monitoring indicators connected to Grafana visualization