jqplot.ohlcRenderer.js

投稿日: 2012年4月21日 作成者: alphasis

jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.ohlcRenderer.js」もしくは「jqplot.ohlcRenderer.min.js」は、いかり足やローソク足などのチャートを生成する際に読み込む必要があるjavascriptファイルだ。

「jqplot.ohlcRenderer.min.js」は、「jqplot.ohlcRenderer.js」の圧縮版で、機能に違いはない。

導入

「jqplot.ohlcRenderer.js」もしくは「jqplot.ohlcRenderer.min.js」は、jqPlotの「plugins」フォルダに入っている。

読み込み

パスは、アップロードした場所を指定する。

<script language="javascript" type="text/javascript" src="plugins/jqplot.ohlcRenderer.min.js"></script>

もちろん、「jquery-1.7.1.min.js」や「jquery.jqplot.min.js」なども読み込む必要がある。

実装例（サンプル）

実装例（サンプル）について

実装例（サンプル）のソースコードについては、こちら。

オプション

ohlcRendererに関するオプション。

seriesDefaults

グラフの種類や、系列の色、太さなど、系列に関する初期設定。

renderer

系列の生成編集に使うプラグインを指定。

rendererOptions

系列の生成編集オプション。

candleStick

ローソク足（ローソクチャート）にするか。「true」にすると、ローソク足（ローソクチャート）になる。「false」にすると、いかり足チャートになる。初期設定値は「false」。

tickLength

始値と終値を示す線の長さを、ピクセル単位で指定できる。

初期設定値は「auto」で、いかり足の幅と数に基づいて自動計算する。

bodyWidth

ローソク足のボディ部分の幅を、ピクセル単位で指定できる。

初期設定値は「auto」で、ローソク足の幅と数に基づいて自動計算する。

openColor

始値を示す線の色を指定できる。指定しない場合は、系列の色で塗る。

closeColor

終値を示す線の色を指定できる。指定しない場合は、系列の色で塗る。

wickColor

高値と安値を結ぶ線の色を指定できる。指定しない場合は、系列の色で塗る。

fillUpBody

始値よりも終値が高い陽線のときの、ローソク足のボディ部分を塗りつぶすか。「true」を指定すると塗りつぶす。「false」を指定すると塗りつぶさない。初期設定値は「false」。

fillDownBody

始値よりも終値が安い陰線のときの、ローソク足のボディ部分を塗りつぶすか。「true」を指定すると塗りつぶす。「false」を指定すると塗りつぶさない。初期設定値は「true」。

upBodyColor

始値よりも終値が高い陽線のときの、ローソク足のボディ部分を塗りつぶす色を指定できる。指定しない場合は、系列の色を使用する。

downBodyColor

始値よりも終値が安い陰線のときの、ローソク足のボディ部分を塗りつぶす色を指定できる。指定しない場合は、系列の色を使用する。

hlc

始値なしのチャートにするか。「true」を指定すると、始値なしのチャートになる。初期設定値は「false」。

lineWidth

高値と安値を結ぶ線の幅と、始値と終値を示す線の幅を、一括指定できる。初期設定値は「1.5」。

series

各系列ごとに指定する系列に関するオプション。１つ目の系列から順に、配列で指定する。

renderer

系列の生成編集に使うプラグインを指定。

  • jQuery . jqplot . BarRenderer： 棒グラフ
  • jQuery . jqplot . BubbleRenderer： バブルチャート
  • jQuery . jqplot . BlockRenderer： ブロックチャート
  • jQuery . jqplot . MekkoRenderer： マリメッコ・チャート
  • jQuery . jqplot . BezierCurveRenderer： ベジェ曲線グラフ
  • jQuery . jqplot . PieRenderer： 円グラフ
  • jQuery . jqplot . DonutRenderer： ドーナツグラフ
  • jQuery . jqplot . MeterGaugeRenderer： メーターゲージ
rendererOptions

系列の生成編集オプション。

candleStick

ローソク足（ローソクチャート）にするか。「true」にすると、ローソク足（ローソクチャート）になる。「false」にすると、いかり足チャートになる。初期設定値は「false」。

tickLength

始値と終値を示す線の長さを、ピクセル単位で指定できる。

初期設定値は「auto」で、いかり足の幅と数に基づいて自動計算する。

bodyWidth

ローソク足のボディ部分の幅を、ピクセル単位で指定できる。

初期設定値は「auto」で、ローソク足の幅と数に基づいて自動計算する。

openColor

始値を示す線の色を指定できる。指定しない場合は、系列の色で塗る。

closeColor

終値を示す線の色を指定できる。指定しない場合は、系列の色で塗る。

wickColor

高値と安値を結ぶ線の色を指定できる。指定しない場合は、系列の色で塗る。

fillUpBody

始値よりも終値が高い陽線のときの、ローソク足のボディ部分を塗りつぶすか。「true」を指定すると塗りつぶす。「false」を指定すると塗りつぶさない。初期設定値は「false」。

fillDownBody

始値よりも終値が安い陰線のときの、ローソク足のボディ部分を塗りつぶすか。「true」を指定すると塗りつぶす。「false」を指定すると塗りつぶさない。初期設定値は「true」。

upBodyColor

始値よりも終値が高い陽線のときの、ローソク足のボディ部分を塗りつぶす色を指定できる。指定しない場合は、系列の色を使用する。

downBodyColor

始値よりも終値が安い陰線のときの、ローソク足のボディ部分を塗りつぶす色を指定できる。指定しない場合は、系列の色を使用する。

hlc

始値なしのチャートにするか。「true」を指定すると、始値なしのチャートになる。初期設定値は「false」。

系列データから、自動的に決定する。

lineWidth

高値と安値を結ぶ線と、始値と終値を示す線の幅を、指定できる。初期設定値は「1.5」。

実装例（サンプル）一覧

「jqplot.ohlcRenderer.js」もしくは「jqplot.ohlcRenderer.min.js」の実装例（サンプル）一覧。

スポンサード リンク

カテゴリー: JavaScript, jqPlot, jQuery, ohlcRenderer, プラグイン パーマリンク