Highcharts have been featuring offline support for some time, but only for PNGs, JPEGs, and SVGs. Today we introduce offline exporting for PDFs.<\/p>\n
Client side exporting, i.e., the ability to export charts directly in your browser, has been available in Highcharts as a module for some time now. By just adding three scripts to your code, you\u2019ll be exporting charts locally in a jiffy.<\/p>\n
Modern browser provides the underlying functionality to make this happen. Chrome, Firefox, and Opera are browsers lets the users run web applications and scripts offline. These modern browsers support saving HTML5 canvas content directly, which allows us to convert the content of an SVG (Scalable Vector Graphics) to canvas. This gives you the ability to export our SVG charts locally in your browser instead of having to send a request to a server. The benefits are manifold:<\/p>\n
You save the money, time, and headache if running your own export server.<\/p>\n<\/li>\n
You don\u2019t have to worry about exposing sensitive data when sending requests to other servers.<\/p>\n<\/li>\n
It\u2019s fast.<\/p>\n<\/li>\n<\/ul>\n
However, older browsers, like Internet Explorer 9, does not support this. However, not to worry. For older browsers, the exporting module will fall back to the public online export module and will redirect your request to the Highcharts server. (I.e. leave the headache to us). A list of browser support can be found here<\/a>.<\/p>\n PDF has not been a supported format in the offline-exporting module until now. Highcharts offline PDF exporting is made with yWorks\u2019 libraries svg2pdf and jsPDF. \u00a0This German company specializes in data visualization of diagrams and networks for cross-platform Java, .NET-platforms and web applications. yWorks open sourced their projects svg2pdf and jsPDF for converting svgs to pdfs.<\/p>\n The chart you export will be processed by the svg2pdf module, which makes a copy of your the Highcharts-generated SVG. Svg2pdf prepares the SVG for the jsPDF module that create the actual PDF document.<\/p>\n Include the following scripts in your code: Configure your chart.<\/p>\n<\/li>\n You\u2019re done. \u00a0Test it by clicking the hamburger menu in the top right corner.<\/p>\n<\/li>\n<\/ol>\nINTRODUCING OFFLINE PDF EXPORT<\/h2>\n
HOW DO I INSTALL AND USE IT?<\/h2>\n
\n
<script src=”\/https:\/\/code.highcharts.com\/highcharts.js”><\/script>
<script src=”\/https:\/\/code.highcharts.com\/modules\/exporting.js”><\/script>
<script src=”\/https:\/\/code.highcharts.com\/modules\/offline-exporting.js”><\/script><\/p>\n<\/li>\n