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

d3.jsで力指向グラフを使って遊ぶ2

力指向グラフ(force layout)でノードの追加・削除をやってみた     緑のボックスをダブルクリックで追加・グレーのボックスをダブルクリックで削除 Backbone.js …

Rubyで静的ページをジェネレート〜middleman

静的ページのジェネレータとしてはjekyllやこれを使ったoctopressなどがメジャーなようで middlemanもそんな静的なページのメジャーなジェネレータの1つ middlemanの利点は次の …

no image

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

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

Inkscapeでsvgのグラデーションとフィルターを作成してみた

    Inkscapeといえば無料で使えるきれいな線がかけるソフトという認識 SVGを勉強しているとそのフィルタエディタがとても便利だった 参考にしたページ www.atmark …

今度こそRails3.2からdocxを生成する

  前提 Rubyからdocxを生成する 前回、イキオイアマって自分でdocxを生成する簡単なライブラリを作ってしまった.(なんて車輪の再発明 今回はこれをRailsから利用してみる. 目次 …