Javascript window.print（）は私に別の出力を与えます

Question

私は作業中のWebアプリケーションの特定の領域を印刷する際に問題を解決しようとしています。問題は、印刷の呼び出しは単なる背景画像/色は常に消え、背景画像の問題のように作用する荷重にwindow.print（）を呼び出すには<rect ... />.

としての棒グラフをレンダリングhighchartsのJSです。しかし、ブラウザのメニューからページを印刷するときに、そのページを表示する必要があります。何故それが印刷されないのでしょうか？<rect />？

Answer 1

タイミングの問題があります。あなたはすべてのブラウザから、あなたはそれを印刷しようとする前にすることができます、SVGがレンダリングされている必要があるものからSVGを印刷することはできません

window.onload = function() { 
    window.focus(); 
    window.print(); 
} 

Answer 2

のようなものを試してみてください。

私は、バージョン2.0からのエクスポートモジュール をhere代替

を読んでは、ユーザーが画像をダウンロードしたり、チャートの PDF年代することを可能にする 、Highchartsのために利用可能です。このモジュール は、余分なJavaScriptファイル exporting.jsと、PHPで書かれたWebサービスまたは サーバモジュールで構成されています。 Highslideソフトウェアは、 エクスポートWebサービスを無料で提供しています。 エクスポートモジュールを図表 に含めると、右上に という2つのボタンが表示されます。 1つのボタンは の図表を印刷します。これはクライアント側で 側でのみ実行されます。他のボタンは、 のエクスポートを処理します。既定では、グラフのSVG は POSTからhttp://export.highcharts.com、 に送信され、Apacheの バティックコンバータを使用してPDF、PNGまたはJPEGに変換されます。