Luciano Casa

I'm doing the FusionChart export the server side and am having two problems: 1) When I have many graphs (around 10), the last graph does not call the code FCExplorter.php. What might be happening? If all graphs are called the same way (through exportChart) as a mistake can happen at last? 2) Some exports are exporting the graphics still being graphic rendering and not as it really is. What might be happening?

Ok. It's work but it is not ideal. Is there another way?

Any idea?

JSON: {"chart":{"caption":"","showvalues":"0","showlabels":"1","labeldisplay":"AUTO","showlegend":"1","legendposition":"BOTTOM","plotgradientcolor":" ","decimals":"2","bgcolor":"9BA5B2,FFFFFF","showborder":"0","canvasborderthickness":"1","useellipseswhenoverflow":"0","rotatevalues":"1","setadaptiveymin":"1","decimalseparator":",","thousandseparator":".","exportenabled":"1","exportshowmenuitem":"0","exporthandler":"/includes/FusionCharts/FCExporter.php","exportatclient":"0","exportaction":"save"},"categories":[{"category":[{"label":"Jan"},{"label":"Fev"},{"label":"Mar"},{"label":"Abr"},{"label":"Mai"},{"label":"Jun"},{"label":"Jul"},{"label":"Ago"},{"label":"Set"},{"label":"Out"},{"label":"Nov"},{"label":"Dez"}]}],"dataset":[{"seriesname":"2011","data":[{"value":"4909299"},{"value":"1194963"},{"value":"1344771"},{"value":"1430641"},{"value":"1513487"},{"value":"1435860"},{"value":"1601218"},{"value":"1581550"},{"value":"1520979"},{"value":"1457984"},{"value":"1678887"},{"value":"2439673"}]},{"seriesname":"2012","data":[{"value":"4909299"},{"value":"1194963"},{"value":"1344771"},{"value":"1430641"},{"value":"1513487"},{"value":"1435860"},{"value":"1601218"},{"value":"1581550"},{"value":"1520979"},{"value":"1457984"},{"value":"1678887"},{"value":"2439673"}]}]} FusionCharts version: [3, 2, 3, "sr1", 5347]

Wrong: VSBI_20120829181258382.png Roght: VSBI_20120829181749656.png

Any idea?

