Essential Chart is an SVG based control that supports canvas rendering by using enableCanvasRendering property. The canvas object for the Chart can be obtained by calling the export method. The image data for canvas can be obtained by using the toDataURL method. You can use this image data to export the Chart in client or server side.
Client-Side exporting in Firefox and Chrome and IE10+
The download attribute of anchor tag can be used for client-side exporting however this is supported only in Firefox and Chrome browsers. The following code example explains the client-side exporting.
The following screenshot displays the Chart before clicking the export icon.
The following screenshot displays the Chart after clicking export icon.
Client-side exporting in IE9 and Safari browsers
Due to security reasons, IE and Safari browsers does not support downloading Chart however it is possible to save the chart image in client-side by using the following steps.
1. Chart should be converted to an image and opened in a new tab.
2. Right-click the Chart image in a new tab and select Save picture as option to save the Chart image.
The following code example how to open the Chart as an image in a new browser window.
The following screenshot displays the Chat before clicking the export icon.
The following screenshot displays the Chart after clicking the export icon. The Chart image is opened in a new tab.
Right-click on the image and select Save picture as in the newly opened tab.
Now the Save Picture dialog appears. Provide a file name in File name textbox and click Save button to save the image.
This page will automatically be redirected to the sign-in page in 10 seconds.