D3.js Railsで使えるGem

Rails4とD3.jsでローソク足グラフを描く〜Rails準備編

投稿日:

前回

Rails4で複雑な検索〜Ransack

こちらのサンプルを使用させてもらいました。

datawarehouse.web.fc2.com/

Model

昨日の一覧から個別銘柄の日足チャートを表示させる

 

db/seeds.rb

関連するデータに挿入していく

CSVが10000近くあるので、数時間かかる.SQLiteだとエラーで止まるのでPostgreSQLにした.

showをついかする

config/routes.rb

Controller

show.html.erb

show.js.coffee

Rails3.2でCoffeeScriptをerbテンプレートとして使う件

d3.jsでグラフ描画するときの枠組み作成のメモ

 show.json.jbuilder

とりあえず60個位のデータでやってみる

d3.jsライブラリを追加する

公式からダウンロードしてvendor/ assets/javascripts/にでもいれておく

application.jsにd3.v3を加えておく

グラフを描く

続きは次回

-D3.js, Railsで使えるGem
-,

執筆者:

関連記事

気になるD3.jsサンプル

Hierarchical Bars バーをクリックするとその内訳がまたバーチャートになる         Collapsible Indented Tree 開閉できる階 …

Rails5でコントローラーの記述を省略~inherited_resources

By: Simon Matzinger – CC BY 2.0 目次1 inherited_resources2 Gemfile3 使い方 inherited_resources inhe …

RubyでFaye-websocketを試す

By: Jenny Ondioline – CC BY 2.0 目次1 公式2 インストール3 サーバ側4 クライアント側5 エラー 公式 faye-websocketは、fayeからwe …

no image

MongoidでMapReduceに挑戦中

MongoDBの薄い本の素材をMongoidでやろうとしたけど途中経過 MapReduceをやることの利点は、並列処理ができるということとSQLより柔軟な処理なできるということらしい(MongoDBに …

ActiveRecord使い方まとめ

By: North Carolina National Guard – CC BY 2.0 ActiveRecord入門|ドットインストールをみて個人的まとめ ActiveRecord4の …