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
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
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-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
No comments:
Post a Comment