本文へ移動

§01-20Data Visualization

キャンドルスティック

期間ごとの始値・高値・安値・終値を 1 本の足で示す。

期間ごとの値動きの幅と方向を 1 本で読めるので、価格や指標の推移を細かく追える。上下動の激しさや転換点を見極めたい場面に使う。

実装のポイント

始値と終値の大小で実体の色を決め、高値・安値はヒゲの線で描く。始値と終値が同じ足は高さ 0 になるので最低 1px を確保する。

特徴
  • チャート
デモで使っているもの
  • SVG