Spotfire: Custom Gauge for Dashboards

Posted on Updated on

Implementing a Custom Gauge for dashboards


Taking the concept further, we can have a slider on the dashboard to reflect the changing value in the Gauge as in the below screenshot:



<DIV style=”WIDTH: 400px; HEIGHT: 320px” id=gauge>
<H4>Change Value</H4>
<SpotfireControl id=”891ea35a30ad4cc9a92c68b6134f4604″ /></DIV>



//define your javascript libraries
resource=[ “//”,

//add scripts to head

//Make sure you use the Slider Spotfire Control in the “value” field

var g = new JustGage({
id: “gauge”,
value: parseInt($(“#891ea35a30ad4cc9a92c68b6134f4604”).text().substring(0,2)),
min: 0,
max: 100,
title: “Visitors”




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s