getImageURI（）はブラウザで開かない大きなURLを返します

Question

私は現在、Googleの縦棒グラフをpngに変換してから、chart_div.innerHTMLを使用してURLを取得してブラウザ（Firefox）に貼り付けます。

私のエラーは：413です。これは誤りです。あなたのクライアントは大きすぎるリクエストを出しました

URLのサイズを減らす方法はありますか？またはそれを取り巻く可能な解決策はありますか？私の目標は、4つのチャートすべてをpngに変換して、それぞれ1または少なくとも1を印刷できるようにすることです。

Answer 1

新しいウィンドウに画像を送信、
が、これは右クリックにあなたをできるようにしてなど、印刷、として保存されます...

window.open(chart.getImageURI(), '_blank'); 

上記は、「ポップアップ」を作成していてもよく...

location.href = chart.getImageURI(); 

は、例えば、以下のフィドルを参照してください...
あなたはまた、現在のページの場所を変更することができ、ブロックされた

​​

EDITクロムのためのオプションは、ダウンロードリンクを作成することです

、

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Date'); 
 
    data.addColumn('number', '2015'); 
 
    data.addColumn('number', '2016'); 
 
    data.addRows([ 
 
     [new Date('01/01/2016'), 200, 210], 
 
     [new Date('02/01/2016'), 190, 220], 
 
     [new Date('03/01/2016'), 205, 200], 
 
     [new Date('04/01/2016'), 220, 230], 
 
     [new Date('05/01/2016'), 212, 210], 
 
     [new Date('06/01/2016'), 185, 193], 
 
     [new Date('07/01/2016'), 196, 207] 
 
    ]); 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 

 
    google.visualization.events.addListener(chart, 'ready', function() { 
 
     downloadLink = document.createElement('a'); 
 
     downloadLink.href = chart.getImageURI(); 
 
     downloadLink.download = 'chart.png'; 
 
     downloadLink.click(); 
 
    }); 
 

 
    chart.draw(data, { 
 
     hAxis: { 
 
     format: 'MMM' 
 
     }, 
 
     height: 400 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div> 
 
<div id="image_div"></div>

Answer 2

Googleのチャートの問題ページに表示されるgoogle developpersのサンプルソリューションです。

リンク：

チュートリアル：https://developers.google.com/chart/interactive/docs/printing

Answer 3

あなたは、Googleのサーバーへのアクセス権を持っていない限り、あなたはチャンクでチャートを取得する必要があります。 HTTP 413はサーバーが大きいことを意味するので、サーバーdeclined your requestを意味します。チャートを複数のチャートに分割し、ローカルに戻したり、チャンクを表示したりしてください。