2019年6月20日0件のコメントこんにちは。GMOアドマーケティングのR.Sです。今回は、Railsで簡単にグラフを描画できる「Chartkick」を使ってみたので実装の手順と使い方を紹介します。実装はとても簡単で、Gemをインストールして、グラフを描画するJavaScriptライブラリを読み込むだけです。JavaScriptライブラリを読み込むapplication.jsに以下の2行を追加します。chart(散布図)など、様々なので、用途に合わせて使い分けることが出来そうです。今回はcontrollerでデータを用意してviewで表示する形式で、折れ線グラフと円グラフを描画してみます。データは、配列またはハッシュで用意します。%>controllerもviewも1行ずつ書くだけで出来上がりました。%>円グラフもすぐ表示できました!グラフ上部の凡例をクリックするとデータを非表示にすることも出来ます。グラフのオプション折れ線グラフは、ページいっぱいにグラフが表示されるので、適当な大きさにサイズを指定しました。ラベルなど、オプションもたくさん用意されているので、グラフの種類と併せて公式ページで確認しながら、簡単に、自由にグラフが描画できます。おわりにRailsでグラフ表示って難しいのかな、から始めてみましたが、とても簡単にグラフが出来てしまいました!Chartkickの公式ページでは、Groupdateというgemのインストールも推奨しているのですが、こちらもDBからデータを抽出するときに便利だったので併せて利用するとグラフ表示が捗りそうです。ありがとうございました。@gmoap_engineer本ブログで発信される情報は、各エンジニア個人の見解であり、弊社の公式見解ではありません。本ブログに掲載、引用等をしている商品またはサービス等の名称は、各社の商標または登録商標です。その他の事項について一切責任を負いかねます。発表する情報には注意を払っておりますが、公式発表、見解については、弊社WEBサイトおよびプレスリリースなどをご確認ください。GMOインターネットグループにおけるソーシャルメディア運用ポリシーについては次のページをご確認ください。本ブログに掲載のあるソフトウェアのダウンロードは自己責任で御願い致します。ソフトウェアのダウンロードの結果、ご利用者に何らかの損失・損害が生じたといえども、当社ではその責任を負いかねます。本ブログに掲載のあるソフトウェアを扱う際は、各ソフトウェアの公式リファレンスを参照のもとご使用下さい。ソフトウェアの実行の結果、ご利用者に何らかの損失・損害が生じたといえども、当社ではその責任を負いかねます。