munick

There are still various issues with rendering charts in hidden divs. This means that fusion charts can't be used in a tab layout. Here is a jsfiddle showing the issues of rendering a column chart within hidden divs: http://jsfiddle.net/tban810g/3/ Data values are not displayed, legends are rendered over data and there is a very ugly flicker with 100% sized charts. This was supposed to be fixed quite some time ago (http://forum.fusioncharts.com/topic/15776-fusion-charts-in-hidden-divs/). What is the solution?

It looks like file downloads from flash can no longer be initiated from the navigateToURL() AS method in the latest versions of Chrome (282642 and 277210). Has anyone found this issue and found a workaround short of switching to client-side exports? Is it possible to get a patch to use a different AS method to initiate the download?

Sumedh, this doesn't help as we need this to work for all our clients and we can't expect them all to do this.

Has anyone else gotten these errors after upgrading from 3.2.1 to 3.2.2? It happens at render time and it doesn't seem to affect the charts at all. I'm having trouble tracking down the issue since there is no non-minimized debug js file. I enabled debugMode and set the output to firebug like this: FusionCharts.debugMode.enabled(true); FusionCharts.debugMode.outputTo( function() { console.log(arguments); } ); this produced some more obscure error messages: ["#7 [Error: Orphan Event] fired "loaded" event. "] ["#8 [Error: Orphan Event...ed "dataloaded" event. "] d is null FusionCharts.js (line 88) a.options is undefined FusionCharts.js (line 135) ["#9 [Error: Orphan Event] fired "rendered" event. "] ["#10 [Error: Orphan Even... "drawcomplete" event. "] Has anyone seen this?

I hadn't noticed your reply there. I was hoping this would just go away after updating FusionCharts.js to 3.2.3 (Widgets XT) but I'm still getting these same errors, now in Firefox 10.2 on a Mac. They're on different lines now and firebug gives me some more details: d is null encode() FusionCharts.js (line 140) a = Error: Orphan Event [break On This Error] ...tEventId+=1,sender:c||Error("Orphan Event"),stopPropagation:function(){return(th... FusionCharts.js (line 25) h() FusionCharts.js (line 22) a = [function(), undefined] c = function() d = Object { eventType="loaded", eventId=163, sender=Error: Orphan Event} b = Object {} h() FusionCharts.js (line 23) e = [[function(), undefined], [function(), undefined], [function(), undefined], 25 more...] c = Object { eventType="loaded", eventId=163, sender=Error: Orphan Event} d = Object {} triggerEvent() FusionCharts.js (line 25) e = "loaded" c = Object { eventType="loaded", eventId=163, sender=Error: Orphan Event} d = Object {} triggerEvent() FusionCharts.js (line 25) a = "loaded" c = Object {} d = undefined e() FusionCharts.js (line 92) [break On This Error] ...sname?f.chart.xaxisname:"Label");return{data:g.toString(),error:void 0}}});a.cor... FusionCharts.js (line 140) a.options is undefined encode() FusionCharts.js (line 140) a = Error: Orphan Event [break On This Error] ...tEventId+=1,sender:c||Error("Orphan Event"),stopPropagation:function(){return(th... FusionCharts.js (line 25) h() FusionCharts.js (line 22) a = [function(), undefined] c = function() d = Object { eventType="loaded", eventId=171, sender=Error: Orphan Event} b = Object {} h() FusionCharts.js (line 23) e = [[function(), undefined], [function(), undefined], [function(), undefined], 25 more...] c = Object { eventType="loaded", eventId=171, sender=Error: Orphan Event} d = Object {} triggerEvent() FusionCharts.js (line 25) e = "loaded" c = Object { eventType="loaded", eventId=171, sender=Error: Orphan Event} d = Object {} triggerEvent() FusionCharts.js (line 25) a = "loaded" c = Object {} d = undefined e() FusionCharts.js (line 92) [break On This Error] ...sname?f.chart.xaxisname:"Label");return{data:g.toString(),error:void 0}}});a.cor... FusionCharts.js (line 140) In Chrome (v17.0.963.56), I see the following errors: FusionCharts.js:89 Uncaught TypeError: Cannot read property 'tagName' of null FusionCharts.js:22 Uncaught TypeError: Cannot read property 'renderer' of undefined

