D3.js Railsで使えるGem

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

投稿日:

前回

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

jsonデータ

こんなかんじで

 

y_scaleを考える

最安値と最高値をとって、そのあいだにする

 

始値と終値から箱をつくる

 

高値と安値でひげをつくる

 

y_axisをつける

 

x_scaleを考える

これが今回のハマりどころ

time.scaleを定義するときに、domainは[Dateオブジェクト、Dateオブジェクト]にしておかないとダメ そうしないとNaNが返ってくる

あとtime_scale(date)で使う時もdateはDateオブジェクトじゃないとNaNが返ってくる

 

x_axisをつける

 

もろもろ調整してできた

screenshot

 

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

執筆者:

関連記事

no image

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

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

no image

Rubyでエクセル帳票印刷(.xls)~spreadsheet

  pdfとdocxとxlsが作成できれば帳票印刷で困ることはなさそう spreadsheetというgemを使ってみた 参考 dragonstar.asablo.jp/blog/2009/0 …

no image

Rubyでローカルで使うgemをつくる~bundler

  目次1 bundlerのインストール2 bundle gem ファイル名3 gemspec4 lib5 パッケージ化6 インストール7 使い方 bundlerのインストール gemパッケ …

ActiveRecord使い方まとめ

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

no image

Rubyでxmlの要素の追加など~nokogiri

目次1 はじめに2 文字列をパースしてxmlとして読み込んでそのままxmlとして出力する3 nodeの追加4 nodesetの作成と追加5 DocumentFragmentの作成と追加 はじめに 参考 …