Starting FusionWidgets v3.0.2, you could export your charts as images. And FusionWidgets v3.1 adds new dimensions to it, by allowing you to export as PDFs as well, and also lets you choose whether to export the charts at client-side or server-side.

In this section, for ease of understanding and generalization, we've used charts and their respective screenshots from FusionCharts v3 suite. However, the methodology for using FusionWidgets is same.

Shown below is an example image, where a user can export the chart using the context menu of chart.

Once the capturing process is complete, the data is sent to our export handlers which in turn return the image/PDF to you.

Now, before we jump into the pan to explain the usage, let us first see what all can be made possible using FusionCharts Export Component.

Using FusionCharts export charts routine, you can do the following:

• Export charts as images (JPEG, PNG) or PDFs at client-side or server-side. In either case, the chart first needs to render in browser. You cannot directly export the chart as images/PDFs on server until the chart has rendered in browser.
• When using server-side export, you can save the exported output on server's disk at a configurable location. This allows you to later embed those charts in your emails or reports.
• When using client-side export, you can use our batch export process to export all charts present on a page as a single image or PDF in just one click.
• Configure callback JavaScript functions that get invoked after the export process has completed. This helps you show a custom waiting message to the user during the chart export process and also integrate your export process with dynamic scripts and AJAX components
• Configure cosmetic properties of the client-side export handler User Interface. The client-side export handler is the component used to convert charts as images when opting for client-side export.

If you're already excited about how all of this can be attained, let's quickly first see what happens behind the scenes so that you get a good understanding of the entire process.