The exporting module allows your users to download the chart as PDF, PNG, JPG or SVG vector images. It also allows printing the chart directly without distracting elements from the web page. The downloads can be created on the client side if you use the offline-exporting.js module, otherwise they are generated on Highcharts’ featured server or optionally your own server. To enable exporting, the module needs to be included, it can be downloaded from http://code.highcharts.com/ and included after highcharts.js or highstock.js. The module can also be included directly from http://code.highcharts.com/ like this: When enabled, a context button with a menu appears in the top right corner of the chart. In Highcharts 2.0, there were two buttons. For your convenience, we have built a compatibility pack that brings the old look back to Highcharts 3. It can be downloaded from GitHub. The position of the button as well as various styling can be edited using navigation.buttonOptions and exporting.buttons.contextButton. To unleash the full power of HTML5, it is also possible to fully disregard our built-in button and menu, and build your own buttons or links that call Chart.print() or Chart.exportChart() with parameters. Since Highcharts 3.0 and Highstock 1.3, the size of the exported image is computed based on a few rules: Normally Highcharts sends data to the export server for saving a graph as an image or PDF. Use the following POST parameters, if you want to request the export server yourself. function(chart) { chart.renderer.arc(200, 150, 100, 50, -Math.PI, 0).attr({ fill : ‘#FCFFC5’, stroke : ‘black’, ‘stroke-width’ : 1 }).add(), } Can be of true or false. Default is false. When setting async to true a download link is returned to the client, instead of an image. This download link can be reused for 30 seconds. After that, the file will be deleted from the server. See here for an example on how to perform an Ajax Post and return an image. http://jsfiddle.net/6h8o16g0/ Some modern browsers also support saving content from HTML5 canvas directly. This can be used as a way of exporting charts without involving any server side conversion. Since Highcharts is drawn in SVG, we need a way to convert it to a HTML5 canvas. A library called canvg does a great job here. Though this is still experimental, you may find it useful, so we set up a demo on jsFiddle. Note that it only works in browsers that support the download attribute. Source.

Menu
whatsapp button