Pentaho Tools :

Pentaho C-Tools(CDE,CDF,CDA),Pentaho CE & EE Server,OLAP-Cubes,Analysis using Pivot4J, Saiku Analytics, Saiku Reporting, Ad-hoc Reporting using Interactive Reporting Tool,Dashboards,Reports using PRD, PDD,Data Integration using Kettle ETL,Data Mining usign WEKA,Integration of Servers with Databases,Mobile/iPad compatible Dashboards using Bootstrap Css,Drilldown dashboards,Interactive Dashboards

Monday, 21 April 2014

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