The exportChart method offers four parameters, but the only one you must provide a value for is the fileName.

If you want to customize your export more than these four parameters allow, you can use the wijmo.exporter.exportChart method. See Custom Chart Exports for more information.

fileName

Provide a string value to use for the name of the exported file. By default, the file is saved to the Downloads folder with the name of the file, and the file extension comes from the type parameter.

type

By default, exportChart creates a png file, but you can specify any of the following five image types or one document type.

• jpg This keeps the file size small, but lines can be less defined.
• png (default) This keeps the file size small, but even with the 256 color limit, it handles colors better than the older gif format.
• gif This keeps the file size small, but is limited to 256 colors and can be grainy.
• bmp This creates high quality images, but creates larger files and does not scale well.
• tiff This creates high quality images suitable for sending via fax, but creates huge files.
• pdf This creates a portable document that opens with the Adobe Reader, and encodes charts using vectors, allowing them to scale well.

serviceUrl

In the interest of getting you up and running quickly, we set this parameter by default to point to the demo export service we have set up here:

http://demos.componentone.com/ASPNET/ExportService/exportapi/chart

You can install your own export service in IIS v7.0 or higher. For more information, see Export Service Setup.

pdfSettings

This parameter only applies if you set the type parameter to pdf. See Chart PDF Exports for more information.

Example Code

In this example, we create a button click function for an <input> button element that calls our chart, and exports it to a PDF file named "ConsoleWars."

<script id="scriptInit" type="text/javascript">
require(["wijmo.wijbarchart", "chartexport"], function () {
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            seriesList: [{
                label: "US",
                legendEntry: true,
                data: { x: ['PS3', 'XBOX360', 'Wii'], y: [12.35, 21.50, 30.56] }
            }]
        });
    });
    $("#chartPdfExport").button().click(function () {
        $("#wijbarchart").wijbarchart("exportChart", "ConsoleWars", "pdf");
    })
});
</script>

Live Widget

Here is the example code above in action. Click the Export to PDF button to create a "ConsoleWars.pdf" file in your Downloads directory.