1

I am creating an ASP.NET web application. In one of my webpages (an ASCX control) I am placing a fusion chart inside a <div> tag. I want to provide an option for the client to download this fusion chart.

Is there any way that I can download the fusion chart present in the Div tag, as an image (Using javascript because the div tag is a client side control).

The request is that my client could save this fusion chart present in the <div> tag as an image when he visits the webpage.

The target browser is IE.

Please help me.

sudipto
  • 2,472
  • 1
  • 17
  • 21
codeLover
  • 3,720
  • 10
  • 65
  • 121
  • I doubt if it can be done using JS. On a lighter note, teach client about the Alt+Printscreen key and crop functionality of mspaint. :) – Praveen Lobo Jun 10 '11 at 05:55
  • If not using javascript, is there any other workaround for this. I have included my fusion chart in client side control (Div). If I change it to server control, can I do using C# on server side and save it on client's machine. – codeLover Jun 10 '11 at 07:05

3 Answers3

2

I can confirm that it is not possible to 'Export the chart as image' when using FusionCharts Free. However, as mentioned by Larsenal, you will be able to use FusionCharts v3.2.1 and it's updated JavaScript API to export pure JavaScript charts to JPEG, PNG, PDF, SVG formats. Ref.- http://www.fusioncharts.com/docs/?ECPureJS.html

Furthermore, you may even export your Flash charts, if required, in a similar manner. DO check out the link below for a more detailed account of the same. Ref.- http://www.fusioncharts.com/docs/?ECOverview.html

Hope this helps.

Angshuman Bhattacharjee
  • 440
  • 2
  • 5
0

Sorry, there's no way to do it with Javascript.

I don't know about the Fusion controls, but some graphing libraries include a way to render to an image or PDF. Start looking there, not Javascript.

Update: FusionCharts claims to have the ability to export to JPG, PNG, PDF and CSV. Start with this page about exporting pure JS charts in their documentation.

Larsenal
  • 49,878
  • 43
  • 152
  • 220
  • But I am using Fusion charts Free not v3. OK, if not using javascript, is there any other workaround for this. I have included my fusion chart in client side control (Div). If I change it to server control, can I do using C# on server side and save it on client's machine. – codeLover Jun 10 '11 at 06:08
0

It is currently not possible to generate an image from a section of a webpage with JavaScript. Quoting myself from another question:

Firefox added something similar to this to their canvas implementation. You can find CanvasRenderingContext2D.drawWindow() documented in their wiki. It is restricted to being used by plugins, for security purposes, and isn't supported by any other browsers.

There is talk of adding support to other browsers, and perhaps removing some of the security restrictions, but that is probably a long way off. For now, there isn't a good JavaScript solution to your problem.

Community
  • 1
  • 1
Jeremy
  • 1
  • 85
  • 340
  • 366