<ejs-accumulationchart id="container" title="Mobile Browser Statistics" load="load"enableAnimation="false">
<e-accumulationchart-center x="50%" y="50%"></e-accumulationchart-center>
<e-accumulationchart-tooltipsettings enable="true"></e-accumulationchart-tooltipsettings>
<e-accumulationchart-legendsettings visible="false">
</e-accumulationchart-legendsettings>
<e-accumulation-series-collection>
<e-accumulation-series dataSource="ViewBag.dataSource" xName="xValue"yName="yValue" name="Browser" explodeIndex="0" explode="true"explodeOffset="10%">
<e-accumulationseries-datalabel name="text" visible="true">
<e-font fontWeight="600" color="white"></e-font>
</e-accumulationseries-datalabel>
</e-accumulation-series>
</e-accumulation-series-collection>
</ejs-accumulationchart>
<div>
<ejs-button id="button" content="Export" iconCss="e-icons e-play-icon" cssClass="e-flat" isPrimary="true"></ejs-button>
</div>
<script>
document.getElementById('button').onclick = () => {
var chart = document.getElementById('container').ej2_instances[0];
chart.exportModule.export('PDF', 'chart', 'Landscape', [chart] null, 1600);
};
</script> |