Grafana rows - the-code-camp/hpe-sre GitHub Wiki

Organizing Panels in Rows

The whole dashboard now looks like this (after dragging panels into the order shown below):

As you can see, it contains four panels that show metrics related to HTTP request handling, as well as one separate gauge panel showing CPU utilization. When panels in a dashboard fall into different thematic areas, it can make sense to organize them into separate panel groups, called rows. As an example, let's organize our panels into two rows: one for request handling metrics and one for resource utilization (currently only CPU usage).

Add a new panel and select "Row" as the panel type:

A new row with a default title of "Row title" will now appear at the top of the dashboard, with all five panels grouped under it by default:

Hover over the row and click the cog icon to open the row settings:

In the resulting dialog, name the row "HTTP Stats" and click "Update":

Now, insert a second row in the same way and name it "CPU Stats":

To categorize the CPU gauge correctly, drag the "Average CPU Usage" gauge panel by its title bar and drop it into the "CPU Stats" row. Then, click the title of the "CPU Stats" row to collapse that row and make it draggeable.

Then, drag the "CPU Stats" row by its right-hand-side drag handle underneath the "HTTP Stats" row and click its title again to reopen the row. The final dashboard should look like this:

You now know how to group panels into rows to create more organized dashboards.