Sign in to follow this  
stretch11

Export Of Embedded Chart

Recommended Posts

I'm trying to export a chart to PNG. It is embedded in an ASP.Net control. When the chart renders, the FC_Rendered event fires, but FusionCharts(DOMId) returns nothing and, therefore, I cannot export it. If I use document.getElementById to get the control, I get the control, but it is not recognized as a FusionChart so calling hasRendered() and exportChart({ exportFormat: 'PNG' }) both fail.

 

If I put the chart directly in the page, it all works ok.

 

The chart object is:

 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

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

width="700"

height="350"

name="ctl00_ContentPlaceHolder1__kpiVis_myBarChart2"

id="ctl00_ContentPlaceHolder1__myBarChart"

style="width:700; height:350" >

<param name="allowScriptAccess" value="always" />

<param name="movie" value="../flash/charts/Column2D.swf"/>

<param name="FlashVars" value="&chartWidth=700&chartHeight=350&debugMode=0&registerWithJS=1&DOMId=ctl00_ContentPlaceHolder1__myBarChart& dataXML=<chart caption='' useRoundEdges='1' labelDisplay='Rotate' slantLabels='1' yAxisName='' showValues='0' decimals='0' formatNumberScale='0' debugMode='1' exportEnabled='1' exportAction='save' exportHandler='../charts/FCExporter.aspx' exportShowMenuItem='1' exportFormats='PNG=Export as PNG' exportFileName='testchartsave' exportCallback='FC_ExportComplete' >

... (chart data removed) ...</chart>&scaleMode=noScale〈=EN" />

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

</object>

 

 

The chart is wrapped in a <div> and the <div> control is added to the Controls collection of a custom control.

 

On the page side, I have:

 

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

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

<script type="text/javascript">

 

function FC_Rendered(DOMId) {

if (FusionCharts(DOMId).exportChart) {

FusionCharts(DOMId).exportChart({ "exportFormat": 'PNG' });

}

 

</script>

 

 

I've also tried using:

 

var chart = document.getElementById(controlName);

if (chart.hasRendered()) {

chart.exportChart({ exportFormat: 'PNG' });

}

 

 

Any suggestion on how I can get this working?

 

Thanks in advance.

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