Javascript Charts: Getsvg() Call Errors Second Time Around

[rvats]

After upgrading to SR3 for Fusion Charts XT, we are facing issues when calling getSVG() twice on a chart object:

 

First issue:

 

First call:

this.jsVars.hcObj.getSVG()

(returns the SVG string correctly)

 

Second call on the same chart:

this.jsVars.hcObj.getSVG()

(throws a javascript error in the console)

 

This happens because of the call to chartCopy.destroy() in the getSVG() method:

// get the SVG from the container's innerHTML
svg = chartCopy.container.innerHTML;
// free up memory
options = null;
chartCopy.destroy(); (THIS CALL CAUSES THE ISSUE)
discardElement(sandbox);

 

Commenting out that call fixes the issue for now, but we would like the memory to be recollected ideally.

 

Second issue:

 

The getSVG() method returns the visibility property incorrectly:

• In Chrome, the SVG string has: visibility="" which is incorrect since the property cannot be blank (fixed by: .replace(/visibility=""/g, ''))
• In IE, the SVG string has just prop1="val1" visibility prop2="val2", which is incorrect syntax (fixed by: .replace(/ visibility /g, ' '))

Edited March 20, 2012 by rvats

[KrashLog]

Hi,

 

We're having the same issue, any words on a fix coming soon?

[Guest Sumedh]

Hi,

 

We are working on this issue.

 

We will update you on this, as it will be fixed.

[cruzbruno]

I'm getting the same problem, hope it gets fixed soon.

 

Thanks

[Guest Sumedh]

Hi,

 

We are still working on this issue.

 

We will update you soon.

[Steve Grove]

I can confirm that this is still present in Fusion Charts Suite Nov 2012 : calling getSVGString() on the same chart twice results in a JS error shown below

var svgstr = FusionCharts(cid).ref.getSVGString();

 

• Uncaught TypeError: Cannot set property 'enabled' of undefined FusionCharts.HC.js:375
  • h.getSVGFusionCharts.HC.js:375
  • wb.getSVGStringFusionCharts.HC.js:397
  • (anonymous function)local.example.com:157
  • e.extend.eachwww.examplejquery.min.js:2
  • e.fn.e.eachjquery.min.js:2
  • (anonymous function)local.example.com:155
  • f.Callbacks.njquery.min.js:2
  • f.Callbacks.o.fireWithjquery.min.js:2
  • wjquery.min.js:4
  • f.support.ajax.f.ajaxTransport.send.djquery.min.js:4

[Sanjukta]

Hi,

 

I can confirm that this is still present in Fusion Charts Suite Nov 2012 : calling getSVGString() on the same chart twice results in a JS error shown below

var svgstr = FusionCharts(cid).ref.getSVGString();

 

• Uncaught TypeError: Cannot set property 'enabled' of undefined FusionCharts.HC.js:375
  • h.getSVGFusionCharts.HC.js:375
  • wb.getSVGStringFusionCharts.HC.js:397
  • (anonymous function)local.example.com:157
  • e.extend.eachwww.examplejquery.min.js:2
  • e.fn.e.eachjquery.min.js:2
  • (anonymous function)local.example.com:155
  • f.Callbacks.njquery.min.js:2
  • f.Callbacks.o.fireWithjquery.min.js:2
  • wjquery.min.js:4
  • f.support.ajax.f.ajaxTransport.send.djquery.min.js:4

 

Please note that we had found a fix which seemed to have been breaking the link of other implementations.

 

Hence, we are probing further into analysis and come up with a solution that would not affect the other implementations. We shall update you once we come up with the solution.

 

Thank you for your continued patience and support.