function FC_Rendered(objRtn){ if (objRtn.substring(0,6) == "CLONE_" && aPanExps.length > 0){ for (var i in aPanExps) { if (aPanExps[i].graficoID == objRtn && !aPanExps[i].rendered){ aPanExps[i].rendered = true; iTotRender = iTotRender+1; } } if (iTotGraf == iTotRender){ clearTimeout(tTimeoutRender); tTimeoutSend = setTimeout(GrafSendTimeout,60000); Ext.MessageBox.updateText("Gerando gráficos e tabelas."); var ofrmExport = Ext.ComponentQuery.query("#frmExport")[0]; var bSoTabela = true; for (var i in aPanExps) { var oGrafID = ofrmExport.el.query("object[id="+aPanExps[i].graficoID+"]")[0]; if (oGrafID && oGrafID.hasRendered()){ //console.log ("render:" + oGrafID.hasRendered()); var sFileName = "VSBI_" + Ext.Date.format(new Date(),'YmdHisu'); aPanExps[i].nomegrafico = sFileName; oGrafID.style.visibility = 'hidden'; oGrafID.exportChart({ exportFormat: 'PNG' , exportFileName: sFileName }); } } } }}

Remembered something else, I run into the routine exportChart FC_Rendered (objRtn), or believe that not needed after all the hasRendered. I belive that FusionCharts calls the routine after the render. Yet even put the hasRendered.

On the first item, it may be that. I'll force the scroll and must resolve. The item 2, the problem keeps happening. I'm using the code you suggested. In debug Chrome, the result of hasRendered () is true. The difference in my code I pass the ExportFormat and ExportFileName but do not think this is the problem. Any idea?

I need to export multiple charts on my dashboard. These graphics will be exported in PNG format to a folder on the server that will then create a custom pptx. How do I export a batch of graphs with sizes larger than the originals but they are all equal? The batch export is only server-side? Otherwise you have batch export server side as I set the render callback in javascript?

I'm using ExtJS with FusionCharts. All FusionCharts XT graphics are resized when the browser resizes But the graphics FusionWidget do not, why?

I update to : Current Version:FusionWidgets XT (v3.2) Service Release 1 (Released on 23rd April, 2012) Same problem.I copied only the files swf.

FusionWidgets 3.1.1

.... switch (sTipoGrafico) { case "barra": var sSwfGrafico = '/includes/FusionCharts/MSColumn2D.swf'; var oGrafDados = MontaGrafBarra(dados, param, aCols, 1); break ; case "linha": var sSwfGrafico = '/includes/FusionCharts/MSLine.swf'; var oGrafDados = MontaGrafBarra(dados, param, aCols, 2); break ; case "pizza": var sSwfGrafico = '/includes/FusionCharts/Pie2D.swf'; var oGrafDados = MontaGrafPie(dados, param, aCols); break; case "barralinha": var sSwfGrafico = '/includes/FusionCharts/MSCombiDY2D.swf'; var oGrafDados = MontaGrafBarraLinha(dados, param, aCols); break; case "barravertical": var sSwfGrafico = '/includes/FusionCharts/Bar2D.swf'; var oGrafDados = MontaGrafPie(dados, param, aCols); break; case "radar": var sSwfGrafico = '/includes/FusionCharts/Radar.swf'; var oGrafDados = MontaGrafBarra(dados, param, aCols, 3); break ; case "velocimetro": var sSwfGrafico = '/includes/FusionCharts/AngularGauge.swf'; var oGrafDados = MontaGrafVeloc(dados, param, aCols, 1); break ; case "waterfall": var sSwfGrafico = '/includes/FusionCharts/Waterfall2D.swf'; var oGrafDados = MontaGrafWaterFall(dados, param, aCols, 1); break ; } FusionCharts._fallbackJSChartWhenNoFlash(); var myChart = new FusionCharts( { swfUrl: sSwfGrafico, width: "100%", height: "100%" }); myChart.setJSONData(oGrafDados); myChart.render(oGraf.id); .... function MontaGrafVeloc(dados, param, aCols, iTipo) { var aGrafico = new Object(); var aHeaders = new Object(); var aParamGraf = param.Grafico; var oUmColor = new Object(); var aRange = new Array(); var oUmDials = new Object(); var oPoint = new Object(); var aDefin = new Array(); var aApp = new Array(); var aStyles = new Object(); var sColorIni, sColorFim; if (aParamGraf.MostraTitulo) { //aHeaders.caption = aParamGraf.titulo; } aHeaders.manageresize = "1"; aHeaders.showvalue = "1"; aHeaders.origw = "350"; aHeaders.origh = "200"; aHeaders.decimals = "2"; aHeaders.bgcolor = "9BA5B2,FFFFFF"; aHeaders.showborder = "0"; aHeaders.labelDisplay = "AUTO"; aHeaders.tickvaluedistance = "30"; aHeaders.formatNumberScale = "1"; aHeaders.managevalueoverlapping = "1"; aHeaders.autoaligntickvalues = "1"; aHeaders.chartBottomMargin = 50; //aHeaders.chartTopMargin = "25"; //aHeaders.chartLeftMargin = "25"; aHeaders.valueBelowPivot = "1"; aHeaders.gaugeFillMix = "{dark-10},FFFFFF,{dark-10}"; aHeaders.gaugeFillRatio = "3"; aHeaders.autoScale = "1"; aHeaders.showGaugeBorder = "1"; aHeaders.gaugeBorderColor = "666666"; aHeaders.gaugeBorderThickness = "1"; aHeaders.gaugeBorderAlpha = "100"; aHeaders.gaugeOuterRadius = "100"; aHeaders.gaugeInnerRadius = "60"; aHeaders.lowerLimit = dados[0].min; aHeaders.upperLimit = dados[0].max; aGrafico.chart = aHeaders; if(dados[0].vermelhoIni > dados[0].verdeIni){ sColorIni = "8BBA00"; sColorFim = "FF654F"; }else{ sColorIni = "FF654F"; sColorFim = "8BBA00"; } //RANGE var aUmRange = new Object(); aUmRange.minvalue = dados[0].vermelhoIni; aUmRange.maxvalue = dados[0].vermelhoFim; aUmRange.code = sColorIni; aRange.push(aUmRange); aUmRange = new Object(); aUmRange.minvalue = dados[0].amareloIni; aUmRange.maxvalue = dados[0].amareloFim; aUmRange.code = "F6BD0F"; aRange.push(aUmRange); aUmRange = new Object(); aUmRange.minvalue = dados[0].verdeIni; aUmRange.maxvalue = dados[0].verdeFim; aUmRange.code = sColorFim; aRange.push(aUmRange); oUmColor.color = aRange; aGrafico.colorrange = oUmColor; //DIAL var aUmDial = new Object(); aUmDial.value = dados[0].real; aUmDial.rearextension = "10"; aUmDial.basewidth = "10"; var aDial = new Array(); aDial.push(aUmDial); oUmDials.dial = aDial; aGrafico.dials = oUmDials; //TRENDPOINT var aUmPoint = new Object(); aUmPoint.startvalue = dados[0].orcado; aUmPoint.displayvalue = dados[0].nomeorcado; aUmPoint.fontcolor = "000000"; aUmPoint.usemarker = "1"; aUmPoint.dashed = "1"; aUmPoint.dashlen = "2"; aUmPoint.dashgap = "2"; var aPoint = new Array(); aPoint.push(aUmPoint); oPoint.point = aPoint; aGrafico.trendpoints = oPoint; //STYLE var aUmDefin = new Object(); aUmDefin.name = "myValueFont"; aUmDefin.type = "font"; aUmDefin.bgColor = "FFFFFF"; aUmDefin.bordercolor = "999999"; aDefin.push(aUmDefin); aStyles.definition = aDefin; var aUmApp = new Object(); aUmApp.toobject = "Value"; aUmApp.styles = "myValueFont"; aApp.push(aUmApp); aUmApp = new Object(); aUmApp.toobject = "TRENDVALUES"; aUmApp.styles = "myValueFont"; aApp.push(aUmApp); aStyles.application = aApp; aGrafico.styles = aStyles; return aGrafico; }

There is a big difference between the ipad and graphics for flash version. There is a prediction of success of this difference?

I saw a graph that shows the market share of mobile telephony and tried to find an equal in Fusion but have not seen anything like it. Chart is attached. What do you think?

ok Tks a lot.

Thanks for the reply. Yes I thought about the Marimekko chart but this chart that I sent the analysis is somewhat different. For example, the x-axis are fixed in Marimekko and now this other columns are not defined as fixed. Tks Luciano