Plugins 〉Bump Chart Panel


Developer

Katrina Turner

Sign up to receive occasional product news and updates:


Grafana Cloud
Grafana Cloud
  • Grafana, of course
  • 10k series Prometheus metrics
  • 50 GB logs
  • 50 GB traces
  • 2,232 app o11y host hours
  • ...and more
Create free account

No credit card needed, ever.


Panel
community

Bump Chart Panel

  • Overview
  • Installation
  • Change log
  • Related content

Bump Chart Panel Plugin

CI Release

This is a panel plugin to generate a bump chart in Grafana 8.0+. Bump charts are useful for visualizing rank data over time. The vertical axis is scaled by rank instead of value, which can be useful for overviews or big picture situations.

How it works

The bump chart requires time series data for the horizontal axis and some type of grouping for the vertical axis. The plugin sorts the groups by value and displays the top N number of groups as selected by the user. Because of this, there MUST be more groups returned by the query than lines you choose to draw. The plugin works this way to allow a "true" top N to be displayed for each time bucket.

Customizing

Number of Lines: The number of lines to display by default on the bumpchart. Make sure the query provides AT LEAST this many data groups or it won't work. In the example above, the number of lines chosen was 10, but the query returned the Top 50 results, which is why some of the lines drop in and out of the top 10 over time.

Axis Header: The Header for the vertical axis showing all the labels. In the example above, "Organization" is the header.

Tooltip text for value: The text that will show up in the tooltip to describe the value.

Label Width: The allotted right margin width. Labels that are too long to fit will be truncated.

Label Size: The font size for the right axis labels.

Interval: Whatever interval you set for your time series data will be the size of the bins for the bumpchart. In the example above, 2 weeks was chosen for the interval.

Installing Bump Chart Panel on Grafana Cloud:

For more information, visit the docs on plugin installation.

Installing on a local Grafana:

For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.

1. Install the Panel

Use the grafana-cli tool to install Bump Chart Panel from the commandline:

grafana-cli plugins install 

The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.

2. Add the Panel to a Dashboard

Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.

To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.

Change Log

All notable changes to this project will be documented in this file.

v1.1.0

  • Update Tooling
  • Add label width option
  • Add text size option
  • Truncate labels if too long
  • Sorting bug fix