Saving Chart without loading IFrame Typescript

[Qi Luo]

Hi,

I am wondering if it is possible i can generate the radar chart and save to a png file without loading iframe, or set the section invisible in the HTML page?

Thanks

[Baby Palanidurai]

Hi Qi, 

Greetings from Syncfusion. 

We have analyzed your query and we can achieve your requirement using export method. In that button click, we have export a chart into a PNG format.  

For more formation about export, kindly find the below documentation and demo link, 

Demo site: https://ej2.syncfusion.com/demos/#/material/chart/export.html 

UG link: https://ej2.syncfusion.com/documentation/chart/chart-print/?no-cache=1 

Code snippet:  

<button id='export'>Export</button> 

          <div id="container"></div> 

import { Chart, RadarSeries, LineSeries, Export } from '@syncfusion/ej2-charts'; 

Chart.Inject(LineSeries, RadarSeries, Export) 

let chart: Chart = new Chart({ 

  // 

}); 

chart.appendTo('#container'); 

document.getElementById('export').onclick = function() { 

   chart.exportModule.export('PNG', 'chart'); 

} 

Sample link: https://stackblitz.com/edit/tcvjhj-ccu4gg?file=index.ts 

Kindly revert us, if you need further assistance. We are always happy in assisting you. 

Regards, 

Baby.