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

執筆者:

関連記事

市場テクニカル分析ライブラリta-libとruby用のラッパーruby-talibをインストールする

By: Ponzi_Unit – CC BY 2.0 目次1 ta-lib2 talib_ruby ta-lib ta-libは市場のテクニカル分析用のライブラリ集. macであればHom …

FullCalendarのagendaViewでselectの場所がずれる問題

  By: Ben Piddington 前回 Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails   gemは最新の1 …

Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice

    #261 Testing JavaScript with Jasmine (revised)   addyosmani.github.com/backbone-f

no image

Rubyからdocxを生成する

    前提 Rubyでdocxをいろいろ分析してみた 変数の仕様~正規表現 いろいろなパターンで試してみた 例えば、こんな文 [crayon-5d5b66289435e30946 …

Rails3.2+Mongoidでログイン機能~devise

  目次1 Gemfile2 generate3 model4 試す5 Login/Logout6 アクセス制限7 メニュー構成を整える8 翻訳 I18n9 見た目を整える Gemfile …