jqplot.blockRenderer.js

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

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

導入

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

読み込み

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

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

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

実装例(サンプル)

実装例(サンプル)について

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

オプション

blockRendererに関する主要なオプション。

seriesDefaults

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

renderer

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

rendererOptions

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

css

ブロックのCSS(スタイルシート)を指定することができる。

初期設定値は{padding:'2px', border:'1px solid #999', textAlign:'center'}

escapeHtml

ブロックラベル内のHTMLをエスケープするか。「true」を指定するとHTMLエスケープする。「false」を指定するとHTMLエスケープしない。初期設定値は「false」。

insertBreaks

ブロックラベル内の半角スペースを、<br />に変更。

varyBlockColors

seriesColorsの配列に従って、各ブロックの色を違えるか。「true」を指定すると、seriesColorsの配列に従って、各ブロックの色を変える。「false」を指定すると、系列ごとに同一色でブロックを塗る。初期設定値は「false」。

実装例(サンプル)一覧

「jqplot.blockRenderer.js」もしくは「jqplot.blockRenderer.min.js」の実装例(サンプル)一覧。

スポンサード リンク

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