wilki.space Blog

ビットコイン自動売買など仮想通貨まわりを中心にシステムトレード関係のお話をいろいろと

Javascriptでローソク足を描いてみる

Javascriptでチャートを描くにはいくつかのライブラリがあります。自分でイチから描いてしまってもいいのですが、結構大変なのでこの辺はライブラリ使いたいところですね。 有名どころ(?)は以下2つかなーと思います。

jqPlot

これはjQueryプラグインですね、いわゆるテクニカルチャート用のライブラリというよりもグラフ描画ライブラリでその中にローソク足やいかり足チャートも入ってますよって感じのものになります。

jqPlotのメリット

  • jQueryプラグインなので、jQueryに慣れ親しんだ人にも使いやすい
  • テクニカルチャート以外のグラフ描画もやりやすいので独自にグラフを作成しやすい

jqPlotのデメリット

  • その他のチャート分析のグラフなどを描くためには独自で描画する必要がある

jqPlot Charts and Graphs for jQuery

TechanJS

こちらはD3.jsベースのライブラリになります。テクニカルチャートの色んな描画についてのやり方がまとめられているので、本格的にグラフ描画を実施したい場合にはこちらがオススメです。

TechanJSのメリット

  • 各種チャート分析に対応しているのでいろんな分析を行いやすい
  • D3.jsを用いてその他のグラフ描画も行うことができる

TechanJSのデメリット

  • D3.jsベースになるので、少し学習コストが高い

techanjs.org

双方良し悪しありますが、チャート分析ツールを独自で作成する場合には個人的にはTechanJSをオススメします。 D3.jsに関する知識が必要になってきますが、その分いろいろ拡張性も高くキレイなチャートを作成することができます。