Vertical Alignment Of Angular Gauge

[Eric W]

When creating an Angular Gauge using FusionWidgets, the gauge itself seems to be aligned to the bottom of the Flash object. I've attached a screenshot of a widget configured with height="100%". The Debug Mode message denotes the top of the widget.

 

Is there a way to change the alignment of the widget so that the gauge renders in the middle of the Flash object? I know this can be accomplished by decreasing the height of the parent container, but because our widgets need to support a full range of sizes, changing the alignment would be easiest.

 

Thank you.

Edited February 27, 2012 by Eric W

[Guest Bindhu]

Hi Eric,

 

Thank you for the post.

 

Can you please try using "gaugeOriginX" and "gaugeOriginY" attributes of the chart and set appropriate values ?

Ref. Code:

<chart gaugeOriginX='300' gaugeOriginY='450'>
 <colorRange>
<color minValue="0" maxValue="75" code="FF654F"/>
<color minValue="75" maxValue="90" code="F6BD0F"/>
<color minValue="90" maxValue="100" code="8BBA00"/>
 </colorRange>
 <dials>
<dial value="92" rearExtension="10" valueX="130" valueY="100"/>
 </dials>
</chart>

 

The "gaugeOriginX" attribute lets you manually specify the x co-ordinate at which the center of the gauge will be placed.

The "gaugeOriginY" attribute lets you manually specify the y co-ordinate at which the center of the gauge will be placed.

 

For more details on 'Angular Gauge Specification Sheet ', please refer to the link below,

http://docs.fusionch...lar/XMLAPI.html

 

Also, please find attached screen shot of the chart rendered using the above sample XML.

 

Hope this helps !

 

Happy FusionCharting

Edited February 28, 2012 by Bindhu