Dynamic image panel

Panel

Concatenate a metric to an URL in order to display an image
  • Screenshots
    Screenshots
  • URL configuration
    URL configuration
  • Image configuration
    Image configuration
  • Tooltip configuration
    Tooltip configuration

Grafana image panel

Display an image by concatenation of an URL, a metric and a suffix.
The result will be : baseURL + icon field + suffix.

Configuration

If queries select multiple fields, use the join transform.

URL

configuration panel
Options for building image URL :

  • Base URL : the start of the URL where to fetch image
  • Icon field : field that contains the name of the image. The special value First non time field will use the first non time field it finds. This is the default value.
  • Suffix : string to add at the end

Image options

configuration panel
Options that allow to choose how the image will be displayed :

  • Image width : the width of the image
  • Image height : the height of the image
  • Single fill : if the query have a unique result, allow to fill the panel instead of using width and height above
  • Alt field : field to use as alt. The special value Use icon field will use the same field as Icon field. This is the default value.

Image tooltip options

configuration panel
Options to add and customize a tooltip :

  • Include tooltip : a tooltip will be display when the mouse hover over the image
  • Include field : include a field value in the tooltip text
  • Tooltip field : select the field values to display in the tooltip. The special value Use icon field will use the same field as Icon field. This is the default value.
  • Include date : the tooltip will include the date and time
  • As elapsed : the date will be displayed as an elapsed date (ie. 4h hours ago)

Screenshot

screenshot

Build

    yarn install
    yarn build

Install

Unzip a release file and rename the extracted folder with dalvany-image-panel For docker, use GF_INSTALL_PLUGINS environment, eg : GF_INSTALL_PLUGINS: https://github.com/Dalvany/dalvany-image-panel/archive/v2.1.1.zip;dalvany-image-panel

Changelog

2.1.1

  • Change default values for tooltip and date inclusion

2.1.0

  • Allow to select a field to use as alt image attribute
  • Add a configurable Tooltip

TODO

  • Use the same tooltip as graph panel
  • Auto select first field instead of having a 'First non time field'

Credits

Logo for the plugin was found here and is under MIT license.

Sign up Now

Version

Dependencies:
  • Grafana 7.x.x