jqplot.enhancedLegendRenderer.js

jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.enhancedLegendRenderer.js」もしくは「jqplot.enhancedLegendRenderer.min.js」は、凡例の機能を拡張する際に読み込む必要があるjavascriptファイルだ。

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

導入

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

読み込み

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

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

実装例（サンプル）

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

凡例内の系列ラベル名をクリックすると、その系列の折れ線グラフを、早めの速度のフェードアウトで非表示にする。系列ラベル名には訂正線が引かれる。再度クリックすると、早めの速度のフェードインで表示する。

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

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

オプション

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

legend

凡例に関するオプション。

renderer

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

• jQuery . jqplot . EnhancedLegendRenderer： 凡例の機能を強化する。

rendererOptions

凡例の生成編集に関するオプション。

numberRows

凡例の行数。

numberColumns

凡例の列数。

seriesToggle

凡例内の系列ラベル名をクリックすることで、系列の表示/非表示を切り替えられるようにするか。「true」もしくはフェードスピードを指定すると、切り替えられるようにする。「false」を指定すると、切り替えられないようにする。初期設定値は「normal」。

• true： 切替有効
• 'fast'： 早めのフェードスピードで切替
• 'normal'： 通常のフェードスピードで切替
• 'slow'： 遅めのフェードスピードで切替
• ミリ秒
• false： 切替無効

実装例（サンプル）一覧

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

• jQuery の jqPlot で作る内側上の横並び凡例付き縦棒グラフ

  jQueryのjqPlotプラグインで作る複数系列の縦棒グラフにおいて、グラフの内側の上中央に、系列ラベルを横に並べた凡例を表示する方法。

• jQuery の jqPlot プラグインで作る科目別得点推移の縦棒グラフ

  jQueryのjqPlotプラグインで、科目別得点推移の縦棒グラフを描くチュートリアル。

• jQuery の jqPlot で作る複数系列の折れ線グラフの凡例の行数を指定

  jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例の行数を指定する方法。

• jQuery の jqPlot で作る折れ線グラフの系列の表示/非表示切替

  jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例内の系列ラベル名をクリックすることで、各系列の表示/非表示を切り替える方法。

• jQuery の jqPlot で作る折れ線グラフの系列をフェードイン/フェードアウト

  jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、凡例内の系列ラベル名をクリックすると、早めの速度のフェードイン/フェードアウトで、各系列の表示/非表示を切り替える方法。

• jQuery の jqPlot で作る縦棒グラフの系列の表示/非表示切替

  jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすることで、各系列の表示/非表示を切り替える方法。

• jQuery の jqPlot で作る縦棒グラフの系列の表示/非表示切替を無効に

  jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすることによる系列の表示/非表示切替を無効にする方法。

• jQuery の jqPlot で作る縦棒グラフの系列をフェードイン/フェードアウト

  jQueryのjqPlotプラグインで作る複数系列の凡例付き縦棒グラフにおいて、凡例内の系列ラベル名をクリックすると、遅めのフェードイン/フェードアウトで、各系列の表示/非表示を切り替える方法。

• jQuery の jqPlot プラグインで作る複数系列の凡例付きブロックチャート

  jQueryのjqPlotプラグインで、複数系列の凡例付きブロックチャートを作る方法。