Vedmack

Angular Gauge How To Place The Value Bellow The Arrow

Recommended Posts

HI

 

I got an angular chart just like in this example http://www.fusioncharts.com/demos/gallery/gauges/chart.asp?id=angular_7

 

I used show value attribute to display the value of the chart, the thing is that the value is being displayed above the arrow "root circle"

 

how can i display the value below the gauge chart ? and how can i make its font bigger...?

 

 

Thanks ahead,

 

Daniel.

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Please find the response to your queries inline, below:

 

how can i display the value below the gauge chart ?

>>Could you please try by setting "valueBelowPivot" attribute to "1" in the <chart> element of your chart XML?

 

and how can i make its font bigger...?

>>You can increase the font size of the DIAL value, by applying Font style to the "VALUE" object of the gauge.

 

Ref. Code:

<chart>
......
<styles>
<definition>
  	<style name='MyFirstFontStyle' type='font' size='22' color='000000' />
</definition>
<application> 
   	<apply toObject='VALUE' styles='MyFirstFontStyle' />
</application>
 </styles>
</chart>

 

Please find the attached screen shot of the same for your reference.

 

Hope this helps !

post-23588-0-47131400-1344417432_thumb.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now