Activity Gauge

Follow

Ronen Avidor

July 23, 2018 19:53

Download: Activity Gauge

Version: 1.0

Introduction

This article explains how to install and configure the Activity Gauge plugin as seen below.  An Activity Gauge chart demonstrates multiple stacked values and provides at a glance comparisons of multiple indicators. 

Purpose/Benefits

Use an Activity Gauge to represent a comparison between various indicators. The below example demonstrate Sales broken down to the various indicators based on Categories.

 

How to Install and Configure the Extension

Step 1 - Add The Plugin

Download the attachment and unzip the contents into your C:\Program Files\Sisense\PrismWeb\plugins\ folder. If you are using version 7.2 and higher unzip the contents into your C:\Program Files\Sisense\app\plugins\ folder. If the plugins folder doesn't exist, just create it. After those files have been unzipped there, you may also have to restart the web server. Now, when you create a new widget the "Activity Gauge" widget should show up in the list of options.

Step 2 - Create the "Activity Gauge" Widget

On your dashboard, click the Create Widget button and select Advanced Configuration. Next, select the "Activity Gauge" from the drop down list. For this you will need to specify the Value and Breakby.

 

The widget also offers the following design options:

1. Value– set the value of the Indicator
2. Break-by - will set the break by field 
3. Legend - will allow user to show/Hide the chart legend
4. Tooltip Display - will allow user to set how the tool-tip values will be displayed (Percentage to Actual Value)

References/Notes

• There is a known limitation with this plugin, as it does not support export to PDF and in some browser export to image will fail
• There plugin doesn’t support clicking on data series to filter

Release Notes

• 15-May-2018– Initial release

2

• 

  Brian Wilson October 01, 2018 20:13

  Fancy!

  0

  Comment actions Permalink
• 

  Simon Tuson January 21, 2019 17:20

  This is cool.

  I'm struggling to fit exactly with what I need. Two changes that maybe somebody can guide me on.

  1. Remove the underlying full ring. In other words only show the solid color and hide the underlying full tinted ring.
  2. Force the sort order from the outside in (low to high or high to low)

  Duplicated this widget and trying to make the changes

  0

  Comment actions Permalink
• 

  Ronen Avidor January 23, 2019 22:03

  Hi Simon,

  I will take a look and will keep you posted!

  Thanks,

  Ronen

  0

  Comment actions Permalink
• 

  Ronen Avidor January 23, 2019 22:41

  Hi Simon,

  looking at the Highchart documentation, this looks like this is the designed behavior of an Activity Gauge.

  Ronen 

  0

  Comment actions Permalink
• 

  Simon Tuson January 24, 2019 12:19

  I looked at the high chart code and found two things:

  1. Change the background opacity value in ActivityGauge.js to 0
  2. I can switch from a full 360 circle to 270 degree by adjusting the endAngle to 270 in ActivityGauge.js 
  3. I missed the option ion the widget to sort values

  The end result is

  

   

  0

  Comment actions Permalink

Please sign in to leave a comment.