CGG dial chart component example

Hi Guys,

This post talk about how to implement CGG dial component in pentaho CDE.

There I need to find few more functionalists on it. For instance : Tool tip of the dial value, Outer layer color change, customizing dial shape and/or color and many more.

This post only talk about how available CGG Dial component example.

Refer this link also : 

http://forums.pentaho.com/showthread.php?165485-How-to-implement-gauge-chart-using-Pentaho-CDE-component

Core part :
You need to store the result of query in a variable using Query component.
Define a query and query component and make use of .

Change the query component Priority from 5 to less of it. for example Query component priority 1 or 2

Increase size of the font by modifying dial.js file located at
/opt/pentaho/biserver.ce/pentaho-solutions/system/pentaho-cdf-dd/resources/custom/components/cgg/charts/dial.js 

Press Ctrl+F and serach for the below line
.font("23px sans-serif")

Note that px(pixel) should be given after numeric font size, otherwise the changes will not take place.  

 Find the development image for easy understanding.

Image-1

 Image-2

 Image-3

Image-4 Output

 

 References :
  
http://forums.pentaho.com/showthread.php?132522-How-did-I-got-the-CGG-Dial-Chart-work

http://forums.pentaho.com/showthread.php?159306-Dial-chart-component-is-not-working-in-Pentaho-5-1-CDE&p=368997#post368997

http://forums.pentaho.com/showthread.php?159422-Dial-component-Problem-in-pentaho-5-0

http://forums.pentaho.com/showthread.php?159935-CGG-Dial-Component-Bug