Unfortunately, it doesn't look like that's the problem here. I'm only including FusionCharts.js once and FusionChartsExportComponent.js once.

Is there any update on this? We're experiencing the same issue in IE7. This is a major problem when you have several charts on a page. It has actually caused IE7 to crash for us while testing. Any info or update would be great. Thanks.

I'm having some issues getting the JS fallback of the pie charts to display labels connected with a line. Instead they are place right on top of the pie chart. I know it can be done, but how? Here is the xml I'm using: <?xml version='1.0' encoding='UTF-8'?><graph caption='Appeal' yAxisMinValue='0.0' yAxisMaxValue='50.0' decimals='0' outCnvBaseFontColor='666666' bgAlpha='0' formatNumberScale='1' toolTipBgColor='FFFFFF' toolTipBorderColor='666666' decimalPrecision='0' adjustDiv='0' showBorder='0' animation='1' showToolTip='0' baseFontColor='000000' bgColor='FFFFFF' numberSuffix='%' startingAngle='90' forceDecimals='1' canvasPadding='25' > <set label='Dislike A Lot' color='0074D9' anchorBorderColor='null' anchorBgColor='ffffff' value='1' hoverText='Base size: 725'/> <set label='Dislike' color='004B8D' anchorBorderColor='null' anchorBgColor='ffffff' value='1' hoverText='Base size: 725'/> <set label='Dislike Somewhat' color='00305A' anchorBorderColor='null' anchorBgColor='ffffff' value='7' hoverText='Base size: 725'/> <set label='Like Somewhat' color='2FB81B' anchorBorderColor='null' anchorBgColor='ffffff' value='39' hoverText='Base size: 725'/> <set label='Like' color='23E000' anchorBorderColor='null' anchorBgColor='ffffff' value='31' hoverText='Base size: 725'/> <set label='Like A Lot' color='00FF1C' anchorBorderColor='null' anchorBgColor='ffffff' value='21' hoverText='Base size: 725'/> <styles> <definition><style name='myCaptionFont' type='font' font='Arial' size='18' color='666666' bold='0.1' underline='0'/> <style name='MyXScaleAnim' type='ANIMATION' duration='0.3' start='0' param='_xscale' /> <style name='MyYScaleAnim' type='ANIMATION' duration='0.3' start='0' param='_yscale' /> </definition> <application> <apply toObject='DataPlot' styles='MyXScaleAnim,MyYScaleAnim'/> <apply toObject='Caption' styles='myCaptionFont'/> </application> </styles> </graph>

