Comments on: Save Flex chart as image

By: Jaymin

Jaymin — Wed, 03 Mar 2010 13:38:41 +0000

No probs Graham, Thanks for confirming.

I will investigate further and let you know if any success.

Jaymin

By: Graham Odds

Graham Odds — Wed, 03 Mar 2010 13:28:44 +0000

Hi Jaymin,

I’m afraid that strikes me as being an issue somewhere between the Flash Player plug-in, the browser and the platform. At a guess, there will be no readily-available solution, I’m afraid. I do not have development access to a machine running Windows Server 2008 so I am unable to investigate further.

Graham

By: Jaymin

Jaymin — Wed, 03 Mar 2010 13:19:25 +0000

Hi Graham, thanks for the very useful piece of code

I have integrated it and seems working fine. But I have come across some complaints that the “Save Image” dialog box doesn’t shows the .png extension with some browser-platform combinations. For example, it works fine in both IE7 and Firefox 2 with Flash Player 10 in Windows XP. But when tested on IE7 and also IE8 in Windows Server 2008, it doesn’t shows the .png extension. Below is the function I’m using:

public function saveImage():void
{
var image:ImageSnapshot = ImageSnapshot.captureImage(ibdCurrentChart, 150, new PNGEncoder(), true);
var file:FileReference = new FileReference();
file.save(image.data, “image.png”);
}

Please suggest a solution.

By: roy

roy — Mon, 04 Jan 2010 22:09:27 +0000

thanks. i will look for another solution. thanks.

By: Graham Odds

Graham Odds — Mon, 04 Jan 2010 10:23:45 +0000

Yes, this is possible. However, the technique I have outlined in this article is for client-side saving of the image, not server-side. To save an image server-side you need to send the image data back to the server using one of the many available techniques, e.g. POSTing to a servlet using an HTTPService or uploading using a RemoteObject.

By: roy

roy — Mon, 04 Jan 2010 10:17:21 +0000

this is what i cam trying to do. when user open the page, it will automatically save a copy of chart in the server. is it possible?

By: roy

roy — Mon, 04 Jan 2010 09:50:39 +0000

the image file does not saved in k: after the application is load completed. however, clicking on the button pop up a save as dialog as expected.

By: Graham Odds

Graham Odds — Mon, 04 Jan 2010 09:47:12 +0000

Could you provide a bit more information about what didn’t work, any errors, etc?

By: roy

roy — Mon, 04 Jan 2010 09:44:21 +0000

i add creationComplete=”saveChart()” in the mx:application
and save chart under
private function saveChart():void
{
var image:ImageSnapshot = ImageSnapshot.captureImage(myChart, 300, new PNGEncoder(), true);
var file:FileReference = new FileReference();
file.save(image.data, “k:\chart.png”);
}

but it doesn’t work…any idea?

By: Graham Odds

Graham Odds — Mon, 04 Jan 2010 09:29:55 +0000

Hi Roy, You could invoke the saveChart method shown above from the Application's creationComplete event. Regards, Graham

By: roy

roy — Mon, 04 Jan 2010 09:18:27 +0000

it works..
by the way, how could i save the image automatically after the page is loaded instead of button click

By: Geoff

Geoff — Wed, 18 Nov 2009 22:51:07 +0000

This was a great article. Very much appreciated.

By: Paul

Paul — Mon, 19 Oct 2009 01:54:18 +0000

Graham. Thanks for your tip about targeting Flash Player 10. I received that 1061 error, and you solved my issue. After a quick search, a lot of other people were having the same problem. They assumed that using the latest Flex API would take care of the issue. Thanks for the example, and thanks for the follow up!!!