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
-,

執筆者:

関連記事

Rails3でECサイト構築8 都道府県の登録~spree

  都道府県の登録を忘れていた seedを追っていくとわかるのだけど、rake db:load_file[tablename.yml, dir]で登録できる サンプルは、spree_core …

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …

Railsでjavascriptやcoffeescriptをつかうとき便利かもしれないGem

By: Stan Dalone & Miran Rijavec – CC BY 2.0 目次1 oj2 gon3 js-routes4 rails-dev-tweaks oj gi …

svgでビジュアライゼーションことはじめ~d3.js

  d3js.org/ nvd3.com/ 参照 www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_20.htm   環境 ubuntu serv …

no image

Rails3.2のアプリにユーザー機能を追加する~Devise

  アプリにユーザー機能を追加するためにdeviseというgemを使った deviseを使えば高機能なユーザー管理機能を簡単につけることができる 参考 Rails3.2+Mongoidでログ …