flowcharting-repository
Manuals and repo for plugin flowcharting
Project maintained by algenty
Hosted on GitHub Pages — Theme by mattgraham
Changelog
Known issues
- Shared cross on grafana 8.x (minor)
- Flow animation on arrows (minor)
- External image from diagrams.net not displayed (minor)
Added
- Convert sync method to async : render graph before update states (x2 faster)
- clean dirty code
- Support last version of grafana (8.5.x)
- New initialization engine for drawio libs
- New draw.io libs (17.x 2022-04-23)
- New notifier handler in panel.
- Change default url draw.io with https://embed.diagrams.net
- New edit design for grafana v7-8 (See example)
- New UX design and new concept “fast edit” :
- Can edit without expand rules and flowcharts with icons
- Advanced/detail mode on expand.
- Fast edit mode
- Add shape name and properties in inspect console (See example)
- Add gaugePos property in Event Mapping for the gauge draw.io models See example)
- Plugin is signed
- Add Light theme support
- New thresholds type : dates (accept units like d, w, m, y, h, s or a date)
- New event mapping operators
- Enable/Disable rule/state/mapping independently.
- Colors (threshold and background) can be empty.
Fixed
- Fixed : Inspect mode (issue #209) (See example)
- Fixed : Label position in shape (issue #147)
- Fixed : Initialization of first model
- Fixed : Display refresh between “edit mode” and “dashboard mode” in grafana v7 (issue #205)
- Fixed : zoom on text without witdth and height
- Fixed : Disable select text when double click for zoom
- Fixed : retro compatibility with grafana 6.x (issue #218)
- Fixed : Zoom with 2 or more FlowCharting (issue #214)
- Fixed : Background color edition in flowchart tab
TODO
- Disable anim not work
- display zoom percent
- align icons
- Size of plugin
- Styles on firefox
Added
- New initialization engine for drawio libs
- New draw.io libs (13.10.9)
- New notifier handler in panel.
- Change default url draw.io with https://embed.diagrams.net
- New edit design for grafana v7 (See example)
- New UX design and new concept “fast edit” :
- Can edit without expand rules and flowcharts with icons
- Advanced/detail mode on expand.
- Fast edit mode
- Add shape name and properties in inspect console (See example)
- Add gaugePos property in Event Mapping for the gauge draw.io models See example)
- Plugin is signed
- Add Light theme support
- New thresholds type : dates (accept units like d, w, m, y, h, s or a date)
- New event mapping operators
- Can Enable/Disable each element.
- Colors (threshold and background) can be empty.
Fixed
- Fixed : Inspect mode (issue #209) (See example)
- Fixed : Label position in shape (issue #147)
- Fixed : Initialization of first model
- Fixed : Display refresh between “edit mode” and “dashboard mode” in grafana v7 (issue #205)
- Fixed : zoom on text without witdth and height
- Fixed : Disable select text when double click for zoom
- Fixed : retro compatibility with grafana 6.x (issue #218)
- Fixed : Zoom with 2 or more FlowCharting (issue #214)
- Fixed : Background color edition in flowchart tab
Added
- New initialization engine for drawio libs
- New notifier handler in panel.
- Change default url draw.io by https://embed.diagrams.net
- New edit design for grafana v7 (See example)
- Add shape name and properties in inspect console (See example)
- Add gaugePos property in Event Mapping for the gauge draw.io models See example)
Fixed
- Fixed : Inspect mode (issue #209) (See example)
- Fixed : Label position in shape (issue #147)
- Fixed : Initialization of first model
- Fixed : Display refresh between “edit mode” and “dashboard mode” in grafana v7 (issue #205)
- Fixed : zoom on text without witdth and height
- Fixed : Disable select text when double click for zoom
- Fixed : retro compatibility with grafana 6.x (issue #218)
- Fixed : Zoom when with 2 or mode panels with flowcharting (issue #214)
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 (See example)
Fixed
- Fixed : Flowchart grid display
- Fixed : background color field
- Fixed : Blink event
- Fixed : Data is null
- Fixed : Overflow on grafana v7 (issue #172)
Added
Fixed
- Fixed : Dashboard variables.
- Optimize perf and size (7 Mo instead 15 Mo).
Add
- 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 more efficient.
- 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…
Fix
- Log scale, thanks Dennis (issue #68)
- shape stills select 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 #68)
- 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
Added
- new conditions and design in rule for each mapping instead one by rule (See example)
- when : When condition applied
- what : which shape
- how : how to colorize shape
- and more …
- Multi 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
- Fix getNames for series (issue #100)
- Fix colors when cloned rules (issue #124)
- Fix shapes with last versions of draw.io (issue #125)
- Fix ‘Direct link rendered image’ (issue #114)
Fixed
Added
- Experimental implementation for table type data (Mysql, Postgres, Zabbix, Streaming, loki and other …)
- PlaceHolder feature supported see doc from draw.io
- Some optimization on :
- Tooltip Graph :
- Variables support in download input url (See example)
- Add graduate animation when color changed (See example)
- New rule design in editor (See example)
- Typescript migration for best quality code.
- Build migration to grafana-toolkit (thanks Dominik and Ryan).
- New engine graph for best compatibility with draw.io.
- Better Zoom for firefox and IE/edge.
- Add checks/controls on edit mode for XML and URL.
- Regular expression for String type values 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.
Added
- 2 new modes for “Update text value” (See example)
- Append (Space) : Concat metrics with a space as a separator
- Append (New line) : Concat metrics with a line break
- Variabilization in “Url” for link mapping (See example)
- New check box to allow download images from draw.io (See example)
- New editor option :
- Other editor draw.io like internal website draw.io are supported
- Choose the theme of editor
- New identification mode for shapes when mouse cursor is over the rules or the mapping (See example)
- Support Dynamic shapes like Floorplan, isometric plans and more (See example)
- New color mode for no SVG object like pictures/cliparts/images (See example)
- Graphs in tooltip (See example)
- Color graph with defined colors in threshold
- Size of graph (See example)
- Define the orientation in tooltip for each metrics/graph in tooltips : horizontal or vertical (See example)
- Some optimizations, Display is twice as fast on load.
Fixed
- Fix color to reset when “Color on” is “Always/Critical” and metric is OK
- Fix border to empty instead black when “color mode” is “Fill” (issue #24)
- Fix error when “Value On” is not “When metric displayed”
- Fix Link (issue #37)
- Fix hyperlink text appears in white over flowchart (issue #45)
- Fix “Multiple FlowCharts On a Dashboard”, when edit, both are the same draw (issue #48)
- Fix options after reload or variable changed (issue #44)
- Fix auto reset zoom/unzoom when data refreshed, only ESC or change options on flowchart reset zoom now (issue #38)
- Fix error for BPNM shapes (Issue #51)
- Fix display when center and scale are checked on flowchart options.
- Fix Zoom with mouse wheel for firefox and Edge.
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
Fixed
Added
- 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
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.
