將Google圖表Web組件轉換爲圖片

我使用的是Google圖表Web組件，我想知道是否有方法將圖表轉換爲圖片。感謝，代碼的將Google圖表Web組件轉換爲圖片

例子：

<google-chart 
    type='pie' 
    options='{"title": "Number Of Alarms per category"}' 
    cols='[{"label":"category", "type":"string"}, {"label":"number", "type":"number"}]' 
    rows='[["Gold", 31],["Bronze", 28],["Silver", 31]]'> 
</google-chart>

圖這個樣子，我使用聚合物，這是一個春天啓動Web應用程序，

，什麼我真正想要的是將這些圖表作爲圖像放在一個pdf文件中，我的應用程序將通過郵件發送給用戶。

來源

2016-07-11 mahaSaez

[你到目前爲止嘗試過什麼？]（http://whathaveyoutried.com）請[編輯]你的問題以顯示代碼的[mcve]你有問題，然後我們可以嘗試幫助具體問題。你還應該閱讀[問]。 –

[將Google圖表轉換爲圖片]可能的重複（http://stackoverflow.com/questions/14631821/converting-google-chart-into-image） – WhiteHat

不完全一樣 – mahaSaez

你的代碼的一個例子不應該是壞的。反正有一種方法以圖表轉換爲圖像：

var my_div = document.getElementById('chart_div'); 
var my_chart = new google.visualization.ChartType(chart_div); 

google.visualization.events.addListener(my_chart, 'ready', function() { 
    my_div.innerHTML = '<img src="' + chart.getImageURI() + '">'; 
}); 

my_chart.draw(data);

文檔：https://developers.google.com/chart/interactive/docs/printing

來源

2016-07-11 09:46:27 Mikel

我看到了這一點，但是我認爲它只是將圖表打印爲圖片，不是嗎？我想將圖表保存爲圖片並放在pdf上 – mahaSaez

嘗試組件，它是圖表天然getImageURI方法的包裝物的getImageURI方法：

https://elements.polymer-project.org/elements/google-chart#method-getImageURI

選擇組件並調用getImageURI將返回圖像以Base64編碼字符串：

var chart = document.querySelector('google-chart'), 
imageAsString = chart.getImageURI()

來源

2016-07-11 09:51:48

回答

相關問題