Visualization panels

Grafana offers a variety of visualizations to support different use cases. This section of the documentation highlights the built-in panels, their options and typical usage.

Note: If you are unsure which visualization to pick, Grafana can provide visualization suggestions based on the panel query. When you select a visualization, Grafana will show a preview with that visualization applied. For more information, see the add a panel documentation.

  • Graphs & charts
    • Time series is the default and main Graph visualization.
    • State timeline for state changes over time.
    • Status history for periodic state over time.
    • Bar chart shows any categorical data.
    • Histogram calculates and shows value distribution in a bar chart.
    • Heatmap visualizes data in two dimensions, used typically for the magnitude of a phenomenon.
    • Pie chart is typically used where proportionality is important.
    • Candlestick is typically for financial data where the focus is price/data movement.
  • Stats & numbers
    • Stat for big stats and optional sparkline.
    • Gauge is a normal radial gauge.
    • Bar gauge is a horizontal or vertical bar gauge.
  • Misc
    • Table is the main and only table visualization.
    • Logs is the main visualization for logs.
    • Node Graph for directed graphs or networks.
  • Widgets

Get more

You can add more visualization types by installing panel panel plugins.

Examples

Below you can find some good examples for how all the visualizations in Grafana can be configured. You can also explore play.grafana.org which has a large set of demo dashboards that showcase all the different visualizations.

Graphs

For time based line, area and bar charts we recommend the default Time series visualization. This public demo dashboard contains many different examples for how this visualization can be configured and styled.

Time series Time series Visualizations - 图2 For categorical data use the Bar chart visualization.

Bar chart Bar chart Visualizations - 图4

Big numbers & stats

The Stat visualization shows one large stat value with an optional graph sparkline. You can control the background or value color using thresholds or color scales.

Stat panel Stat panel Visualizations - 图6

Gauge

If you want to present a value as it relates to a min and max value you have two options. First a standard Radial Gauge shown below.

Visualizations - 图7 Secondly Grafana also has a horizontal or vertical Bar gauge with three different distinct display modes.

Visualizations - 图8

Table

To show data in a table layout, use the Table visualization.

Table visualization Table visualization Visualizations - 图10

Pie chart

Grafana now ships with an included Pie chart visualization.

Pie chart visualization Pie chart visualization Visualizations - 图12

Heatmaps

To show value distribution over, time use the heatmap visualization.

Heatmap Heatmap Visualizations - 图14

State timeline

The state timeline panel visualization shows discrete state changes over time. When used with time series, the thresholds are used to turn the numerical values into discrete state regions.

state timeline with string states state timeline with string states Visualizations - 图16