I am using firefox 16.0.1. The canvg method is not working in my code.how can I solve it?
On Thursday, 18 October 2012 22:02:14 UTC+5:30, asgallant wrote: > > It works for me. What browser are you using? > > On Thursday, October 18, 2012 2:00:19 AM UTC-4, taps wrote: >> >> Hey, I have tried that code but it doesn't work. It doesn't do anything.I >> don't what is wrong.my code is: >> >> <apex:page > >> <script type="text/javascript" src="https://www.google.com/jsapi >> "></script> >> <script type="text/javascript"> >> google.load("visualization", "1", {packages:["corechart"]}); >> google.setOnLoadCallback(drawChart); >> function drawChart() { >> var data = google.visualization.arrayToDataTable([ >> ['ID', 'X', 'Y', 'Temperature'], >> ['', 80, 167, 120], >> ['', 79, 136, 130], >> ['', 78, 184, 50], >> ['', 72, 278, 230], >> ['', 81, 200, 210], >> ['', 72, 170, 100], >> ['', 68, 477, 80] >> ]); >> >> var options = { >> colorAxis: {colors: ['yellow', 'red']} >> }; >> >> var chart = new >> google.visualization.BubbleChart(document.getElementById('chart_div')); >> chart.draw(data, options); >> } >> </script> >> <div id="chart_div" style="width: 900px; height: 500px;"></div> >> <button onclick="saveAsImg(document.getElementById('chart_div'));">Save >> as PNG Image</button> >> <script> >> function getImgData(chartContainer) { >> alert("hiiiii"); >> var chartArea = >> chartContainer.getElementsByTagName('svg')[0].parentNode; >> var svg = chartArea.innerHTML; >> var doc = chartContainer.ownerDocument; >> var canvas = doc.createElement('canvas'); >> canvas.setAttribute('width', chartArea.offsetWidth); >> canvas.setAttribute('height', chartArea.offsetHeight); >> >> >> canvas.setAttribute( >> 'style', >> 'position: absolute; ' + >> 'top: ' + (-chartArea.offsetHeight * 2) + 'px;' + >> 'left: ' + (-chartArea.offsetWidth * 2) + 'px;'); >> doc.body.appendChild(canvas); >> canvg(canvas, svg);alert("hiiiiffffi"); >> var imgData = canvas.toDataURL('image/png'); >> canvas.parentNode.removeChild(canvas); >> >> return imgData; >> } >> >> function saveAsImg(chartContainer) { >> alert("hiiiii"); >> var imgData = getImgData(chartContainer); >> >> // Replacing the mime-type will force the browser to trigger a >> download >> // rather than displaying the image in the browser window. >> window.location = imgData.replace('image/png', >> 'image/octet-stream'); >> } >> </script> >> </apex:page> >> >> On Wednesday, 17 October 2012 20:16:36 UTC+5:30, asgallant wrote: >>> >>> See this thread: >>> https://groups.google.com/forum/?fromgroups=#!topic/google-visualization-api/YTD_JxX_RFc >>> >>> Note that the code linked there will never work in IE < 9, as those use >>> VML to draw the charts instead of SVG, and there is no way (that I know of) >>> to convert VML into an image file. >>> >>> On Wednesday, October 17, 2012 3:14:46 AM UTC-4, taps wrote: >>>> >>>> Hello, I have created a bubble chart based on the user selection.I need >>>> to save the chart in the form of image or any other way.How can save it? >>>> >>> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/Kw3Zj99vje8J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
