wicked_pdf gem + Highcharts

私はいくつかの答えを読んだが、私の問題を解決しなかった。wicked_pdf gem + Highcharts

HTMLチャートはうまく機能しますが、wicked_pdfチャートでPDFにエクスポートすると表示されません。

私は、チャートのオプション設定：

plotOptions: { 
     series: { 
     enableMouseTracking: false, 
     shadow: false, 
     animation: false 
     } 
    },

とJavaScript遅延を与えてみましたが。

私が読んだ記事の中には、jqueryやhighchartsのjsファイルを含めてみましたが、私のレイアウトには含めませんでした。

しかし、何が私のために働いていない、私のwkhtmltopdfライブラリのバージョンは次のとおりです。

wkhtmltopdf 0.12.2.1 (with patched qt)

私が読んですべての答えは2+歳ですので、多分誰かが新しい方法で私を助けることができます。

出典

2016-03-20 llermaly

グラフには何も見えませんか？タイトルや伝説のように？そうでなければ、それはむしろアニメーションの問題ではありません。 wicked_pdfとレンダリングSVGにはいくつかの問題がありますが、Highchartsライブラリ自体に接続する必要はありませんが、チェックしましたか？たとえば、[このバグレポート]（https://github.com/mileszs/wicked_pdf/issues/313）。 –

最後に解決されました。

いくつかの手順は必要ありませんでしたが、私はほとんどの人々を助けるためにとにかくそれを注意します：私は0.12を使用していた、

1.-変更wkhtmltopdfバージョンを、今私は

gem 'wkhtmltopdf-binary'

この宝石をインストールwkhtmltopdfの0.9バージョンで動作します

2.-ハイチャートからアニメーションやその他のものを削除します。私はローカルでテストしています。アニメーションのようなものは、完全なチャートを時間的にレンダリングしないリスクを高めます。

チャートコンテナファイルにこの設定を追加します。

plotOptions: { 
    series: { 
    enableMouseTracking: false, 
    shadow: false, 
    animation: false 
    } 
},

****注意：あなたはすでにあなたのチャートの別の部分では、plotoptionsを設定するかどうかを確認、あなたはすでにだけ存在は、plotoptionsに行を追加しなかった場合***

3.レイアウトHTMLファイルにHTML構造を追加します。wicked_pdfがアセットパイプラインを見ることができないことを覚えておいてください。

<HTML> 
<HEAD> scripts </HEAD> 
<BODY> charts and text </BODY> 
</HTML>

4.- PDFのレイアウトビュー（HEADタグ）で、私の場合、私は私のチャートのテンプレートを保存するためのjsファイルを使用して、動的生成（お持ちの場合は、CSSファイルを含め）の内部と外部の両方のJSファイルを含めます

<script src="https://code.jquery.com/jquery-2.2.2.min.js" integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI=" crossorigin="anonymous"></script> 
    <script src="https://code.highcharts.com/highcharts.js"></script> 
    <script src="https://code.highcharts.com/modules/exporting.js"></script> 
    <script src="https://code.highcharts.com/modules/heatmap.js"></script> 
    <%= wicked_pdf_javascript_include_tag "chart_templates/chart_bar_combined" %>

希望すると、この回答はいくつかの短い解説とあまり解説されていない解決策を組み合わせたものです。

よろしくお願いします。

出典

2016-03-22 05:38:31 llermaly

答えて

関連する問題