Vijaya_FC

Hi, I am working on exporting charts on client side using FusionChartsExportComponent. Below code works fine. But the requirement is There should be three buttons/menu with export formats like (PDF,JPEG..) on clicking that it should export, and should show the window to choose the destination. In the demo, http://www.fusioncharts.com/demos/ExportChart/Contents/client_export.html , we need to select the format and then click on save it shows the window to specify the path. Literally it should work as, http://www.fusioncharts.com/demos/ExportChart/Contents/server_export.html Code: (Client side export) <%= javascript_include_tag 'FusionCharts'%> <%= javascript_include_tag 'FusionChartsExportComponent'%> <div id="report_help"> <div id="div_ChartId" align="center" style="z-index:0;" ></div> <script type="text/javascript"> var myChart = new FusionCharts( "/FusionCharts/Column2D.swf", "ChartId", "800", "400", "0", "1" ); var xml_str = "<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1'>" +"<set label='Alex' value='25000' />" + "<set label='Mark' value='35000' />" +" <set label='David' value='42300' />" +" <set label='Graham' value='35300' />" +" <set label='John' value='31300' />" +"</chart>" myChart.setXMLData(xml_str); FusionCharts("ChartId").render("div_ChartId"); </script> <div id="fcexpDiv" align="center">FusionCharts Export Handler Component</div> <script type="text/javascript"> var myExportComponent = new FusionChartsExportObject("fcExporter1", "/FusionCharts/FCExporter.swf"); myExportComponent.Render("fcexpDiv"); </script> <input type="button" value="Export My Chart" onclick="ExportMyChart()" /> </div> Thanks, Vijaya

For opening the chart in new window, In parent window chartObject = FusionCharts('myChartId') window.open(URL,"Chart",'toolbar=0,scrollbars=1,width=1400,height=1100,location=0,statusbar=0,menubar=0,resizable=0,left = 248,top = 209') On new window , var chrt = window.opener.chartObject; chrt.render('chart1'); Its throwing the error #03091456:Unable to find the container DOM element. But the page has the div element with id chart1 Please help me resolving the issue.

