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.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

Rails3.2からMongoDBを使ってアプリをつくってみる~mongoid

MongoDBはとても素直で扱いやすいということがわかってきたので、以前作成した郵便番号・住所の相互検索アプリをまたつくってみた 参照 MongoDBのチュートリアルをこなす KEN_ALL.CSVを …

no image

Rails4でOpenDocumentText(.odt)を作成~serenity(未完)

StackOverFlowでの質問に返事が来てたよ!ヽ(=´▽`=)ノ stackoverflow.com/questions/13080178/encodingundefinedconversion

RailsでECサイト構築4 確認メールを送る~spree

  spreeでは注文したときと発送したときにメールを送信できるように設定できるので、やってみた   目次1 設定2 翻訳 設定 管理画面から設定>メールシステムの設定から これで …

RubyでFaye-websocketを試す

By: Jenny Ondioline – CC BY 2.0 目次1 公式2 インストール3 サーバ側4 クライアント側5 エラー 公式 faye-websocketは、fayeからwe …