×
Community Blog New Features of Grafana 10: Experience and Collaboration Enhancement

New Features of Grafana 10: Experience and Collaboration Enhancement

This article provides a detailed overview of the new features introduced in Grafana 10.

By Huiling (Moxin Su)

To celebrate the 10th anniversary of Grafana, Grafana Labs has released Grafana 10, a significant version that focuses on improving the user experience and making it easier for developers to use. Grafana v10.0.x introduces impressive new features, including enhanced visualization and collaboration capabilities for developers and enterprises. Additionally, it includes the following updates:

• Update Panel

• Update Dashboard

• Update the navigation bar

• Update Grafana Altering

This article will only cover some of the features introduced in Grafana v10.0.x. For more detailed information, please refer to the Grafana documentation [1].

Now, let's explore the various new features and capabilities of Grafana 10.

1. New Panel

(1) XY Chart Panel

Grafana v10.0.x introduces a new XY chart panel that supports line charts and scatter charts.

1

(2) XY Trend Panel

Grafana v10.0.x adds the XY trend chart feature. The trend chart allows you to display trends with the x-axis representing a value (x should be incremental) instead of time. This panel resolves issues that cannot be solved by either Time Series or XY Chart panels. For example, the XY Trend panel can be used to plot function graphs, rpm/torque curves, supply and demand relationships, and more.

2

(3) DataGrid Panel

Grafana v10.0.x introduces the DataGrid panel to support data editing within the Grafana dashboard for data customization. You can use this panel to fine-tune data retrieved from the data source or create new data.

3

4

The modified data is saved as a snapshot and does not update over time.

5

After saving the DataGrid, select the dashboard data source in the new panel. You can use the fine-tuned data as the data source and transform the DataGrid data.

6
7

(4) Canvas Panel

The Canvas panel is a new feature that combines the powerful capabilities of Grafana with the flexibility of custom elements. The Canvas visualization is an extensible panel that allows users to explicitly place elements in static and dynamic layouts, enabling the design of custom visualizations and overlaying data in ways not possible with the standard Grafana panel. For example, you can place an image layer, overlay text that is updated by a Grafana data source, and display an icon that can change color based on the data.

8
9

(5) Logs Panel Optimization

Grafana v10.0.x further optimizes the display of log types and introduces the following features and components:

• Operation record details, including a "copy" button to easily copy rows and an eye icon to display only selected labels, allowing you to focus on specific information without leaving the log context.

• The line feed switch allows long text to wrap, enabling you to read and analyze log entries directly in the log context.

• The Split View button enables contextual querying of log entries in Explore's split screen.

a) Supports direct copy of log content & long text expansion.

10

b) Expands the context of the selected log, allowing you to split the screen directly.

11
12

2 New Dashboard

(1) Multi-level Folder

Grafana v10.0.x supports multi-level folders to manage a large number of dashboards in a more hierarchical manner.

Note: When a child folder is moved, it inherits the permissions of the new parent folder.

13
14

(2) Support Queries of Mixed Data Sources

By selecting the Mixed data source in the Explore section of Grafana V10.0.x, you can define a data source for each query and display it in the same figure.

15

(3) Data Source Selection

• When selecting a data source in Grafana v10.0.x, click open advanced datasource picker to expand the data source selection page. By doing so, the optional data sources can be displayed more clearly.

• When you edit or create a Grafana v10.0.x panel, you can upload a specific type of data source, such as .csv, .txt, .xlsx, and .json, by dragging or selecting it on the Data Source Selection page.

16

(4) Comments -> Time Region Marking and Screening

Grafana 10 supports marking time regions in the time series panel. Time regions provide a more contextual experience, with the ability to highlight certain days of the week, such as Monday to Friday, to show the work week next to the data. Time regions are also a useful way to highlight specific parts of a day, such as nighttime, work hours, or any time slots you want to define for each day. They allow you to quickly locate certain parts of a day or ignore highlighted parts of the time series.

Setting method: Create an annotation in the Annotations section of the dashboard and apply the annotation.

17

The above annotation means that the 15:00-19:00 time slot every day is specially marked:

18

You can define different time regions to display as needed:

19

You can now filter dashboard annotations to apply annotations to all panels or selected panels, or use them to exclude selected panels.

20

3 Update the Navigation Bar

(1) Search Bar

Grafana v10.0.x has a search bar added at the top of all pages, allowing direct search and access to all pages and recently used dashboards.

21

(2) Data Source Connections

In Grafana v10.0.x, the left-side navigation menu includes the "Connections" section, which provides new paths for creating and editing data sources, making it easier to access data source-related tools.

The Add new connection section displays all data source plugins. Once installed, you can create a data source directly from the plugin page.

Data sources in Grafana 10 are consistent with data source management in Grafana 9.

Note: You need to log in as the admin user for the installation process.

Grafana 10 still supports the old data source installation path, but you will receive a notification or alert.

22
23
24

(3) Page Jump

You can use the breakcrumb component to display the path of the current page and quickly return to any page on the previous path.

25

4 Update Grafana Altering Alert

(1) Preview Notification Templates

Grafana 10 allows you to preview the alert content after you define alert notification templates.

26

(2) Copy and Create New Alert Rules

New alert rules can be created by copying, which can be created more conveniently when multiple similar rules are needed.

You can click the Export button to export all alert rules.

27

Reference

[1] The Grafana documentation

https://grafana.com/docs/grafana/latest/whatsnew/whats-new-in-v10-0/

Learn more about Managed Service for Grafana

0 1 0
Share on

You may also like

Comments