Fusion Chart Memory Leak.

er.harvindersingh · April 20, 2012

Hello,

In our application we are using Fusion Chart version 3.2 and chart is rendered through javascript.

The chart is rendered into the HTML which is fetched from server using AJAX call (Using jquery TAB widget).

Every time user request new data HTML is fetched from server and chart is rendered.

But every time a chart is rendered and disposed it cause memory leaks.

I have already tried dispose() method as well as fixes suggested on other forums.

dispose() method only reclaim memory in kbs but actually memory leak is happening around 8-10 mb (depending upon data points).

Here is method that we are using to render chart:

function renderDailyViewSummaryChart(chartData){

if(dailyViewSummaryChart != null){

dailyViewSummaryChart.dispose();

dailyViewSummaryChart=undefined;

}

if(dailyViewSummaryChart == undefined){

dailyViewSummaryChart = new FusionCharts("./fusioncharts/StackedBar2D.swf", "ChartId4DailyViewSummaryChart", "560", "212", "0", "0");

}

dailyViewSummaryChart.setJSONData(chartData);

dailyViewSummaryChart.render("dailyViewSummaryChart");

}

April 23, 2012

Hi,

Welcome to the FusionCharts Forum

Thank you for the post.

Can you please let us know the version of FusionCharts that you are currently using ?

If you are not using FusionCharts v3.2.2 SR3, then please upgrade.

Hope this helps !

er.harvindersingh · May 2, 2012

Hi,

I am using Fusion Charts version 3.2.2.

Following is the configuration for which leak is happening:

Browser: IE9 32 bit

Operating System: Windows 7 64 bit.

On the same machine Chrome 18.0 and Firefox 12.0 produces very less memory leaks.

Attached is the html for reproducing the memory leak.

Just click the Render button again and again.

Note:- In the sample file dispose() method is just placeholder but in my actual javascript code dispose() method works but only disposes data which is just in KBs.

Please let me know if you need more info.

memoryLeak.html

May 3, 2012

Hi,

Our observation showed linear increase in memory consumption on every re-render of the chart. This resulted the chart starving the browser of available memory within 10 minutes of operation and eventually causing a browser crash.

The current build has reduced this rate of memory leak to a great extend. On an average case there is now just 15% of the original leak amount.

The new release will have most positive impact on Internet Explorer 6, 7 and 8 (that originally exhibited the worst case) with just 5 to 10% of the original leak amount. FireFox, Chrome and Internet Explorer 9 has been tested to retain only 30% of original leak value but that is consistent with the fact that it originally had nearly half the loss amount when compared to Internet Explorer.

However, we would still continue to improve for coming service releases.

Hope this helps !

Edited May 3, 2012 by Bindhu

pitommasi · May 16, 2012

Hi,

The new release will have most positive impact on Internet Explorer 6, 7 and 8 (that originally exhibited the worst case) with just 5 to 10% of the original leak amount. FireFox, Chrome and Internet Explorer 9 has been tested to retain only 30% of original leak value but that is consistent with the fact that it originally had nearly half the loss amount when compared to Internet Explorer.

Which release are you talking about? When will be this released?

May 16, 2012

Hi,

I meant about the FusionCharts XT SR3 release and it is released.

Omid · May 30, 2012

It is really a serious problem on FusionWidget as well. I have 6 gauges that update every 30 second and after 10 hours it take 2 GB of RAM and then crash. As a workaround I refresh the whole page every 5 minute to release the memory.

I tested both setJSONData and feedData method to update the chart but same mem usage happens.

Omid

May 30, 2012

It is really a serious problem on FusionWidget as well. I have 6 gauges that update every 30 second and after 10 hours it take 2 GB of RAM and then crash. As a workaround I refresh the whole page every 5 minute to release the memory.

I tested both setJSONData and feedData method to update the chart but same mem usage happens.

Omid

Hi,

Try to render once again using FusionWidgets XT SR v1.

Though there will be certain scenarios where memory leak issues will arise.

However, we are continuously working on the memory leak issue and we will try to improve it in upcoming releases of FusionWidgets XT.

Thanks for your time.

Omid · May 31, 2012

Hi,

Try to render once again using FusionWidgets XT SR v1.

Though there will be certain scenarios where memory leak issues will arise.

