LABシステムエンジニアmorris.jsとPHPでグラフを簡単に表示する方法mukku2014.01.14システムエンジニアこんにちは、ムックです。今回は、php、morris.jsを使ってSQLの結果を簡単にグラフ表示してみたいと思います。背景:統計データをグラフに表示したいとあるソーシャルゲームの統計データをグラフ表示させたい。実装方法は以下の3つになります。今回は単純に以下の様なログテーブルがあるとします。`gacha_id`;[/sourcecode]※created_at(レコード作成日時)は入力値とします。2.SQLの結果をJSONに変換DBから取得した結果配列をjson形式に変換します。※データ取得の処理は割愛します。...のような形なります。続きを読む3.morris.jsを使って任意のグラフを作成やっときましたmorris.js。すごくシンプルなので使い方は公式サイト参照していただければと思います。利用には、jquery,raphaelが必要になります。簡単に説明しますと、element:id名data:json形式のデータxkey,ykeys:それぞれx軸、y軸となるプロパティ名を指定することでグラフが描画されます。棒グラフ以外にも線、円グラフなども描画出来るので加工されたデータに合ったグラフを選ぶことが出来ます。このようにjsonさえ作ってしまえば、morris.jsで簡単にグラフが作れます。課題となるのは、今回意識していなかったシャーディングされたデータのマージや大量データによる負荷、レスポンスタイム削減でしょうか。まとめ毎回SQLを実行してデータ取得しているもの、またそれらのデータをエクセルに貼り付けてグラフ表示〜などしているものであれば管理画面のようなものを作ってみると結構役に立つのかなと思います。SHARE記事作成者の紹介mukkuシステムエンジニア生活を豊かにするWebサービスが大好きでそんなシステムに携わり続けていきたいと思いながら、日々の業務に励んでおります。公式XWeb制作・アプリ開発に関する、UI/UX情報、エンジニア向け情報、イラストテクニックをお届けしています。