Angular Gauge Labels Not Displaying (Javascript Renderer)

[PUI]

@version fusioncharts/3.2.4-sr1.9888

 

The generated svg has negative values for y

<text x="72" y="-1" style="font-family:Verdana;font-size:10px;line-height:14px;color:#555555;fill:#555555;" text-anchor="middle"> <tspan x="72">50</tspan> </text>

 

So the labels are not visible on the screen

[Guest Sumedh]

Hi,

 

Welcome to FusionCharts Forum!

 

Apologies for the delayed response.

 

Can you please provide the entire sample for testing purposes?

[PUI]

Adding manageValueOverlapping='1' and autoAlignTickValues='1'; in addition to decreasing the 'tickvaluedistance' allows the gauges to display correctly, consistently across browsers and flash/javascript renderers.

 

 manageValueOverlapping : 1 ,
 autoAlignTickValues : 1,
 tickvaluedistance : 2,

[Swarnam]