This guide will help you get started and acquainted with the Grafana user interface. It assumes you have a working Grafana 2.0 instance, and have added at least one Grafana data source.
This guide will help you get started and acquainted with the Grafana user interface. It assumes you have a working
Grafana 2.0 instance, and have added at least one Grafana data source.
Every Dashboard-related feature can be accessed from the main Dashboard header.
The image above shows you the top header for a dashboard.
1. Side menubar toggle: This toggles the side menu, allowing you to focus on the data presented in the dashboard. The side menu provides access to features unrelated to a Dashboard such as Users, Organizations, and Data Sources.
2. Dashboard dropdown: This dropdown shows you which Dashboard you are currently viewing, and allows you to easily switch to a new Dashboard. From here you can also create a new Dashboard, Import existing Dashboards, and manage Dashboard playlists.
...
...
@@ -27,43 +20,21 @@ Every Dashboard-related feature can be accessed from the main Dashboard header.
5. Save dashboard: The current Dashboard will be saved with the current Dashboard name.
6. Settings: Manage Dashboard settings and features such as Templating and Annotations.
Dashboards are at the core of what Grafana is all about. Dashboards are composed of individual Panels arranged on a number of Rows. By adjusting the flexible display properties of Panels and Rows, you can customize the perfect Dashboard for your exact needs/
Each panel can interact with data from any configured Grafana Data Source (currently InfluxDB, Graphite, OpenTSDB, and KairosDB). This allows you to create a single dashboard that unifies the data across your organization. Panels use the time range specificed in the main Time Picker in the upper right, but they can also have relative time overrides.
Grafana makes it easy to create, customize, and share Dashboards. Let's create our first one:
## Rows
To the right of each row you have two colored rectangles, hover over these to get access to quick Row controls.
You can add as many rows as you want, and control the height of each row. Think of Rows as containers for a group of Panels.
## Panels
Panels are where the magic happens. Let's add a Panel to a Row. There are many types of Panels in Grafana (such as graph, singlestat, and text), and more to come. The graph Panel is a particularly powerful way of visualizing time series data.
Add a graph Panel to a Row by clicking the green Row icon and selecting 'graph' from the 'Add panel' option.
## The graph Panel
Click on the Graph Panel's title and then ``Edit`` to open a panel in edit mode.
From the graph Panel edit mode, you can control the styling of the graph, which Data Source it will pull data from, and the specific queries that will generate data to visualize. Let's take a quick look at some of the more interesting tabs:
The 'Metrics' tab is where it all comes together. The interface and capabilities for this tab will depend on the Data Source. From here you can build a list of queries that can be visualized, or used as the basis for other queries that are visualized. The Grafana query editor strives to make it easy for you to ask the right questions of yoru Data Source without having to understand the nuances of its query syntax.
## Dashboard
Dashboards are at the core of what Grafana is all about. Dashboards are composed of individual Panels arranged on a number of Rows.
By adjusting the display properties of Panels and Rows, you can customize the perfect Dashboard for your exact needs.
Each panel can interact with data from any configured Grafana Data Source (currently InfluxDB, Graphite, OpenTSDB, and KairosDB).
This allows you to create a single dashboard that unifies the data across your organization. Panels use the time range specificed
in the main Time Picker in the upper right, but they can also have relative time overrides.
Through the 'Axis and Gris' and 'Display' tabs you can control the exact styling and rendering options for that graph Panels. You can configure things like styling, rendering options, units, and axis through these tabs.
