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??

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>

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

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>

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.

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>

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.

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.

Periodically we have a graph that has the shading off. Why does it do that?? <chart exportEnabled='1' exportAtClient='1' exportFileName='Facilities Administration In-house Non-Labor' exportHandler='fcExporter1' bgColor='FFFFFF' bgAlpha='100' gaugestartAngle='225' gaugeendAngle='-45' lowerLimit='25.4' upperLimit='776.0' 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='25.4 (Min)' upperLimitDisplay='776.0 (Max)' tickValueDistance='19' chartLeftMargin='15'><trendpoints><point startValue='25.4' endValue='658.7' radius='120' innerRadius='0' color='F48900' alpha='35' showBorder='0'/><point startValue='328.155615714' displayValue='AVG' color='00CC00' thickness='3' alpha='200' valueInside='0' radius='105' /></trendpoints><dials><dial value='0' 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>

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

We are using 3.2.3. Is there a bug that is fixed with 3.3.1?

We have a multi-series bar chart with the categories being the various respondents data over the course of several survey cycles. We would like to be able to highlight the users data group in the chart. It doesn't appear that there is a way to format the text in a multi-series. Am I missing something? Any ideas on how to accomplish this? So the data is Org A, 2008, 2009, 2010; Org B, 2008, 2009, 2010, etc. I just want to highlight Org B in some way so it stands out.

We have one client using our FusionCharts-based app that is having a weird printing problem. This issue is NOT replicable for anyone else. The client is using IE8 on Windows XP. When he goes to print a chart using the File - Print option (direct to PDF or his printer), there is a 1" section of the X-axis titles (that are rotated at an angle) between the X-axis and the start of the titles that is missing. Renders just fine on the screen and if he uses the embedded download feature, it works fine too (but the colors are pretty poor using that feature so he really prefers the direct print). This has also been posted under Misc. We are using Javascript in this instance.

The sample is Flash - we are rendering in Javascript.

We have one client using our FusionCharts-based app that is having a weird printing problem. This issue is NOT replicable for anyone else. The client is using IE8 on Windows XP. When he goes to print a chart using the File - Print option (direct to PDF or his printer), there is a 1" section of the X-axis titles (that are rotated at an angle) between the X-axis and the start of the titles that is missing. Renders just fine on the screen and if he uses the embedded download feature, it works fine too (but the colors are pretty poor using that feature so he really prefers the direct print).

I can't replicate this at all on any browser or in any setting so if you can replicate it - that would be great. <chart palette='1' caption='Student Official FTE Enrollment -- Averages Summarized By: APPA Region -- Fiscal Year 2011-12 APPA FPI Report' 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='2010' showvalues='1'><set value='48623'/><set value='17008'/><set value='41949'/><set value=''/><set value='44953.32'/><set value='41308'/><set value='42099'/><set value='12965.9238636'/><set value='13028.0460377'/><set value='4945.32026846'/><set value='14994.8881818'/><set value='13692.2962963'/><set value='13266.4632836'/></dataset><dataset seriesName='2011' showvalues='1'><set value='50397'/><set value=''/><set value='41597'/><set value=''/><set value='44999.22'/><set value='43502'/><set value='42595'/><set value='13882.3958824'/><set value='14630.8638983'/><set value='6786.88301587'/><set value='17408.697619'/><set value='15655.422'/><set value='13127.167931'/></dataset><dataset seriesName='2012' showvalues='1'><set value='51469'/><set value='24334'/><set value='42605'/><set value='28459'/><set value='39388'/><set value='43892'/><set value='42441'/><set value='14531.5989655'/><set value='14479.1904545'/><set value='7543.55412371'/><set value='14861.4422034'/><set value='16081.4703571'/><set value='13770.3973016'/></dataset><trendLines><line startValue='12452.7087187' color='009933' toolText='Average of All Survey Participants - 12,452.71'/></trendLines><categories><category label='School Name'/><category label='School Name'/><category label='School Name'/><category label='School Name'/><category label='School Name'/><category label='School Name'/><category label='School Name'/><category label='CAPPA'/><category label='ERAPPA'/><category label='MAPPA'/><category label='PCAPPA'/><category label='RMA'/><category label='SRAPPA'/></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> var chart_PSumChart = new FusionCharts("FusionCharts/MSColumn2D.swf", "PSumChart", "800", "600", 0, 1); We are using the most current version of FusionCharts.

We have a page that has numerous FusionCharts on it - they all use the same code and just use dynamic values for the start/end points, etc. One of them is not rendering the trendlines properly. . The XML is below. There is no reason for it. <chart exportEnabled='1' exportAtClient='1' exportFileName='Energy Percent GSF-GSM Outsourced' exportHandler='fcExporter1' bgColor='FFFFFF' bgAlpha='100' gaugestartAngle='225' gaugeendAngle='-45' lowerLimit='0.6' upperLimit='100.0' 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.6 (Min)' upperLimitDisplay='100.0 (Max)' tickValueDistance='19' chartLeftMargin='15'><trendpoints><point startValue='0.6' endValue='89.0' radius='120' innerRadius='0' color='F48900' alpha='35' showBorder='0'/><point startValue='43.5882908905' displayValue='AVG' color='00CC00' thickness='3' alpha='200' valueInside='0' radius='105' /></trendpoints><dials><dial value='0' 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>

We are using the latest version of FusionWidgets in Javascript render only. We have our values on the inside of an angular gauge but they are REALLY far away from the gauge and more almost in the middle of the gauge. What setting do we tweak to move them closer to the chart?

We have an online presentation that users can pick which graphs to add and then they can page through the presentation "slide" by "slide". It can be up to 35 different pages in the presentation. For obvious reasons, users have requested the ability to save all of the graphs at one time. Since we don't ever present all of the graphs at once, is there a recommended best practices to doing this? In my ideal world they would click on a link and the system would automatically loop through the graphs and do a download to a directory on the server but I don't see "automatic" saves as an option. Any other solutions?