However, we are continuously working on the memory leak issue and we will try to improve it in upcoming releases of FusionWidgets XT.

Thanks for your time.

Hi,

I'm using the latest one that is SR 1.

BR

Omid

June 1, 2012

Hi,

I'm using the latest one that is SR 1.

BR

Omid

Hi,

As I mentioned in earlier post that we are working on this issue.

We will update you on this shortly.

nataa · October 11, 2012

We are using Fusion Charts XT (V 3.2.2) service pack 4 and still seeing the issue. Any update on this?

October 12, 2012

Hi,

Can you please provide some information on below points?

> What chart type are you using?

> How many data points you are trying to plot?

> In which browser you are facing this issue? send us the browser version details.

> Also, send us the sample code along with the chart XML.

free_wxl · October 18, 2012

What chart type are you using?

[ MSColumn2D.swf ]

> How many data points you are trying to plot?

[>10000]

> In which browser you are facing this issue? send us the browser version details.

[iE9, Chrome 18...]

> Also, send us the sample code along with the chart XML.

[sample chart XML]

<chart caption="成功接听数" baseFontSize ="20" YAxisMaxValue="6000" animation ="0" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numdivlines="6" numVDivLines="12" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0" formatNumber="0" formatNumberScale="0"><categories><category label="成功接听数" /></categories><dataset seriesName="北京" color="AFD8F8" showValues="1"><set value="2220" /></dataset><dataset seriesName="西安" color="F6BD0F" showValues="1"><set value="3000" /></dataset></chart>] ScreenData12[<chart caption="正在通话" baseFontSize ="20" YAxisMaxValue="50" animation ="0" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numdivlines="6" numVDivLines="10" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0"><categories><category label="正在通话" /></categories><dataset seriesName="北京" color="AFD8F8" showValues="1"><set value="20" /></dataset><dataset seriesName="西安" color="F6BD0F" showValues="1"><set value="10" /></dataset></chart>] ScreenData13[<chart caption="空闲座席" baseFontSize ="20" YAxisMaxValue="50" animation ="0" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numdivlines="6" numVDivLines="10" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0"><categories><category label="空闲座席" /></categories><dataset seriesName="北京" color="AFD8F8" showValues="1"><set value="30" /></dataset><dataset seriesName="西安" color="F6BD0F" showValues="1"><set value="20" /></dataset></chart>] ScreenData14[<chart caption="平均通话时长" baseFontSize ="20" YAxisMaxValue="500" animation ="0" numberSuffix="s" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numdivlines="6" numVDivLines="10" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0"><categories><category label="平均通话时长" /></categories><dataset seriesName="北京" color="AFD8F8" showValues="1"><set value="40" /></dataset><dataset seriesName="西安" color="F6BD0F" showValues="1"><set value="30" /></dataset></chart>

[sample javascript code]

function LoadChart(dataString) {

myChart.setXMLData(dataString); // there is memory leak!!!

}

</script>

var dataString ='<chart caption="成功接听数" baseFontSize ="20" YAxisMaxValue="600" animation ="1" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numVDivLines="10" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0">\n\

<categories><category label="成功接听数" /></categories>\n\

<dataset seriesName="北京" color="AFD8F8" showValues="1">\n\

<set value="0" />\n\

</dataset>\n\

<dataset seriesName="西安" color="F6BD0F" showValues="1">\n\

<set value="0" />\n\

</dataset>\n\

</chart>';

FusionCharts.setCurrentRenderer('JavaScript');

var myChart = new FusionCharts("Charts/MSColumn2D.swf", "myChartId", "330", "490", "0", "1");

myChart.setXMLData(dataString);

myChart.render("chartContainer");

// -->

</script>

Edited October 18, 2012 by free_wxl

October 22, 2012

Hi,

A warm welcome to the FusionCharts Forum

Can you please let us know a few more details as mentioned below,

1. Exact Test Bed Details required

2. Exact Browser Version

3. Browser Bit - 32 or 64 bit

4. OS Name & Bit -

5. Flash Player Version - Check from (IE only) www.playerversion.com

6. Flash Player bit - 32 or 64

7. How many charts are there in the single page?

8. System Configuration: RAM Capacity and Processor -

9. Exact Sample Details

10. Type of Chart – Flash or JS

11. Is it only chart or is there are something else in the page like design elements, icons tabs images etc.

12. Using Chart Dispose method?

13. Memory Usage (in KB or MB) for the browser that you are currently using.

Steps to Check the memory the browser is consuming on load with no Chart.

a. Start any blank browser IE or Firefox or opera or Safari

b. Start Chrome In the Address bar type chrome://memory-redirect as in video

OR

c. Start Task Manager Check the Process Usage

d. Extensions & Add ons used in the browser Try to note the browser usage after disabling all the extensions as in video

e. Steps in d & e reflects the browser usage on load with a blank HTML page.

Note: All the questions are mandatory. Any one of the answers missing will not allow us to replicate the exact issue.

Also, please note that the MSColumn2D chart do not support 10000 data points. It is too much to handle for a MSColumn2D chart.

MSColumn2D chart supports around 1000 to 1500 data points only.

Hope this helps!

free_wxl · October 23, 2012

1. Exact Test Bed Details required

2. Exact Browser Version

[browser:IE9, Version:9.0.8112.16421]

3. Browser Bit - 32 or 64 bit

[32bit]

4. OS Name & Bit -

[WIN7, 32bit]

5. Flash Player Version - Check from (IE only) www.playerversion.com

[WIN 11,4,402,287]

6. Flash Player bit - 32 or 64

[32]

7. How many charts are there in the single page?

[1]

8. System Configuration: RAM Capacity and Processor -

[4G RAM, Inter® Core i5-2410M CPU @2.30G]

9. Exact Sample Details

10. Type of Chart – Flash or JS

[MSColumn2D..., JS]

11. Is it only chart or is there are something else in the page like design elements, icons tabs images etc.

[only chart]

12. Using Chart Dispose method?

[no]

13. Memory Usage (in KB or MB) for the browser that you are currently using.

[Each setXMLData time, the IE's memory increases 50KB ]

[myChart.setXMLData(dataString); // there is memory leak!!!]

Steps to Check the memory the browser is consuming on load with no Chart.

a. Start any blank browser IE or Firefox or opera or Safari

b. Start Chrome In the Address bar type chrome://memory-redirect as in video

OR

c. Start Task Manager Check the Process Usage

d. Extensions & Add ons used in the browser Try to note the browser usage after disabling all the extensions as in video

e. Steps in d & e reflects the browser usage on load with a blank HTML page.

Note: All the questions are mandatory. Any one of the answers missing will not allow us to replicate the exact issue.

Also, please note that the MSColumn2D chart do not support 10000 data points. It is too much to handle for a MSColumn2D chart.

MSColumn2D chart supports around 1000 to 1500 data points only.

Hope this helps!

free_wxl · October 23, 2012

sorry, update it:

13. Memory Usage (in KB or MB) for the browser that you are currently using.

[IE's memory 80,000KB in begin, Each render time, the IE's memory increases 50KB ]

[myChart.setXMLData(dataString);]

[myChart.render("chartContainer"); // there is memory leak!!!]

Edited October 23, 2012 by free_wxl

free_wxl · October 23, 2012

Source code

=====================================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>chart</title>

function LoadChart(dataString) {

myChart.setXMLData(dataString);

myChart.render("chartContainer");// there is memory leak!!!

CollectGarbage();

}

</script>

h2.headline {

font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;

padding: 0;

margin: 25px 0 25px 0;

color: #7d7c8b;

text-align: center;

}

p.small {

font: normal 68.75%/150% Verdana, Geneva, sans-serif;

color: #919191;

padding: 0;

margin: 0 auto;

width: 664px;

text-align: center;

}

</style>

</head>

<body>

<defs>

</clippath>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</lineargradient>

</defs>

</text>

</text>

</text>

</text>

</g>

</path>

<tspan x="232">Weekly Sales Summary</tspan>

</text>

</text>

</text>

</text>

</text>

</text>

</text>

</g>

</g>

</g>

</g>

</text>

</text>

</text>

</text>

</g>

</text>

<tspan x="29.299999999999997">Sales</tspan>

</text>

</text>

</g>

</g>

</svg>

</div>

</span>

</div>

var dataString ='<chart caption="成功接听数" baseFontSize ="20" YAxisMaxValue="600" animation ="1" bgColor="000000" bgAlpha="0" showLabels="1" showvalues="1" decimals="0" numberPrefix="" numVDivLines="10" divLineAlpha="30" drawAnchors="1" labelPadding ="10" yAxisValuesPadding ="10" useRoundEdges="1" legendBorderAlpha="0">\n\

<categories><category label="成功接听数" /></categories>\n\

<dataset seriesName="北京" color="AFD8F8" showValues="1">\n\

<set value="0" />\n\

</dataset>\n\

<dataset seriesName="西安" color="F6BD0F" showValues="1">\n\

<set value="0" />\n\

</dataset>\n\

</chart>';

FusionCharts.setCurrentRenderer('JavaScript');

var myChart = new FusionCharts("Charts/MSColumn2D.swf", "myChartId", "330", "490", "0", "1");

myChart.setXMLData(dataString);

myChart.render("chartContainer");

// -->

</script>

</body>

</html>

free_wxl · October 23, 2012

sorry, update it:

13. Memory Usage (in KB or MB) for the browser that you are currently using.

[IE's memory 80,000KB in begin, Each render time, the IE's memory increases 50KB ]

[myChart.setXMLData(dataString);// there is memory leak!!!]

free_wxl · October 24, 2012

In Fusion Chart demo "Management Dashboard", continuse use mouse click "Yearly Sales Comparion" chart, IE's memory increase.

http://www.fusioncharts.com/demos/business/management-dashboard/view/Default.asp

free_wxl · November 15, 2012

http://docs.fusioncharts.com/charts/Code/JavaScript/ExampleApplication/index.html, this demo has memory leak.

Swarnam · November 22, 2012

Hi,

Thanks for the inputs. Apologies for the delayed response.

Memory leak issue has been addressed to a certain extent in our latest release.

We are constantly working on this area and will try to improve in the upcoming service releases of FusionCharts.

We would update you on the same.

DenisDev · February 10, 2013

Hi,

Thanks for the inputs. Apologies for the delayed response.

Memory leak issue has been addressed to a certain extent in our latest release.

We are constantly working on this area and will try to improve in the upcoming service releases of FusionCharts.

We would update you on the same.

Could you please tell us the status of updates? Was this issue eliminated? If it still has some percent of leaks in any browser, then we need to refresh the page fully and can't leave it working for days. I have the same situation where I re-render charts but call dispose method, besides that I use HTML5 version only. On flash it worked ok though I moved to javascript and now need to be sure that my application won't crash. I am using @version fusioncharts/3.2.4-sr1.9888

Code that is used for dispose:

var fusionChart = FusionCharts.items[chartId];

fusionChart.dispose();

delete fusionChart;

fusionChart = null;

Browser tested: IE9 and Firefox. Though Firefox tries to keep the memory the same, I am not sure it will be 100% working on production where I don't re-render the same charts but use to show different charts in same view (but the main set of charts don't change, it just switches by circle)

Edited February 10, 2013 by DenisDev

Swarnam · February 14, 2013

Hi Denis,

Can you please try rendering a JavaScript chart using the latest Trial version(FusionCharts v3.3.0) and share your valuable feedback with respect to memory leaks?

Please Note: To address the memory leak issue, please try removing a chart instance from page and memory. You need to use dispose() function of the chart's JavaScript Object. The function will take care of the rest. Additionally, the function will raise beforedispose event prior to removing a chart and disposed after the chart has been removed. The code is fairly simple and does not require to listen to the events in simple implementation.

Ref. Code:

FusionCharts("myChartId").dispose();

DenisDev · February 15, 2013

Hi Swarnam,

I already did that. Also used trial version of FusionCharts. The problem is still there. The problem is in library, I am facing this issue from the earliest versions. But opposite to Flash version, Javascript doesn't have a solution. I used Flash versions and dispose worked ok, the memory became free and I could run re-rendering of charts for days, weeks and months without page reload. Now I have to move to HTML and the memory becomes fully used at the end of first day. Have you run charts re-rendering in long term (without page reload)? For example, use setTimeout or setInterval.

Edited February 15, 2013 by DenisDev

Fusion Chart Memory Leak.

Recommended Posts

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Sumedh

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Sumedh

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Sumedh

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post