hlukes

I have a client using Google Chrome (updated to the most recent version) that cannot get the maps to load that have been working for years. http://www.appa.org/regions/mappa.cfm. I am getting Uncaught RangeError: Maximum call stack size exceeded in Chrome Dev Tools. Uncaught RangeError: Maximum call stack size exceeded at String.split (<anonymous>) at Function.w.listeners (FusionCharts.HC.js:175) at i.eve (FusionCharts.HC.js:174) at n.window.Raphael.svg.R.attr (FusionCharts.HC.js:320) at a.drawBackground (FusionCharts.HC.js:653) at a.init (FusionCharts.HC.js:644) at a.draw (FusionCharts.HC.js:515) at Object.l.createChart (FusionCharts.HC.js:457) at a.core.render (FusionCharts.HC.js:779) at Object.render (FusionCharts.js:56) I am using the same version of Chrome and don't get the error and they load. Help!

Is there a way to export all of the charts on a page at once - not in the same image but each as their own image? We need to generate a PDF with the graphs that are included in a report and we need to do something to get this generated properly.

We are trying to do a stacked bar 2d chart - I don't want any vertical lines. That's all I want to make it look like. Right now it still have the vertical lines. The code is below. How do I get rid of those lines and make it thinner?? var DSCR_BBProperties = new FusionCharts({ type: 'stackedbar2d', renderAt: 'DSCR_BBPropertiesDiv', dataFormat: 'json', width: '250', height: '200', dataSource: { "chart": { "caption": "", "xAxisname": "", "yAxisName": "", "paletteColors": "#92d050,#ffff00,#ffc000,#ff0000", "bgColor": "#ffffff", "borderAlpha": "20", "showBorder": "0", "showCanvasBorder": "0", "usePlotGradientColor": "0", "plotBorderAlpha": "10", "legendBorderAlpha": "0", "showLegend": "0", "legendShadow": "0", "valueFontColor": "#000000", "showXAxisLine": "0", "vDivLineAlpha": "1", "showAlternateVGridColor": "0" }, "categories": [ { "category": [ { "label": "" } ] } ], "dataset": [ { "seriesname": "Bin 1", "data": [ { "value": "5" } ] }, { "seriesname": "Bin 2", "data": [ { "value": "4" } ] }, { "seriesname": "Bin 3", "data": [ { "value": "5" } ] }, { "seriesname": "Bin 4", "data": [ { "value": "9" } ] } ] } }).render(); });

We are trying to use scrollable 2D barcharts - which work well. But when you export to JPG or PNG, it only shows the main screen and not the whole thing. Bug, design, workaround??

I finally did a work around with using percentages for the graph size and a fixed div size for the render.

So this time last year we downloaded the latest version and had an issue with hidden divs. I was told this would be fixed with the newest version of the software. It is downloaded but we still can't use this with hidden divs. I can do visibility: hidden and it works great but if I have a bunch of them on the page, then I have all of this white space (as visibility: none is designed). display: none does not render them properly. I am supposed to be going live with this... Is there any solution for this? the div is clearly not rendering properly. I have attached to the issues. The weird thing - if they all start out as display: block and I click on my toggles to pick one graph to show, it shows only one at a time and it works properly but I have to start out with them all showing which is not what I want. If I start as display: none; they do not render. <div style="display:block;" id="diva3"> <!-- START Script Block for Chart chart1_region --> <div id='chart1_regionDiv' align='center'> Chart. </div> <script type="text/javascript"> FusionCharts.ready(function(){ var myChart = new FusionCharts({ "type": "column2d", "dataFormat": "xml", "renderAt": "chart1_regionDiv", "width": "800", "height": "500", "dataSource": "<chart caption='XXX' xAxisName='' yAxisName='FX' decimals='1' useRoundEdges='1' legendBorderAlpha='0' labelDisplay='Rotate' slantLabels='1' baseFont='Arial' baseFontSize ='12' baseFontColor ='000000' rotateValues='1' numbersuffix='%' exportEnabled='1' exportFileName='Genl_R_FacExpGIE_demo'><set label='X' value='5.68948069895' /><set label='X' value='6.27401980633' /><set label='X' value='6.96991330572' /><set label='X' value='5.61843919235' /><set label='X' value='5.46976884487' /><set label='X' value='6.45676246527' /><set label='Overall' value='6.08762781906' /><styles><definition><style type='font' name='SubCaptionFont' bold='0'/><style type='font' name='myLegend' color='666666' size='13'/><style name='myAxisTitlesFont' type='font' font='Arial' size='12' bold='0'/></definition><application><apply toObject='caption' styles='CaptionFont'/><apply toObject='SubCaption' styles='SubCaptionFont'/><apply toObject='Legend' styles='myLegend'/><apply toObject='X-AxisName' styles='myAxisTitlesFont' /><apply toObject='Y-AxisName' styles='myAxisTitlesFont' /> <apply toObject='DataLabels' styles='myAxisTitlesFont' /></application></styles></chart>" }); myChart.render(); }); </script> <!-- END Script Block for Chart chart1_region --> </div>

