For Want Of A Better Word

[js] chart.jsのグラフをwkhtmltopdfでpdfに保存する

   

表題のことをしたいとなった。

 

結論目的は果たされたのだけどハマリポイントとして以下があったのでメモ。

①chart.jsのバージョンが1系じゃないと、なぜかうまくいかない。

②wkhtmltopdf+snoppyだとエラーになり、直接wkhtmltopdfのコマンドを実行すると問題なく保存できる。

 

特に①についてはまった..

wkhtmltopdfのcentosへのインストール

http://d.hatena.ne.jp/zhuweichen/20151030/1446184535

Snoppyのエラー

解決できないので、wkhtmlを直接実行にシフト。

しかしながら、chartjsのグラフ描画が取得できない。

下記でもグラフ描画系jsのpdfが取れないと盛り上がっている。

https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1964

ほかのsvgでの描画系jsも、PDF化できない現象が多い見たい。

 

しかし下記ではchartjsのpdfを取れたというのもあるし、

http://ayaketan.hatenablog.com/entry/2014/02/02/211557

 

上記のgithubのissueでも下記のページは取れたというコメントあり。

http://netdna.webdesignerdepot.com/uploads7/easily-create-stunning-animated-charts-with-chart-js/chartjs-demo.html 

 

ここで試したら、確かにpdf化ができた…

上記ページのjsの記法を見ると、最新のchartjs(2.5)と異なるので、思い切ってバージョンを下げたらうまくいきました。。。

 

 

 - javascript | js

  関連記事

【Googleトレンド】【Casperjs】急上昇中キーワードをスクレイピングで取得 – (4) Casper動くもGoogleトレンドのバグ?にはまる

casperjsで値を取るため 念のためもう一回埋め込み用のタグからURLを確認 …

【Googleトレンド】【Casperjs】急上昇中キーワードをスクレイピングで取得 (1) -検討編

特定カテゴリの急上昇中キーワードを取得して、自分のサイトに表示したい。その時、自 …

selectedを動的につけているセレクトボックスの選択解除・リセット

ちょっと、セレクトボックスの選択解除・リセットをしたい。   調べると …

mautic利用時の.htaccess設定(クロスドメインとアクセス制御)

mauticをインストールは下記参照。 http://qiita.com/bez …

【Googleトレンド】【Casperjs】急上昇中キーワードをスクレイピングで取得 – (2) Casperjsのインストール

ということで続き。下記を参考に。 【参考】http://thesportsbus …