Resizing the chart for print

Usually browsers use different resolution when printing web pages. If you have charts that are wider than ~600-700 pixels, they will print as cropped.

To overcome this, use the following code to make the charts redraw using new dimensions before the page is printed:

if ('matchMedia' in window) {
    // Chrome, Firefox, and IE 10 support mediaMatch listeners
    window.matchMedia('print').addListener(function(media) {
        chart.validateNow();
    });
} else {
    // IE and Firefox fire before/after events
    window.onbeforeprint = function () {
        chart.validateNow();
    }
}

The above assumes that:

• Your chart instance is placed into global "chart" variable
• The chart is placed into a relative width container which will resize itself when printing

You may need to update the above code according to your needs.

Here's a working demo:

http://jsfiddle.net/amcharts/A9ZCC/