Hi, Is it possible to display the export dialog box on client side export feature in inplace pop-up window? (http://www.fusioncharts.com/demos/ExportChart/Contents/client_export.html) As in (http://demos.theactivegroup.com/?demo=charts&script=fusion# ) Thanks, Vijaya

Hi, As per our requirement, on clicking a menu item (PDF,JPG,PNG) , the chart should be exported and the dialog box should open, to select the path(Client side export). But in the current implementation it shows waiting(disabled button) on capturing and then shows the save button. Onclick of save button it will export . But we dont need this step. After capturing the chart it should show the download dialog box.. As I am new to Action scripts, Please may I know the method called on clicking Export to PNG (client side).(FCExporter.swf). How can i modify the code to reflect my requirements. How the Javascript and action script communicate. After the processing how it renders the output (or the method called) . Please kindly help me in resolving the issues, 1.Tool used to open the swf( I tried with swf decompiler) 2. On changing how to check whether its working or not? 3. All the swfs used for fusion charts require input... so how to input the data to it Thank you Vijaya

Hi, Serverside exporting is not working. /lib/fusioncharts/exporter/fc_exporter.rb:93:in `bang' /lib/fusioncharts/exporter/fc_exporter.rb:84:in `parse_params' /lib/fusioncharts/exporter/fc_exporter.rb:77:in `parse_export_request_stream' /lib/fusioncharts/exporter/fc_exporter.rb:15:in `initialize' /app/controllers/fusioncharts/fc_exporter_controller.rb:50:in `new' /app/controllers/fusioncharts/fc_exporter_controller.rb:50:in `index' And the HTMLcode var myChart = new FusionCharts('/FusionCharts/Column3D.swf', 'myChart1', '900', '300', '0', '1'); myChart.setXMLData("<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportHandler='/fusioncharts/fc_exporter/index' exportAtClient='0' exportAction='download' ><set label='Alex' value='25000' /></chart>"); myChart.render('div_ChartId'); (Fusion charts 3 and RMagick -2.5) Thanks, Vijaya

Hi, Thanks for your response. If the current version does not support this feature can you please help me how can i resolve this issue. Is it possible to change the Fusion charts export js or the swf file(FCExporter.swf) As I am new to swf file- is it possible to edit the swf file and change accordingly. (As in editing the action script) Thanks, Vijaya

Hi Angshu, Please help me in resolving the issue. Is it possible to skip the click on "save " (to hide both waiting and saving) step on client side Exporting. Awaiting for your valuable reply Thanks, Vijaya

Hi, While exporting on client side its throwing ""_FCEO.initializeComponent is not a function"" Please help me in resolving this issue Thanks, Vijaya

Yes , I included both fusioncharts.js and fusionchartsexportcomponent.js

Hi, To export the data used for generating the chart, we are using Builder::XmlMarkup in rails. But how to export the chart image or how to add saved image to excel. Thanks, Vijaya

Hi, I am trying to get the data back from the chart using getXMLData function using V3 free version. Its throwing error "getDataXML is not defined. Please help me in resolving this issue Thanks, Vijaya

Hi, Is it possible to use, HTML Table containing the data as data source to generate the fusion charts. Thanks, Vijaya

Hi, We are using fusion charts 1.2.3 - paid version in our rails application. But using this, how to get the data used for generating the charts . Thanks, Vijaya

Hi, Thanks for the reply. In our app we are using extjs. so how to use fusion charts with extjs(using html table/ext js grid as data source to the charts) Thanks, Vijaya

Hi, How to use the same data set for updating different charts. As in, how to use the chart data of existing chart(line) for rendering different chart(pie) on clicking the links or buttons say " Pie Chart" | "Line Chart" Thanks, Vijaya

Hi, Is there a way to allow users to view tabular information in a view, and interact with the data (Selecting the columns,..... required for charting), as in, it should allow the user to mix from any data sets they want, and produce basic charts on their own(similar to excel charting functionality). Thanks, Vijaya

Hi, User should be allowed to pivot on large, complicated data sets, and create visuals(charts) from those pivot tables. As in http://www.flexmonster.com/flash-pivot-table-component-demo Is there a way to do this sort of creating visuals using fusion charts. Thanks, Vijaya

Hi How to get the swf url used for rendering the charts lets say function should return "FusionCharts/Line.swf" Thanks, Vijaya

Hi, Lets say you are having separate links for each chart type, Pie | Line | Column 2D - On clicking these links the chart will be updated with respective chart types and also you will have another link saying 'Open in new window" for this, In parent window, <script type="text/javascripts"> function popUp(URL,chart_id) { chrt = FusionCharts(chart_id); window.open(URL,"Chart",'toolbar=0,scrollbars=1,width=1400,height=1100,location=0,statusbar=0,menubar=0,resizable=0,left = 248,top = 209') } </script> And in child window <script type="text/javascript"> var chrt = window.opener.chrt; document.getElementById("chart1").innerHTML = chrt.getSWFHTML(); </script> It displaying the chart in new window(with default one), But its not displaying the updated chart (on changing the chart type) Thanks, Vijaya

Hi, why its not displaying in the browser (using firebug) <div id="chart12" style="z-index: 0; padding: 10px;" align="center"><object style="visibility: visible;" id="chartobject-4" data="line" class="FusionCharts" type="application/x-shockwave-flash" width="800" height="400" lang="EN"><param value="noScale" name="scaleMode"><param value="noScale" name="scale"><param value="opaque" name="wMode"><param value="always" name="allowScriptAccess"><param value="best" name="quality"><param value="lang=EN&debugMode=0&DOMId=chartobject-4&registerWithJS=1&chartWidth=800& chartHeight=400&InvalidXMLText=Invalid data.&dataXML=%3Cgraph%20caption%3D'Total%20turn%20around%20time'%20bgColor%3D'f1f1f1'%20exportParameters% 3D'Days%2CNo.%20of%20Requests%20Submitted%2CDetails%3D%3D1!234!2010-05-20%2013%3A24%3A28%2C2!21!2010-06- 04%2007%3A37%3A04%2C3!78!2010-06-11%2011%3A07%3A07%2C4!99!2010-06-07%2012%3A10%3A08'%20PYAxisName%3D' No.%20of%20Requests%20Submitted%2CDetails'%20divLineDecimalPrecision%3D'0'%20exportShowMenuItem%3D'1'% 20showalternateHGridColor%3D'1'%20exportFileName%3D'Total%20turn%20around%20time'%20xAxisName%3D'Time% 20Scale%20-%20By%20%20From%20May%2019%2C%202010%20To%20May%2011%2C%202011'%20SYAxisName%3D''%20connectNullData% 3D'0'%20exportFormats%3D'PNG%3DExport%20as%20PNG%20Image%7CJPG%3D%20Export%20as%20JPG%20Image'%20shownames% 3D'1'%20alternateHGridColor%3D'eeeeee'%20exportTargetWindow%3D'_self'%20numDivLines%3D'4'% 20exportAtClient%3D'0'%20showvalues%3D'0'%20labelDisplay%3D'Rotate'%20showExportDialog%3D'1' %20formatNumberScale%3D'0'%20exportHandler%3D'%2Ffusioncharts%2Ffc_exporter%2Findex'%20decimalPrecision%3D' 2'%20slantLabels%3D'1'%20showShadow%3D'0'%20exportAction%3D'download'%20limitsDecimalPrecision% 3D'0'%20exportEnabled%3D'1'%3E%3Cset%20name%3D'1'%20value%3D'234'%20color%3D'AFD8F8' %20alpha%3D'70'%2F%3E%3Cset%20name%3D'2'%20value%3D'21'%20color%3D'AFD8F8'%20alpha%3D' 70'%2F%3E%3Cset%20name%3D'3'%20value%3D'78'%20color%3D'AFD8F8'%20alpha%3D'70'%2F%3E%3Cset% 20name%3D'4'%20value%3D'99'%20color%3D'AFD8F8'%20alpha%3D'70'%2F%3E%3C%2Fgraph%3E& dataURL=" name="flashvars"></object></div> Thanks, Vijaya

Solved <object style="visibility: visible;" id="chartobject-4" data="line" ..... should be <object style="visibility: visible;" id="chartobject-4" data="FusionCharts/Line.swf"....

Hi, Lets say in one tab u r having data in a spread sheet(like excel) and u can select the columns and the type of the chart and then render that chart in another tab in same window.(Or having the grid view of data used for generating chart and options to select the columns(data series or legends) and select the type of chart and render the chart on same page) Thanks, Vijaya

Hi, I am using the latest FusionCharts.js and I am not using highcharts.js and jquerymin.js In rails - Views : _test.html.erb 1.render_chart_html: <html> <head> <title>Getting data from chart</title> <script type="text/javascript" src="FusionCharts/FusionCharts.js"> </script> </head> <body> <%str_xml = "<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"%> <div id="test"> <% render_chart_html "/FusionCharts/Column3D.swf", '', str_xml,"myChart", 800, 400, false do-%> <% end -%> </div> <input onclick = "alert(FusionCharts('myChart').getChartData('xml'))" type="button" value="Get Data from chart"> </body> </html> Its rendering the chart, but on clicking the "Get data from chart" its throwing the error - FusionCharts("myChart") is undefined 2.render_chart <html> <head> <title>Getting data from chart</title> <script type="text/javascript" src="FusionCharts/FusionCharts.js"> </script> </head> <body> <%str_xml = "<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"%> <div id="test"> <% render_chart "/FusionCharts/Column3D.swf", '', str_xml,"myChart", 800, 400, false,false do-%> <% end -%> </div> <input onclick = "alert(FusionCharts('myChart').getChartData('xml'))" type="button" value="Get Data from chart"> </body> </html> Its not rendering the chart, But its displaying the text "Chart" 3. JavaScript function <html> <head> <title>Getting CSV data from chart</title> <script type="text/javascript" src="FusionCharts/FusionCharts.js"> </script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> var myChart = new FusionCharts( "/FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); myChart.setXMLData("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"); myChart.render("chartContainer"); </script> <input onclick = "alert(FusionCharts('myChartId').getChartData('xml'))" type="button" value="Get Data from chart"> </body> </html> Its working fine. Its getting the data in xml format So why its not working using helper methods?

I am using @version 3.2.1-release free version to try with the features supported in v3.2 before going for the licensed version. Is getDataAsCSV() is not supported in free version? Thanks, Vijaya

Hi, Tried with the suggested change, var myChart = new FusionCharts( "/FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); But no luck. am still getting the same error registerwithJS parameter is for paid version right? I am using the free version. Thanks, Vijaya