You have already indicated this is a known bug in your upgrade. I am waiting for you to fix it. You don't need my code. Nothing worked in your upgrade - no longer export, weird javascript issues.

We just upgraded to the latest version of Fusion Charts and now our charts that are rendering in hidden divs are no longer working properly. We had display: none for the divs and then click the various radio buttons and it would show the option. We changed to visibility: hidden with 0/0 size and then removed it and gave the div a size. That fixed the mess of rendering the chart but now the download menu is below the container DIV. Below is our hide/show. We have tried it without the diplay and that doesn't help either. for (var i=1;i<=7;i++) { var d = document.getElementById("div#i#" + i); d.style.display = (i==val) ? "block" : "none"; d.style.visibility = (i==val) ? "" : "hidden"; d.style.height = (i==val) ? "600px" : "0px"; d.style.width = (i==val) ? "800px" : "0px"; } This is the container div <div style="visibility: hidden;" id="diva6"> </div>

We upgraded from 3.2.3 to 3.3.1 because printing in IE10+ was not working. So now I have bigger issues: My 2DColumn Charts now are all off - the scale doesn't work. The graph doesn't line up with the X/Y axes. My MS2DColumn work just fine still. I can't export at all to JPG using pure Javascript - nothing happens. It doesn't even work on the sample online. In IE10 I get cross-site scripting error can can export to anything at all. We are supposed to go live with our project today!! <chart caption='Facilities Expenditures/GIE' shownames='1' showvalues='1' decimals='2' useRoundEdges='1' legendBorderAlpha='0' labelDisplay='Rotate' slantLabels='1' baseFont='Arial' baseFontSize ='12' baseFontColor ='000000' rotateValues='1' numbersuffix='%' exportEnabled='1' exportFileName='Genl_R_FacExpGIE_inst' showBorder='0' bgColor='FFFFFF' canvasPadding='0'><set label='XXX' value='4.5099' /><set label='University of X' value='5.2594' /><set label='University of X' value='4.9149' /><set label='XUniversity' value='6.1869' /><trendlines><line startValue='4.2001' color='FF0000' displayValue='Overall Avg (12-13)' showOnTop='1'/></trendlines><styles><definition><style type='font' name='CaptionFont' color='666666' size='15'/><style type='font' name='SubCaptionFont' bold='0'/><style type='font' name='myLegend' color='666666' size='13'/><style name='myAxisTitlesFont' type='font' font='Arial' size='12' bold='0'/></definition><application><apply toObject='caption' styles='CaptionFont'/><apply toObject='SubCaption' styles='SubCaptionFont'/><apply toObject='Legend' styles='myLegend'/><apply toObject='X-AxisName' styles='myAxisTitlesFont' /><apply toObject='Y-AxisName' styles='myAxisTitlesFont' /> <apply toObject='DataLabels' styles='myAxisTitlesFont' /></application></styles></chart></chart>

So two issues - I can't export to JPG using pure JS. Not even on your live example. Nothing happens. and in IE, I get a cross-browser scripting error and it won't let me download.

We are still using 3.2.3 - waiting on sales to get me access to my purchased upgrade.

