Plugins 〉Slope Graph Panel


Sign up to receive occasional product news and updates:


Slope Graph Panel

  • Overview
  • Installation
  • Change log
  • Related content



Slope Graph Panel

This panel produces a slope graph of pairs produced by the query. It automatically sorts them in descending order by value. This type of slope graph is most useful for looking at the relationship between two categories.

How it works

The Slope Graph Panel requires two columns of data a start and end for each path.


The left axis will be drawn using the labels from the first column of data and the right will be drawn with the second column. The Number of lines to display variable in the options panel allows you to display LESS data than you queried. For example, if you wanted to show only the top 10 pairs of a set of data, you can query a large set, but only display the top 10 lines. The panel will always sort by the metric value selected and display the top N lines as chosen.

The Left column header and Right column header will display at the top of the left and right axis and can be left blank if you do not want axis labels. Header color sets the font color of these labels.

The Color palette variable allows you to choose the color palette to color the paths. The panel chooses the color from the palette on a scale proportionate to the values returned by the query. Invert Color Palette inverses the order of the colors in the palette.

Lastly, Hover color allows you to set the color the path will turn when hovered over with a mouse.

Installing Slope Graph Panel on Grafana Cloud:

For more information, visit the docs on plugin installation.



  • Update tooling to webpack
  • Fix tooltips for Grafana 9.4+
  • Add Label size/spacing options