Trading chart with real-time data from Context

[arealclimber]

• [x] 接上來自 market context 的動畫並實時更新
• [x] 切換行動版跟桌面板，不能讓交易圖表缺失中間的資料

• 414

• ~整理來自 context 的交易資料~
  • ~該時間區間沒有交易量，我要拿上一根蠟燭的 close 畫出點/十字~

[arealclimber]

• 有時候拿不到 context 資料，接著湧進一堆資料，會無法正常畫蠟燭，有些蠟燭會消失，但從折線圖上可以看到起伏，而最新價格水平線也會跟著移動
• 一次載入太多資料，蠟燭會有奇怪的往後位移情形
  • ~嘗試setInterval間隔拿資料的時間，但這樣就不是每一秒更新一根蠟燭~
• [x] 規定好要拿從什麼時候開始的交易資料，而非直接拿最新的三十筆資料
• 在資料裡面加 null 時，會造成 y 軸失真，資料畫得太扁

[arealclimber]

taking 8 hrs remaining 8 hrs

[arealclimber]

taking 2 hrs

• 調整 y 軸，使加 null 之後不會讓蠟燭太扁，但某一秒OHLC之間價差沒有相差大於 0.1 就不會畫出蠟燭
• [x] 上下留白調整成10% (最大最小值)
• [x] 預設有折線圖
• [x] 特定情況下，我會丟給 y 軸舊的最大最小值

remaining 3 hrs

413 comments

[arealclimber]

taking 9 hrs 計算拿資料的時間區間

• 創造 base array 以定義30秒的時間資料
• 跟 market context 的資料比對時間
• 用 dummy data 測試比對功能
• 用 setInterval 測試是否固定更新圖表