Sign in to follow this  
Followers 0
shereen

Export Issue When Initiating Export Via Javascript

By shereen, in General usage

Recommended Posts

shereen   

shereen
Posted (edited)

I am trying to export a fusion chart created using 'Embedding Charts Using / Tags'.

 

Export works just perfect with the right click (on the chart) and chose a pdf to export. But I am not able to make this work via javascript. I have a button outside the chart which upon clicking calls the function below

 

function myexport()

{

var cObject = getChartFromId('Column3D');

if( cObject.hasRendered() ) cObject.exportChart({exportFormat: 'PDF'});

}

the cObject above returned is null and this fails on the next line

 

here is the full prototype

 

<html> <head> <title>My Chart</title> <script type="text/javascript" src="fusionCharts.debug.js"></script>

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

<script type="text/javascript">

function ExportMyChart()

{

var cObject = getChartFromId('Column3D');

if( cObject.hasRendered() ) cObject.exportChart({exportFormat: 'PDF'});

}

</script>

</head>

<body>

<object width="400" height="400" id="Column3D" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >

<param name="testname" value="Column3D.swf" />

<param name="FlashVars" value="&dataURL=testData.xml&chartWidth=400&chartHeight=300&DOMId=myChart1&registerWithJS=1&debugMode=0">

<param name="quality" value="high" />

 

<embed src="Column3D.swf" flashVars="&dataURL=testData.xml&chartWidth=400&chartHeight=300&DOMId=myChart1&registerWithJS=1&debugMode=0"

width="400" height="300" name="Column3D" quality="high" type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

 

</object>

 

<!-- We also create a DIV to contain the FusionCharts client-side exporter component -->

<div id="holderDiv" align="center">FusionCharts Export Handler Component</div>

<script type="text/javascript">

var myExportComponent = new FusionChartsExportObject("testExporter1", "FCExporter.swf");

//Render the exporter SWF in our DIV fcexpDiv

myExportComponent.Render("holderDiv"); </script>

 

<input type="button" value="Export My Chart" onclick="ExportMyChart()" />

Edited by shereen

Share this post

Link to post
Share on other sites

Guest Angie   

Guest Angie
Posted

Hi,

 

Welcome to FusionCharts Forum!smile.gif

 

Please find the modified code below:

 

 

<html>

<head>

<title>My Chart</title>

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

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

<script type="text/javascript">

function ExportMyChart()

{

 

var cObject = document.getElementById('Column3D');

 

if( cObject.hasRendered && cObject.hasRendered())

cObject.exportChart({exportFormat: 'PDF'});

}

</script>

</head>

<body>

 

<object lang="EN" width="400" height="500" type="application/x-shockwave-flash" data="../../FusionCharts/Column3D.swf" id="Column3D" ><param name="scaleMode" value="noScale"><param name="scale" value="noScale"><param name="wMode" value="opaque"><param name="allowScriptAccess" value="always"><param name="quality" value="best"><param name="flashvars" value="

&DOMId=Column3D&registerWithJS=1&chartWidth=400&chartHeight=500&dataURL=ExportClient.xmL&debugMode=0"></object>

 

<!-- We also create a DIV to contain the FusionCharts client-side exporter component -->

<div id="holderDiv" align="center">FusionCharts Export Handler Component</div>

<script type="text/javascript">

var myExportComponent = new FusionChartsExportObject("fcExporter1", "../../FusionCharts/FCExporter.swf");

//Render the exporter SWF in our DIV fcexpDiv

myExportComponent.Render("holderDiv");

 

</script>

 

<input type="button" value="Export My Chart" onClick="ExportMyChart()" />

 

 

Hope this helps.smile.gif

Share this post

Link to post
Share on other sites

shereen   

shereen
Posted

Thank you so much for your reply !

 

That worked like a charm, though I had to remove the embed tag from our chart implementations. Still testing it, but looks good for now.

 

Thanks again!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing General usage