多くの仮想通貨取引所では、APIトレーダー向けに取引のための注文APIや価格情報を取得するためのAPIが公開されている。ngx-chartsを使ってチャートを描画してみたので、ポイントとサンプルコードを記録しておく。APIは、ろうそく足チャートを描画するのに必要な情報を取得できるAPIで、以下の情報が含まれる。期間内の出来高合計OHLCVデータCandlestickデータはOHLCVというフォーマット(フォーマットというより並び順)で配信されていて、それぞれは以下の情報とマッピングすることができる。期間を示すタイムスタンプが配信されている。呼んだりもするらしい。https://docs.bitbank.cc/#!/Candlestick/candlestickOHLCVとngx-chartsのseriesとのマッピング今回作ったサンプルでは、ロウソクやヒゲは描画せず、単純なlineチャートとして表現したいので、OHLCVから必要な価格情報とtimestampのみを使用して、ngx-chartsのseriesの形にマッピングする。いっても、以下のようなTypeScriptのインターフェースを定義して、RxJSのmapオペレータの中で単純なマップをするだけ。number;}次のようなマッピング用のメソッドを用意して、cnaclestickの6番目の要素とのtimestampと1番目の要素の開始時の価格でlineチャートを描画する情報を作っていく。}));}実際にはRxJsのmapオペレータの中で上記のマッピング用のメソッドを呼び出す。-StackBlitz通過ペアと期間を指定して、現在から1日前、1週間前、1ヶ月前、1年前それぞれの価格lineチャートが取得できるようになっている。実装だが、価格推移の雰囲気を表現するのには十分じゃないかと思う。各取引所でこういったpublicデータを配信するAPIがが公開されているので、リアルタイムデータと合わせてまとめサイトみたいなのを作ってみても面白そう。RPCを使ったチャットのサンプルフロントエンドエンジニアのAWSとの付き合い方について月別アーカイブはてなブログをはじめよう!daikiojmさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。