Angular Gauge How To Place The Value Bellow The Arrow

[Vedmack]

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.

[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 !

[Vedmack]

It helps allot!

 

Thanks

[Guest Sashibhusan]

You are welcome.