Downloading Image of a chart

[andrei]

Hi,

I'm getting an error while I'm trying to download a image of my chart , this is my JS:

    function download() {
        var type = this.id;
        type = "png"
        var chart = $("#chartcontainer").ejChart("instance"),
            exporting = chart.model.exportSettings,
            data, type;
        exporting.fileName = "img";
        exporting.angle = 0;
        exporting.type = type;
        exporting.mode = "Client";
        data = chart.export();
        this.download = exporting.fileName + "." + type;
        if (type == "png") this.rel='nofollow' href = data.toDataURL();
    }

    clientPng = document.getElementById('download');

    if (clientPng.addEventListener)
                clientPng.addEventListener('click', download, false);  

    else
                clientPng.attachEvent('onclick', download, false); 

And this is the error:

ej.web.all.min.js:10 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap)'

Thank you.

[Saravana Kumar Kanagavel]

Hi Andrei, 

 

Thanks for contacting Syncfusion Support. 

We have analyzed your query. Reported exception will occur only if chart rendering in svg mode. So ensure the “enableCanvasRendering” as true in your sample to export the chart as “png” image and which property of default value as false. And also we would like to inform that the chart exporting as images can be possible only by canvas mode.  

 

And we have also made a chart exporting as image sample for your reference and attached in the below location. 

 

Sample Link : http://www.syncfusion.com/downloads/support/forum/124699/ze/sample-639850864 

  

Please let us know if you have any concern. 

 

Regards, 

Saravana Kumar K. 

[andrei]

Thank you, it worked!

[Saravana Kumar Kanagavel]

Hi Andrei, 

  

Thanks for your update. 

  

Regards, 

Saravana Kumar K