HIGHCHARTS でマルチタイムフレームのチャートを作った

Highcharts を使ってマルチタイムフレームのチャートを作ったのでその記録。

環境

みんかぶ FX のデータのチャート。今回取得したデータの中では一番綺麗に見ることができた。

できるだけ広く表示したかったので、余白を可能なだけ少なくした。軸ラベルも小さくした。足の数は２４０本にした。日足だと１年分程度表示できることになる。

それから [1] キーを押すとフルスクリーンになるようにしたので、ブラウザーのバーとかの部分もチャートを表示することができる。

The Wall Street Journal のデータのチャート。４時間足のデータを取ってくるAPIはないので、１時間足を４倍取ってきて４時間足にリサンプルする、というようなことをしている。ただ、１時間足で取ってこれる範囲に限界があるようで、４時間足が短い期間しか表示できなかった。

[2] キーを押すとフルスクリーンになる。

Yahoo Finance のデータのチャート。日足がおかしい。始値か終値が違うのかな。１５分足もみんかぶ FX に比べてヒゲが多いのも気になる。

[3] キーを押すとフルスクリーンになる。

macOS にしてから cTrader Web を使うようにしているのだけど、起動が少し遅いので、素早くチェックするのに便利かなと思っている。

Flask を含めたソースを GitHub にアップした。