Trouble Saving Charts

[JonathansCorner.com]

I have:

 

<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
<script type="text/javascript" src="FusionCharts/FusionChartsExportComponent.js"></script>

 

and a bit further down:

 

                            <div class="portlet-content">
                               <!-- Trends -->
                               <span id="Trends-OS">FusionCharts will load here!</span>
                               <span id="Trends-Vol">FusionCharts will load here!</span>
                               <div id="fcexpDiv">FusionCharts Export Handler Component</div>
                               <div id="fcexpDiv2">FusionCharts Export Handler Component 2</div>
                               <script type="text/javascript">
                                   var myChart = new FusionCharts( "FusionCharts/MSColumn2D.swf", "column", "350", "220", "0", "1" );
                                       myChart.setXMLUrl("FusionCharts/trends-outstandings.xml");
                                       myChart.render("Trends-OS");

                                   var myExportComponent = new FusionChartsExportObject("fcExporter1", "FusionCharts/FCExporter.swf");
                                   myExportComponent.debugMode = true;
                                   myExportComponent.render("fcexpDiv");
                               </script>

                               <script type="text/javascript">
                                   var myChart = new FusionCharts( "FusionCharts/MSCombi2D.swf", "column", "350", "220", "0", "1" );
                                       myChart.setXMLUrl("FusionCharts/trends-volume.xml");
                                       myChart.render("Trends-Vol");

                                   var myExportComponent2 = new FusionChartsExportObject("fcExporter2", "FusionCharts/FCExporter.swf");
                                   myExportComponent2.debugMode = true;
                                   myExportComponent2.render("fcexpDiv2");
                               </script>

 

It is running without errors, and the graphs are rendered, but fcexpDiv and fcexpDiv2 say "Waiting" and after a minute or two do not seem to go on to anything else. Right-clicking a chart gives a contextmenu without option to save as JPG, PNG, or PDF.

 

Any ideas what's wrong with this code?

[Sanjukta]

Hi,

 

You would need to set at-least three export related XML attributes in your XML to enable the export related context menu. These are : exportEnabled, exportAtClient and exportHandler.

 

Hence, your "trends-outstandings.xml" would contain:

<chart exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' ...>

 

and "trends-volume.xml" would contain:

<chart exportEnabled='1' exportAtClient='1' exportHandler='fcExporter2' ...>

 

Also please make sure you are using the latest FusionCharts.js and FusionChartsExportComponent.js.

 

Hope this helps.