How can I stop an on going render?

[Shrabanee]

Hi,

I want to stop an ongoing render of some chart. Is that possible to do?

[Ayan Bhadury]

Hi,

Could you please elaborate with the help of a use case example, when you want to stop the rendering the charts, so that we could suggest you more accurately regarding the matter.

Awaiting your feedback.

[Shrabanee]

Hi @Ayan Bhadury

Let me try to explain it.

So we are showing a pie chart. We have a setting for the chart as radio buttons.

When user will change the setting we will send a request to the server to get data and then we are rendering the chart again. If a user is continuously changing the setting the chart is loading again and again, which is causing some error in console.

So I want to prevent rendering a chart if the user is changing the setting before chart can finish loading.

[Ayan Bhadury]

Hi,

Thanks for sharing us the information.

Instead of re-rendering the chart on each setting events you could use FusionCharts setJSONData or SetChartData API method to update the data of your chart at the runtime.

To know more about setJSONData API method click here- https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setJSONData

[Shrabanee]

Hi @Ayan Bhadury

Thanks for the solution you gave.

I tried using this before also. It is not doing the animation on updating data using setJSONData or SetChartData API.

Is there any way to show the animation in this situation?

[Ayan Bhadury]

Hi @Shrabanee

Please use transposeAnimation attribute at the chart level and set as 1 at the chart level

[Shrabanee]

Hey @Ayan Bhadury

Thanks. 

That will help me. Is the flag available for all the chart types or only pie and doughnut chart? 

[Ayan Bhadury]

Hi,

The attribute is still in development phase, and its expected to work for most of the charts as of now. 

[Shrabanee]

Hi @Ayan Bhadury ,

So what about browser compatibility? Will it work properly in all the recent browsers?

Edited December 4, 2017 by Shrabanee

[Ayan Bhadury]

Yes, this would work on all modern browsers.

[Shrabanee]

Hi @Ayan Bhadury,

So I have used "transposeAnimation" but it is not giving a smooth animation as the initial animation.

Any delay of animation or anything I can use along with 'transposeAnimation' to make the animation smoother?

 

 

 

[Ayan Bhadury]

Yes, you could use transposeAnimationDuration attribute to delay the animation effect.

[Shrabanee]

@Ayan Bhadury what is the value I need to give for transposeAnimationDuration? 

Can you show me some sample data for this?

[Ayan Bhadury]

Hi @Shrabanee

Apologies that would be transposeAnimDuration attribute.

Please check the sample for reference - https://jsfiddle.net/em5Lv48r/

[Shrabanee]

That worked. Thanks @Ayan Bhadury  

[Ayan Bhadury]

Good to know that it was helpful.

[Shrabanee]

Hi @Ayan Bhadury

Can you explain to me about "transposeAnimDuration" & "transposeAnimation" ? Or if you have any document I can refer to, can you share that with me?

I am not getting any documentation for those.

[Ayan Bhadury]

As stated earlier since the attributes are still in development phase hence the documentation regarding the attributes are currently not available.

transposeAnimation lets you update your chart in an animated way, whereas transposeAnimDuration allows users to specify loading animation duration on data update.

 

[Shrabanee]

Ok @Ayan Bhadury
That explains the attributes. 

I am planning to use these attributes, but in future, it should not just break.

When can we get this attributes stable and how do I know when it is done fully?

[Ayan Bhadury]

We would let you know when its stable in our future releases.

[Shrabanee]

Hi @Ayan Bhadury,

Please see the fiddle https://jsfiddle.net/em5Lv48r/2/

The animation is not smooth. It is flickering when y-axis range is getting changed. 

Which is not looking good.  

Any solution for this?

[Ayan Bhadury]

As of now, y-axis animation is not possible, when the data are updated.