Edit Question - KnowledgeHub

Title Body

I am using kendoui dataviz charts , and I need to export those charts into (.png) or (.jpg) image format. Basically kendoui dataviz chart has a built-in method called ' svg() '. ' svg() ' Returns the SVG representation of the current chart. The returned string is a self-contained SVG document. Example var chart = $("#chart").data("kendoChart"); var svgText = chart.svg(); Now svgText contains details of chart image..can anybody tell me how to convert these data to actual image format and pop up a Save As prompt ??? code example: I tried this, but it doesn't prompt any 'SaveAs' popup <div id="example" class="k-content"> <div class="chart-wrapper"> <div id="chart"></div> <center> <div> <input type="button" value="click" onclick="disp();" /> </div> </center> <div> <canvas id="canvas"></canvas> </div> </div> </div> <script type="text/javascript"> function disp() { var chart = $("#chart").data("kendoChart"); var svgText = chart.svg(); var c = document.getElementById('canvas'); canvg(c,svgText); var img = c.toDataURL("image/png"); document.write('<img src="' + img + '"/>'); window.win = open(imgOrURL); setTimeout('win.document.execCommand("SaveAs")', 100); } function createChart() { $("#chart").kendoChart({ theme: $(document).data("kendoSkin") || "default", title: { text: "Internet Users" }

Tags (comma-separated) Cancel