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

執筆者:

関連記事

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

d3.jsでrectに角丸・半透明・グラデーション・ドロップシャドウ・ライティング効果を追加~主にsvgのこと

目次1 基本になるrectを追加2 角丸3 半透明4 グラデーション5 ドロップシャドウ6 ライティング7 html要素を追加する~foreignObject 基本になるrectを追加 SVG 1.1 …

Rails3.2でよくあるデータ構造を追加してくれる系のGemのメモ〜タグ付け、評価システム、バージョン、論理削除、木構造とか

By: Jeff Dlouhy – CC BY 2.0 よくある構造というかよくあるスキーマを追加してくれるModelに一言書いておくだけで便利なGemをメモ(未検証)   目次 …

no image

RubyとRailsのテスト関係のリンクメモ

  目次1 RSpec2 Factory Girl3 Capybara RSpec rspec.info/ Expectations とMatcher rubydoc.info/gems/r

no image

Rails3.2+MongoDBでつくったアプリをheroku+mongoHQにアップしたよ

Stack Overflowはなんでも答えてくれる エラーメッセージをコピーしてググればたいていの答えはStack Overflowで出尽くしている 目次1 Gemfile2 herokuにアプリ作成 …