智久)はじめにはじめまして。星野(ノンビン)@アイティー・プラス・ワンです。kintoneって標準でかっこいいグラフがあるけど、ブラウザの印刷じゃグラフ部分だけを綺麗に印刷できないよぉ...たすけてノンビン~!!という方は結構いるんじゃないでしょうか?現在のkintoneのグラフを印刷するには、次の方法があるかと思います。ブラウザ標準の印刷を利用するChromeでグラフを印刷する場合kintoneのヘッダー部分も含まれて印刷されていますね。Copyrightの文言がグラフの上に表示されてしまっていますね。Firefoxでは、Copyrightの文言がグラフの上に表示されることはありませんが、kintoneのヘッダー部分は含まれて印刷されます。IEの場合スクリーンショットを撮って、ペイントもしくはExcelなどで加工する。ブラウザの画面のみのスクリーンショットを撮って、印刷したい部分以外を取り除きます。手順については今回は記載しません。(決して面倒だからというわけでは・・・)このように、印刷する方法はいくつかあります。したら、kintoneのヘッダー部分は表示しないでグラフ部分だけを印刷したいという方もいらっしゃるのではないでしょうか?そのような方のために簡単に、kintone標準のグラフ部分だけを印刷する方法をお教えしたいと思います。サンプルアプリを準備する今回はkintoneのデモ用にある「案件管理」アプリを利用して説明したいと思います。「案件管理」アプリにはサンプルデータが入っていて、標準のグラフも設定されているため、今回の方法を試すのにベストなアプリです。「案件管理」アプリでは三種類のグラフが最初から用意されています。印刷してみようと思います。印刷したいグラフを表示したら、画面右側にある「集計結果の操作」ボタンを押下します。「埋め込み用タグ」というダイアログが表示されるので、その中に記載されているソースをコピーしてテキストエディターなどに張り付けておきます。カスタマイズビューの設定グラフ印刷用に新しい一覧を追加します。追加する一覧は2014年4月に新機能として追加されたカスタマイズビューを利用します。JavaScriptの説明と設定まずはPC用のJavaScriptファイルに以下のURLを指定設定する。次に以下のソースJavaScriptに設定します。ファイル名は適当ですが、拡張子を「.js」にして文字コードを「UTF-8(BOMなし)」で保存してください。グラフの印刷これで設定完了です。グラフ印刷ボタンをクリックすると印刷プレビューが表示されます。Firefoxの場合は印刷プレビューが表示されず、印刷準備画面が表示されますが、印刷されるものはすべて同じものが出力されます。さいごに今回は、kintone標準のグラフをグラフのみ印刷する方法について説明しました。いかがでしたか?グラフのみ印刷したい際に、結構使えるのではないでしょうか?今後もかゆいところに手が届くような、カスタマイズ方法がありましたらご紹介していきたいと思います。このTipsは、2015年2月版で確認したものになります。コミュニティをご活用ください。ログインしてコメントを残してください。