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>

チャート、私はポリマーを使用することだし、それは、

春ブートWebAppのと私が実際にしたいことはありますこれらのチャートを画像として取得して、私のアプリがメールでユーザーに送るpdfファイルに入れます。

出典

2016-07-11 mahaSaez

[これまでに何を試しましたか？]（http://whathaveyoutried.com）問題を抱えているコードの[mcve]を表示するように質問してください。のヘルプを参照してください。 [ask]も読んでください。 –

[Google Chartを画像に変換する]（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

答えて

関連する問題