I've got an issue with a label getting truncated at the space in a column 2d Chart ("% A Hero" displays as "% A"). There are other labels in the chart that have more characters that don't get truncated. I've included the chart xml below as well as some screenshots. The dimension of the chart is width:"470", height:"230" <?xml version='1.0' encoding='UTF-8'?> <graph caption='Power Factors™' chartRightMargin='1' labelDisplay='Rotate' useRoundEdges='1' chartBottomMargin='1' outCnvBaseFontColor='666666' formatNumberScale='1' toolTipBgColor='FFFFFF' showValues='1' toolTipBorderColor='666666' outCnvbaseFontSize='10' decimalPrecision='0' chartTopMargin='1' adjustDiv='0' interactiveLegend='0' showBorder='0' yAxisMinValue='0.0' animation='0' baseFontColor='000000' bgColor='FFFFFF' numberSuffix='%' yAxisMaxValue='86.0' minimiseWrappingInLegend='1' canvasPadding='25'> <categories> <category label='% A Hero'/> <category label='% Bad'/> <category label='% Cute'/> <category label='% Friendly'/> <category label='% Funny'/> <category label='% Good'/> <category label='% Honest'/> <category label='% Smart'/> <category label='% Talented'/> <category label='% Ugly'/> </categories> <dataset seriesName='Link' color='A81B29' anchorBorderColor='A81B29' anchorBgColor='ffffff' renderAs='COLUMN'> <set value='75' hoverText='Link{br}A Hero: 75% {br}Base size: 71'/> <set value='0' hoverText='Link{br}Bad: 0% {br}Base size: 71'/> <set value='6' hoverText='Link{br}Cute: 6% {br}Base size: 71'/> <set value='25' hoverText='Link{br}Friendly: 25% {br}Base size: 71'/> <set value='11' hoverText='Link{br}Funny: 11% {br}Base size: 71'/> <set value='40' hoverText='Link{br}Good: 40% {br}Base size: 71'/> <set value='31' hoverText='Link{br}Honest: 31% {br}Base size: 71'/> <set value='31' hoverText='Link{br}Smart: 31% {br}Base size: 71'/> <set value='32' hoverText='Link{br}Talented: 32% {br}Base size: 71'/> <set value='0' hoverText='Link{br}Ugly: 0% {br}Base size: 71'/> </dataset> <dataset seriesName='Video game Avg.' color='174284' anchorBorderColor='174284' anchorBgColor='ffffff' showValues='0' renderAs='LINE'> <set value='30'/> <set value='6'/> <set value='19'/> <set value='30'/> <set value='31'/> <set value='34'/> <set value='23'/> <set value='22'/> <set value='20'/> <set value='4'/> </dataset> <styles> <definition> <style name='myDataValueFont' type='font' bold='1'/> <style name='myCaptionFont' type='font' font='Arial' size='18' color='666666' bold='0.1' underline='0'/> <style name='MyXScaleAnim' type='ANIMATION' duration='0.4' start='0' param='_xscale'/> <style name='MyYScaleAnim' type='ANIMATION' duration='0.4' start='0' param='_yscale'/> </definition> <application> <apply toObject='DATAVALUES' styles='myDataValueFont'/> <apply toObject='DataPlot' styles='MyXScaleAnim,MyYScaleAnim'/> <apply toObject='Caption' styles='myCaptionFont'/> </application> </styles> </graph>

Thanks for the reply, some testing showed that it's not an issue on Windows, but it is on the Mac OS Browsers: Firefox 5, Safari 5 and Chrome OS: OSX 10.6.8 Flash: MAC 10,2,152,33 FusionCharts: 3.2.1 FusionCharts.js: 3.2.1.release.2157

There is a small bug with the JS fallback: Clicking on the section of the slice that is outside of the original diameter of the collapsed pie chart doesn't trigger the slicing movement.

Thanks Sanjukta, that did the trick. There is a small bug with the JS fallback: clicking on a slice once it's come out of the original diameter of the chart doesn't trigger the slicing movement. Not major, but still a bug. I'll put it in a new post.

Is there any update to this? We're in the process of switching to 3.2 for iPad compatibility and this is a bit of a show-stopper for us.

I'm having the same issues with StackedColumn charts. Is there any update on this?

I've been having a problem with printing from the contextual menu in Firefox. Any chart that has a transparent background prints out with a very dark gray background. Are there any solutions to this? Here is an example of a chart with the same problem: http://www.cleancruising.com.au/shiplist.asp Thanks.

I've experienced this as well when printing from the charts contextual menu. It seems to always happen with a chart that has a transparent background. Here is an example: http://www.cleancruising.com.au/shiplist.asp

Hello, I thought I'd revive this post since I'm having the same problem. I'm only seeing it in firefox, ie seems to be immune. Here is a link to a fusionchart I found online that has the problem too. http://www.cleancruising.com.au/shiplist.asp These guys are using a gradient bg alpha: canvasBgAlpha="100,40" Any ideas?