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

RubyでDocxを分解してみた~Nokogiri::XML::SAX

    参照 Rubyでdocxをいろいろ分析してみた 今度はsaxのアプローチでdocxのword/document.xmlを分解してみた 使い方は、Nokogiri::XML: …

no image

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

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

Rails3.2でコードのお作法を指摘してもらう~Rails Best Practices

コードのお作法を自動でチェックしてくれるrails_best_practiceを導入した

あとは、Railsのルートで[crayon- …

RubyでTwitter〜twitter & t

By: Pete Simon – CC BY 2.0 目次1 はじめに2 twitter.gemのインストール3 Twitterアプリへの登録4 サンプルから試してみる5 cliでTwit …

RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …