Fusion Charts Animation

[deepti]

hi,

 

I am trying to enable animation for fusionchart rendered with Javascript by setting "animation = 1" in the xml string.But it did not work.Any idea what can be the reason?

 

Thanks in advance,

Deepti.

[deepti]

The xml string I have provided is as follows:

<?xml version='1.0' encoding='UTF-8' standalone='yes'?><chart animation='1' rotateLabels='1' slantLabels='1' showYAxisValues='1' adjustDiv='0' yAxisMinValue='-10.0' yAxisMaxValue='37.724922' caption='Range' xAxisName='Time' yAxisName='Sample Range' bgColor='FFFFFF' canvasBgColor='F3F5F5' lineColor='000000' lineThickness='1' numDivLines='3' showZeroPlane='1' formatNumberScale='0' decimals='4' yAxisValuesPadding='0' chartLeftMargin='50' chartRightMargin='20' chartTopMargin='10' chartBottomMargin='10'> <set label='10:54:52 ' value='7.440315' displayValue=' ' toolText='10:54:52 7.440315' anchorBgColor='000000'/> <set label='11:09:52 ' value='12.337391' displayValue=' ' toolText='11:09:52 12.337391' anchorBgColor='000000'/> <set label='11:24:52 ' value='10.733749' displayValue=' ' toolText='11:24:52 10.733749' anchorBgColor='000000'/> <set label='11:39:52 ' value='10.569069' displayValue=' ' toolText='11:39:52 10.569069' anchorBgColor='000000'/> <set label='11:54:52 ' value='12.832624' displayValue=' ' toolText='11:54:52 12.832624' anchorBgColor='000000'/> <set label='12:09:52 ' value='18.373117' displayValue=' ' toolText='12:09:52 18.373117' anchorBgColor='000000'/> <set label='12:24:52 ' value='18.18218' displayValue=' ' toolText='12:24:52 18.18218' anchorBgColor='000000'/> <set label='12:39:52 ' value='16.433134' displayValue=' ' toolText='12:39:52 16.433134' anchorBgColor='000000'/> <set label='12:54:52 ' value='15.926623' displayValue=' ' toolText='12:54:52 15.926623' anchorBgColor='000000'/> <set label='13:09:52 ' value='17.624369' displayValue=' ' toolText='13:09:52 17.624369' anchorBgColor='000000'/> <set label='13:24:52 ' value='11.250302' displayValue=' ' toolText='13:24:52 11.250302' anchorBgColor='000000'/> <trendLines> <line startValue='0.0' displayValue='LCL:0.000000' color='FF1717' valueOnRight='1'/> <line startValue='27.724924' displayValue='UCL:27.724924' color='FF1717' valueOnRight='1'/> <line startValue='13.114911' displayValue='Mean:13.114911' color='0000FF' valueOnRight='1'/> </trendLines></chart>

 

Do i need to set anything else in the javascript for the animation to work in case of JS rendering.Pls help.

 

Thanks,

Deepti.

Edited January 28, 2013 by deepti

[Guest Chaitra]

Hello,

 

Welcome to FusionCharts Forum!

 

We are unable to replicate this issue.

 

Could you please let us know the chart you are rendering? And also, the FusionCharts version you are using?

 

Awaiting your response.

[deepti]

I am trying to render a line chart and the fusion chart version I am using is FusionCharts XT (v3.2.2).

[deepti]

Is the animation in case of JS rendering different from the animation that we get in flash rendering? Do we have more control over the way in which the animation is shown, the speed of animation etc?

[Guest Sumedh]

Hi Deepti,

 

Are trying to render JavaScript chart?

 

Please note, JavaScript charts support only basic animation.

 

JavaScript chart will not animate exactly like Flash chart.

 

Hope this helps!

[deepti]

Ok. Yes I am rendering chart using JavaScript. I could see the animation in case of line charts , different from the flash animation.But can you please tell me if there is any more attributes related to animation other than just enabling animation by setting animation='1'.Because the animation seems to be very fast that it is not at all evident.So is there any other attribute that gives more control on animation?

[Swarnam]

Hi Deepti,

 

No, we do not currently support any attribute to control the animation in JavaScript charts.

 

Hope this helps.

[deepti]

Ok fine.But one more thing I have noticed is in case of flash rendering, the chart will animate each time when the chart is rendered or made visible to UI. For example if two charts are shown in two tabs,even while changing the tab also the the animation happens.But does this happen in case of JS charts animation.For what I tried it was not happening.