Plugins 〉Percentage Trend


Developer
Niko Schmuck


Sign up to receive occasional product news and updates:



Panel
community

Percentage Trend

  • Overview
  • Installation
  • Change log
  • Related content

Grafana Percent Trend Stat Panel

Build

A panel plugin for Grafana >= 8.1.0 which computes and displays percent with trend compared to a previous value in a stat style big value manner.

Sample panel

Configuration allows to display the percentage value compared to the base value plain or interpret the percentage change as difference ("trend") with a colored (green/red) triangle symbol to see the trend evolution easily.

The idea for this plugin panel was inspired by an article about Embedded Analytics.

Install

Download the latest release (named nikosc-percenttrend-panel-<version>.zip) and unzip it in your grafana plugin folder.

Usage

  1. Query two metrics, remember field names, which have to be specified in the next step

  2. Select the field names of the query results and use them to display your percentage trend

    Configure details in panel options

Develop and contribute

  1. Install dependencies

    yarn install
    
  2. Build plugin in development mode or run in watch mode

    yarn dev
    

    or

    yarn watch
    
  3. Build plugin in production mode

    yarn build
    

More resources

Installing Percentage Trend on Grafana Cloud:

For more information, visit the docs on plugin installation.

Changelog

1.0.0 (2022-09-29)

  • Initial release

1.0.1 (2022-09-30)

  • Added logo

1.0.2 (2022-10-04)

  • Avoid usage of deprecated UI theme and style setup
  • Fixed bug when using pixel to specify percentage value size

1.0.3 (2022-10-05)

  • Checked backward compatibility, set from 7.0.0 to 8.1.0
  • Improved check for existence of referred data frames (kudos to Esteban)

1.0.4 (2022-10-07)

  • Turned screenshot images from README from relative to absolute URLs
  • Submission to Grafana Community

1.0.5 (2022-10-19)

  • Allow to invert colorization of trend (thanks @jammiemil)

1.0.6 (2022-10-25)

  • Support locale unit for percentage value (thanks @itsnull12)
  • Allow to specify number of decimals displayed for percentage value
  • Improved display in case no previous ("base") value available instead of infinity
  • Improved display of stagnation (= 0% difference to base value)

1.0.7 (2022-11-06)

  • Fixed prefix in case of negative percentage trend