jqplot.trendline.js

jQueryのjqPlotプラグインの「plugins」フォルダに入っている「jqplot.trendline.js」もしくは「jqplot.trendline.min.js」は、トレンドラインを描き加える際に読み込む必要があるjavascriptファイルだ。

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

導入

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

読み込み

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

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

実装例（サンプル）

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

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

オプション

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

seriesDefaults

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

trendline

トレンドラインに関するオプション。

color

トレンドラインの色。

label

凡例で使用するトレンドラインのラベル。

shadow

トレンドラインの線の影を表示するか。「true」を指定すると表示。「false」を指定すると非表示。初期設定値は、「true」。

lineWidth

トレンドラインの線の幅（太さ）。

series

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

trendline

トレンドラインに関するオプション。

color

トレンドラインの色。

label

凡例で使用するトレンドラインのラベル。

shadow

トレンドラインの線の影を表示するか。「true」を指定すると表示。「false」を指定すると非表示。初期設定値は、「true」。

lineWidth

トレンドラインの線の幅（太さ）。

実装例（サンプル）一覧

「jqplot.trendline.js」もしくは「jqplot.trendline.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プラグインで作る縦棒グラフに、色を指定したトレンドラインを描き加える方法。