List日本一周プロフィールホームプログラミング【Rails】グラフ表示をお手軽に!Chartkickの導入・使い方を簡単解説します【gem】2019/08/04ツイートシェアはてブLINEPocketこんにちは。たなか(@tanaka_ricecake)です。RailsでWebアプリケーションサービスの開発をしています。開発でChartkickというgemを使用したグラフ表示の方法を学習したので、備忘録として残しておきます。システム管理画面なんかを作成して、データを可視化したいといったシチュエーションで重宝するかと思います。導入もお手軽なのでよろしければ参考にしてみてください。導入に必要な記述はわずか三行です。installを実行します。最後はapplication.jsに以下を追記します。Chart.bundleこれで導入は完了です。使い方もとってもシンプル。表示したいビューに以下を記述します。@user_data続いてcontrollerで受け渡しようの@user_dataを用意してやります。1).group("date(created_at)").countend今回は『Userのうち、決済結果が1(成功))の人の数)』を@user_dataに持たせてやりました。簡単な設定方法についても併せて解説してみます。グラフ全体に反映させる設定グラフ全体に反映させたい設定については、initializersディレクトリ配下にchartkick.rbという設定ファイルを用意することで可能です。falseを記述します。false日付を細かくする(1日ずつ)こちらもデフォルトでは間の日付が省略表示されてしまいます。trueを記述します。trueグラフ色の変更デフォルトのブルーから色を変更する場合は、colorオプションを追加すればOKです。"#666"]まとめということでグラフ化gem『Chartkick』についてでした。今回は開発で使用した折れ線グラフでの紹介でしたが、他にも円グラフや棒グラフなど様々なグラフに対応しています。簡単に始められるので、ぜひ試してみてください。コメントをキャンセルメールアドレスが公開されることはありません。【プチ断食7日目】高タンパク食は多少カロリーオーバーでも身体絞...プロフィールたなぼた東京都在住の現役Webエンジニア。22歳の時に原付バイクで日本一周(全県制覇)を達成。文系大学を卒業後、ブラックSI企業に文系大から新卒入社→半年で退職。Macを触ったこともないレベルの未経験からwebエンジニア転職。現在は学習のアウトプットや、死ぬまでにやることリストの達成、やってみた系の記事をメインに発信中。