We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to export Chart?

The Essential chart is an SVG-based control that also supports canvas rendering by using the EnableCanvasRendering property. The canvas object for Chart can be obtained by calling the export method in the client-side. The image data for canvas can be obtained by using the toDataURL method. You can use this image data to export chart in the client or server side.

Client-Side exporting in Firefox and Chrome

The download attribute of anchor tag can be used for client-side exporting, but this is supported only in Firefox and Chrome browsers. The following code illustrates client-side exporting.

CSHTML

The following screenshot displays the Chart before and after clicking the export icon.

Figure 1: Chart before clicking export icon

Figure 2: Chart after clicking the export icon

Client-side exporting in IE9+ and Safari browsers

Due to security reasons, IE and Safari browsers do not support downloading the Chart, but it is possible to save the chart image in the 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 choose Save picture as option to save the Chart image.

The following code example opens the Chart as an image in a new browser window

CSHTML

The following screenshots illustrate saving the Chart as an image in the client-side for IE and Safari browsers.

Figure 3: Before clicking export icon

Figure 4: After clicking export icon, Chart image is opened in a new tab

Figure 5: Right click the image and choose Save picture as a newly opened tab

Now, the Save Picture dialog appears. Provide a file name in the File name textbox and click Save button to save the image.

Article ID: Published Date: Last Revised Date: Platform: Control:
5048 05/26/2015 09/01/2015 ASP.NET MVC Chart
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.