RGraph Gauge Charts

Content Type: Widget
Categories: User Interface

Overview

Add an interactive Gauge chart based on the lightweight RGraph library to your Mendix application. Two types of gauges are supported: - Original (odometer-like); - Semicircular Progress

Documentation

Demo urlhttps://https://d3gaugechart.mxapps.io/index.html?profile=Responsive

Typical usage scenario

When reporting needs to be presented in a Mendix application for some key progress indicator.

Features and limitations

  1. Two different Gauge Types;
  2. SVG and Canvas supported;
  3. Styling customizations:  
    1. Coloured Sections; 
    2. Animations;
    3. Text formatting;
    4. On Click microflow;

Limitations

SVG only supported for the Semicircular Progress chart type.

Configuration

Step 1: Create a non-persistent GaugeWrapper entity in which at least three Decimal type attributes should be present: Value, MinValue and MaxValue.

Step 2: Add a dataview to your page, populated by a datasource microflow that creates this GaugeWrapper entity.

Step 3: Configure the widget

Configuring the widget is straightforward due to informative texts below settings. Some extra notes:

  • Always configure the Gauge Sections part.
  • If only one color is needed, let the range start at 0, end at 100 and have the color you want.
  • Based on the chosen Gauge Type in the General tab, you either configure the Semicircular OR the Original tab.

 

Releases

Version: 2.0.0
Framework Version: 7.13.1
Release Notes: * Moved to version 5.2.1 of RGraph library as there were bugs in the SVG implementation. * Removed "RGraphGauge/lib/RGraph.common.zoom" file since it is absent in v5.2.1. * Removed setTimeout for adding eventhandlers, now properly added via adding an event listener to 'draw' event.
Version: 1.2.0
Framework Version: 7.13.1
Release Notes: Added subscriptions so Gauge Chart will update if Value is changed and a refresh in client is done.
Version: 1.1.1
Framework Version: 7.13.1
Release Notes: Fix for non-zero starting value
Version: 1.1.0
Framework Version: 7.5.0
Release Notes: BugFix for broken refresh of Original Gauge
Version: 1.0.0
Framework Version: 7.3.0
Release Notes: Add an interactive Gauge chart based on the lightweight RGraph library to your Mendix application. Two types of gauges are supported: - Original (odometer-like); - Semicircular Progress