Only in IE 10 and 11 when I export a multiseries bar graph to any format (PNG, JPG, PDF), I lose all of my color in my graphs - they are gray bars instead of color. There is color in the actual legend - just not the render of the bars. Strangely - I doesn't do it on my local copy of IE10 but using BrowserStack, I can replicate the issue. IE9 is fine. They are MS2D. Any ideas what might be causing that? <!-- START Script Block for Chart PSumChart --> <div id='PSumChartDiv' align='center'> Chart. </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); //Instantiate the Chart var chart_PSumChart = new FusionCharts("FusionCharts/MSColumn2D.swf", "PSumChart", "800", "600", 0, 1); //Provide entire XML data using dataXML method chart_PSumChart.setDataXML("<chart palette='1' caption='Total Facilities FTE -- Averages Summarized By: No Summary -- Fiscal Year 2012-13' shownames='1' showvalues='1' decimals='1' useRoundEdges='1' legendBorderAlpha='0' labelDisplay='Rotate' slantLabels='1' baseFont='Arial' baseFontSize ='12' baseFontColor ='000000' rotateValues='1' exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' bgcolor='FFFFFF' showBorder='0' canvasBorderColor='000000'><dataset seriesName='2011' showvalues='1'><set value='199'/><set value='561.7'/><set value='120'/></dataset><dataset seriesName='2012' showvalues='1'><set value='200'/><set value='628.49'/><set value='120'/></dataset><dataset seriesName='2013' showvalues='1'><set value='205.59'/><set value='622.47'/><set value='120'/></dataset><trendLines><line startValue='210.66502008' color='009933' toolText='Average of All Survey Participants - 210.67'/></trendLines><categories><category label='Univ X'/><category label='Univ XX'/><category label='Y Univ'/></categories><styles><definition><style type='font' name='CaptionFont' color='666666' size='15'/><style type='font' name='SubCaptionFont' bold='0'/><style type='font' name='myLegend' color='666666' size='13'/><style name='myAxisTitlesFont' type='font' font='Arial' size='12' bold='0'/></definition><application><apply toObject='caption' styles='CaptionFont'/><apply toObject='SubCaption' styles='SubCaptionFont'/><apply toObject='Legend' styles='myLegend'/><apply toObject='X-AxisName' styles='myAxisTitlesFont' /><apply toObject='Y-AxisName' styles='myAxisTitlesFont' /> <apply toObject='DataLabels' styles='myAxisTitlesFont' /></application></styles></chart>"); //Finally, render the chart. chart_PSumChart.render("PSumChartDiv"); </script> <!-- END Script Block for Chart PSumChart --> <!-- We also create a DIV to contain the FusionCharts client-side exporter component --> <div id="fcexpDiv" align="center"></div> <script type="text/javascript"> //Render the export component in this //Note: fcExporter1 is the DOM ID of the DIV and should be specified as value of exportHandler //attribute of chart XML. var myExportComponent = new FusionChartsExportObject("fcExporter1", "FusionCharts/FCExporter.swf"); //Render the exporter SWF in our DIV fcexpDiv myExportComponent.Render("fcexpDiv"); </script>

I have a page with a number of angular charts on it that export on clientside. This has worked for years but apparently not in IE. Any ideas why IE just gives me a http://myapp/fcExporter1 opened in a new window? <div id="fcexpDiv" align="center"></div> <script type="text/javascript"> //Render the export component in this //Note: fcExporter1 is the DOM ID of the DIV and should be specified as value of exportHandler //attribute of chart XML. var myExportComponent = new FusionChartsExportObject("fcExporter1", "FusionCharts/FCExporter.swf"); //Render the exporter SWF in our DIV fcexpDiv myExportComponent.Render("fcexpDiv"); </script> <div id='Genl825Div' align='center'> Chart. </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); //Instantiate the Chart var chart_Genl825 = new FusionCharts("FusionWidgets/AngularGauge.swf", "Genl825", "300", "300", 0, 1); //Provide entire XML data using dataXML method chart_Genl825.setDataXML("<chart exportEnabled='1' exportAtClient='1' exportFileName='Student Official FTE Enrollment' exportHandler='fcExporter1' bgColor='FFFFFF' bgAlpha='100' gaugestartAngle='225' gaugeendAngle='-45' lowerLimit='0.2' upperLimit='57.5' majorTMNumber='11' adjustTM='0' majorTMThickness='2' majorTMColor='F48900' majorTMHeight='15' minorTMNumber='4' minorTMThickness='2' minorTMColor='000000' minorTMHeight='12' placeValuesInside='1' gaugeOuterRadius='128' gaugeInnerRadius='128' baseFontColor='000000' baseFont='Arial' baseFontSize='11' showShadow='0' pivotRadius='20' pivotFillColor='000000,F48900' pivotFillType='linear' pivotFillRatio='60,40' pivotFillAngle='240' annRenderDelay='0' lowerLimitDisplay='0.2 (Min)' upperLimitDisplay='57.5 (Max)' tickValueDistance='19' chartLeftMargin='15'><trendpoints><point startValue='0.7' endValue='24.7' radius='120' innerRadius='0' color='F48900' alpha='35' showBorder='0'/><point startValue='12.6947380795' displayValue='AVG' color='00CC00' thickness='3' alpha='200' valueInside='0' radius='105' /></trendpoints><dials><dial value='2.2' color='E70E00' borderColor='E70E00' baseWidth='15' topWidth='1' radius='85' /></dials><styles><definition><style name='pivotGlow' type='glow' color='F48900' blurX='15' blurY='15' alpha='60'/><style name='circleBlur' type='blur'/><style name='TTipFont' type='font' color='F48900' bgColor='000000' borderColor='F48900' font='Verdana' size='10'/></definition><application><apply toObject='PIVOT' styles='pivotGlow'/><apply toObject='Grp1' styles='circleBlur'/><apply toObject='TOOLTIP' styles='TTipFont'/></application></styles></chart>"); //Finally, render the chart. chart_Genl825.render("Genl825Div"); </script>

I have used FusionCharts for multiple sites and have never had this issue - the numbers are generating but not the actual bars. Any ideas on why that would be?? The series show, I get a legend, just no generation of the bars.

How do I get the latest version? I just purchased the extended support/upgrades but there is nowhere to get the latest version.