FlowCharting

Panel

Flowcharting is a Grafana plugin. Use it to display complexe diagrams using the online graphing library draw.io like a vsio

Changelog

[0.9.0] - 2020-05-31

Added

  • CSV Format support for flowchart source (https://drawio-app.com/import-from-csv-to-drawio/)
  • New aggregation : Time of last point
  • New fill Method : Gradient (See example)
  • Graph hover support (See example)
  • Better rendering of color animation with chroma-js
  • New Events/Animations Mapping :
    • Modify Gradient direction
    • Modify Arrow start and end connectors (See example)
    • Flip shape horizontally or vertically
    • Resize shape in percent (See example)
    • Flow animation (experimental, not work with a shadow on arrow)
  • New homepage schema
  • Support external fonts like google fonts (See example)
  • New anonymizer feature in inspect section to share the diagrams without sensible data (See example)

Fixed

  • Fixed : Flowchart grid display
  • Fixed : background color field in edit mode
  • Fixed : Blink event
  • Fixed : Overflow on grafana v7 (issue #172)

[0.8.1] - 2020-05-11

Added

Fixed

  • Fixed : Dashboard variables.
  • Optimize performance and size (7 Mo instead 15 Mo).

[0.8.0] - 2020-05-02

Added

  • Add Identification by Value/lable in field 'what' in rules (experimental)
  • Upgrade Draw.io libs (13.0.1)
  • Add option to disable regex/eval for a small performance gain.
  • Add 2 new color modes in Color mapping section :
    • "Label background"
    • "Label borber"
  • Add Execution times stats to optimize rules.
  • Foldable container without disable lock.
  • Add New custom variables for supported fields (Text Mapping 'with', Link Mapping 'Url' and Event Mapping 'Value'):
    • ${_value} : raw value
    • ${_formatted} : formatted value
    • ${_level} : current level
    • ${_rule} : name of current rule
  • Add New Feature : Events / Animations Mapping, according the level (See example)
    • Change shapes form
    • Change size, opacity, rotation, ...
    • Hide/Blink shapes
    • And more...

Fixed

  • Log scale, thanks Dennis (issue #68)
  • Shape still selected when deleting map.
  • Select list (typeahead) in fields 'whats' and map values for string type in rules
  • Level State with range or value mapping.
  • Lock always true in flowchart option (issue #138)
  • Fix Remove link
  • Fix range value Min and Max range when 'from' or 'to' is empty
  • Fix 'With' field in text mapping, empty after clone or save/reload

[0.7.0] - 2020-03-25

Added

  • New conditions and design in rule for each mapping instead one per rule (See example)
    • when : When condition applied
    • what : which shape
    • how : how to colorize shape
    • and more ...
  • Multiple colors for thresholds with type number and string (See example)
  • Gradient color mode (See example)
  • Enable/disable animation like fade color for best performance or best render in 'Direct link rendered image'
  • Update libs :
    • draw.io : 12.8.6 (Kubernetes shapes and more)
    • mxgraph : 4.1.0

Fixed

[0.6.1] - 2020-01-15

Fixed

[0.6.0] - 2019-12-21

Added

  • Experimental implementation for table type data (Mysql, Postgres, Zabbix, Streaming, loki and other ...)
  • Some optimization on :
    • tooltips
    • States
  • Tooltip Graph :
  • Variables support in download input url (See example)
  • Add gradual effect when color changed (See example)
  • New rule design in editor (See example)
  • Typescript migration for best quality.
  • Build migration to grafana-toolkit (thanks Dominik and Ryan).
  • New engine graph for better draw.io compatibility
  • Better Zoom for firefox and IE/edge.
  • Add controls on edit mode for XML and URL.
  • Regular expression for String type value implemented to define level state.

Fixed

  • Fix download url on first load.
  • Fix value null for string (issue #65)
  • Fix bug "subways" Editor (issue #73)
  • Fix date on 2 digit in tooltip (issue #77)
  • Fix minors bug.

[0.5.0] - 2019-10-17

[0.4.0] - 2019-09-26

Added

  • Draw.io editor (see example)
    • Open draw.io with dark theme for better rendering
    • Display waiting screen when loading xml definition.
  • Upgrading libraries
    • mxGraph 4.0.4
    • draw.io 11.2.8
  • Graph definition
    • Adding download function to download source by http on load. (See example)
  • Metric
    • Adding string support for state (See example)
  • Zoom (issue #19) (See example)
    • On the mouse pointer : Ctrl + Mouse
    • Hold right button to move diagram.
    • double click on shape to zoom on.
    • Escape key to restore.
  • Tooltip/popup support (see example)
    • Grafana style css and date
    • Adding metrics with color according levels
    • Adding colors on metrics in tooltip
    • Adding date of change
    • Adding label input for metric
  • Variables/templates support, accept variable like ${} (See example)
    • In xml definition
    • In text mapping when type in sring for "Range to text" and "Value to text"
    • In link ovewrite
  • full shapes from draw.io included (See example)
  • Some optimizations on render and display.

Fixed

[0.3.0] - 2019-05-07

Added

/!\ Possible breaking change with 0.2.0 and 0.2.5 but it will compatible with next release.

  • Migration process for next release.
  • Dynamic documentation/Examples on popover (thx SCHKN)
  • Params link option, add params of dashboard to link.
  • Full review of code (ES6 Class mode)
  • Unit test with jest to increase quality
  • Fill/text/stoke rules on the same object is possible.
  • Mapping selector helper (chain in mapping)
  • Icon overlay state (display icon warning when NOK)
  • Implemented the conditions to display text according to the states.
  • new inspect Tab with :
    • Renamer ID (double click on ID)
    • State status
    • Debug mode
  • Custom Link Mapping overrite.

Fixed

[0.2.5] - 2019-04-19

Added

  • Mapping Helper for select object with mouse

Fixed

[0.2.0] - 2019-03-18

Added

  • Display graph through xml definition
  • Calibrate display (scale, center, background)
  • Inspect tab to test states and shape from graph.
  • Mapping values and colors (use stroke in color options for arrows instead fill)
  • String type added with range or value mapping.
  • Date type added
  • multi rules with expand/collapes for better display, possibility to reorg rules

[0.1.0] - 2019-09-02

Added

  • Display graph with mxgraph libs
  • Inspect tab to explore object in graph and preview colors

Annex

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

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

Sign up Now

Version

Dependencies:
  • Grafana 6.x.x