是否有可能使用圖表內置方法將谷歌註釋圖轉換爲pdf /圖片

Question

我嘗試使用getImageURI方法來提取圖像，但沒有運氣。

下面是我的代碼：

變種圖表=新google.visualization.AnnotationChart（的document.getElementById（ 'temperature_chart'））;

google.visualization.events.addListener(chart, 'ready', function() { 
    var imgUri = chart.getImageURI(); 
    document.getElementById('chartImg').src = imgUri; 
}); 

chart.draw(data, options); 

Answer 1

我不知道的PDF，但像它可能：

<script type="text/javascript" src="http://canvg.github.io/canvg/rgbcolor.js"></script> 
<script type="text/javascript" src="http://canvg.github.io/canvg/StackBlur.js"></script> 
<script type="text/javascript" src="http://canvg.github.io/canvg/canvg.js"></script> 



function getImgData(chartContainer) { 
    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); 
    var imgData = canvas.toDataURL("image/png"); 
    canvas.parentNode.removeChild(canvas); 
    return imgData; 
    } 

document.body.addEventListener("load", function() { 

     saveAsImg(document.getElementById("pie_div")); // or your ID 

    }, false); 

的更多信息，請點擊此鏈接：Save Google charts as a image http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html https://github.com/google/google-visualization-issues/issues/731