線グラフ

jQuery の jqPlot プラグインで作る線グラフ。

• jQuery の jqPlot プラグインで作るシンプルな折れ線グラフ

  jQueryのjqPlotプラグインで、シンプルな折れ線グラフを、簡単に描く方法。

• jQuery の jqPlot プラグインで作るタイトル付き折れ線グラフ

  jQueryのjqPlotプラグインのtitleオプションを使えば、タイトル付き折れ線グラフを、簡単に描くことができる。

• jQuery の jqPlot プラグインで作る軸ラベル付き折れ線グラフ

  jQueryのjqPlotプラグインのlabelオプションを使えば、X軸とY軸にラベルを表示する折れ線グラフを描くことができる。

• jQuery の jqPlot プラグインによるグラフの軸ラベルのフォントを指定

  jQueryのjqPlotプラグインのlabelOptions内のfontFamilyオプションやfontSizeオプションは、軸ラベルのフォントの種類やサイズを指定することができる。

• jQuery の jqPlot において、X軸をカテゴリとして扱う

  jQueryのjqPlotプラグインで作るグラフにおいて、X軸をカテゴリ（区分）として扱い、X軸のグリッドを、カテゴリ区切り線として表示させる方法。

• jQuery の jqPlot プラグインで作る複数系列の折れ線グラフ

  jQueryのjqPlotプラグインで、複数系列の折れ線グラフを描く方法。

• jQuery の jqPlot で作る外側右上の凡例付き複数系列の折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフの外側の右上に凡例を表示する方法。

• jQuery の jqPlot で作るグリッド右上の凡例付き複数系列の折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフのグリッドの右上に凡例を表示する方法。

• jQuery の jqPlot で作る内側右下の凡例付き複数系列の折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフの内側の右下に凡例を表示する方法。

• jQuery の jqPlot で作るグリッド左の凡例付き複数系列の折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、グラフのグリッドの左中央に凡例を表示する方法。

• jQuery の jqPlot で作るグラフのタイトルをカスタマイズ

  jQueryのjqPlotプラグインのtitleオプションには、フォントの種類、サイズ、色、配置を指定するプロパティが存在する。

• jQuery の jqPlot の折れ線グラフのマーカースタイルをまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカースタイルを、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのstyleプロパティで、まとめてマーカースタイルを指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカースタイルを系列ごとに変更

  jQueryのjqPlotプラグインで作る折れ線グラフのマーカースタイルを系列ごとに変更する方法。seriesオプション内の、markerOptionsのstyleプロパティで、系列ごとにマーカースタイルを指定することができる。

• jQuery の jqPlot の折れ線グラフの線の太さをまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の太さを、まとめて変更する方法。seriesDefaultsオプション内の、lineWidthプロパティで、まとめて線の太さを指定することができる。

• jQuery の jqPlot の折れ線グラフの線の太さを系列ごとに変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の太さを、系列ごとに変更する方法。seriesオプション内の、lineWidthプロパティで、系列ごとに線の太さを指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーの表示/非表示をまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーの表示/非表示を、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのshowプロパティで、マーカーの表示/非表示を指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーの表示/非表示を系列ごとに指定

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーの表示/非表示を、系列ごとに変更する方法。seriesオプション内の、markerOptionsのshowプロパティで、マーカーの表示/非表示を指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーのサイズをまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーのサイズを、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのsizeプロパティで、マーカーのサイズを指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーのサイズを系列ごとに指定

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーのサイズを、系列ごとに変更する方法。seriesオプション内の、markerOptionsのsizeプロパティで、マーカーのサイズを指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーの色をまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列のマーカーの色を、まとめて変更する方法。seriesDefaultsオプション内の、markerOptionsのcolorプロパティで、マーカーの色を指定することができる。

• jQuery の jqPlot の折れ線グラフのマーカーの色を系列ごとに指定

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列のマーカーの色を、系列ごとに変更する方法。seriesオプション内の、markerOptionsのcolorプロパティで、マーカーの色を指定することができる。

• jQuery の jqPlot の折れ線グラフの線とマーカーの色を配列で変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線とマーカーの色を、配列で変更する方法。seriesColorsオプションで、系列の線とマーカーの色を指定することができる。同じ系列の線とマーカーは、同色となる。

• jQuery の jqPlot の折れ線グラフの線の表示/非表示をまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の表示/非表示を、まとめて変更する方法。seriesDefaultsオプション内の、showLineプロパティで、線の表示/非表示を指定することができる。

• jQuery の jqPlot の折れ線グラフの線の表示/非表示を系列ごとに変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の表示/非表示を、系列ごとに変更する方法。seriesオプション内の、showLineプロパティで、線の表示/非表示を指定することができる。

• jQuery の jqPlot の折れ線グラフの系列の色をまとめて変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、全ての系列の線の色を、まとめて変更する方法。seriesDefaultsオプション内の、colorプロパティで、線の色を指定することができる。

• jQuery の jqPlot の折れ線グラフの系列の色を系列ごとに変更

  jQueryのjqPlotプラグインで作る折れ線グラフの、系列の線の色を、系列ごとに変更する方法。seriesオプション内の、colorプロパティで、線の色を指定することができる。

• jQuery の jqPlot プラグインで作る積み上げ折れ線グラフ

  jQueryのjqPlotプラグインで作る積み上げ折れ線グラフを作る方法。stackSeriesオプションで、積み上げグラフにするか指定できる。「true」にすると積み上げグラフになる。

• jQuery の jqPlot の折れ線グラフにおいてY軸の最小値と最大値を指定

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、y軸の最小値と最大値を指定する方法。axesオプションのyaxisのminプロパティとmaxプロパティで指定する。minプロパティが、最小値となり、maxプロパティが、最大値となる。

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

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

• jQuery の jqPlot で作るデータポイントラベル付き折れ線グラフ

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルを表示させる方法。

• jQuery の jqPlot の線グラフのポイントとラベルの縦パディングを調整

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントとラベルの間の垂直方向のパディングを調整する方法。

• jQuery の jqPlot の折れ線グラフで、データポイントラベルを左に表示

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルを、左に表示させる方法。

• jQuery の jqPlot の線グラフのポイントとラベルの横パディングを調整

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントとラベルの間の水平方向のパディングを調整する方法。水平方向のパディングは、seriesDefaultsオプション内のpointLabelsのxpaddingプロパティで調整できる。

• jQuery の jqPlot の折れ線グラフのデータポイントラベルのテキストを調整

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、「95点」や「￥1,050」のように、データポイントラベルのテキスト形式を調整する方法。

• jQuery の jqPlot で作るHTML形式データポイントラベル付き折れ線グラフ

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルの指定に、HTMLを使えるようにする方法。

• jQuery の jqPlot の折れ線グラフのデータポイントラベルを予め指定①

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルに、予め指定した文字列を表示させる。系列データに、データポイントラベルを追加する方法。

• jQuery の jqPlot の折れ線グラフのデータポイントラベルを予め指定②

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、データポイントラベルに、予め指定した文字列を表示させる。seriesオプション内のpointLabelsのlabelsプロパティを使う方法。

• jQuery の jqPlot で作る折れ線グラフのY軸上の目盛りを指定

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、Y軸上の目盛りを指定する方法。

• jQuery の jqPlot で作る折れ線グラフのY軸上の目盛りをカスタマイズ

  jQueryのjqPlotプラグインで作る折れ線グラフにおいて、Y軸上の目盛りや、グリッド線、目盛りラベルを、カスタマイズする方法。

• 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プラグインでを作る複数系列の線グラフにおいて、指定した２つの系列の線と線の間を塗りつぶす方法。

• jQuery の jqPlot の折れ線グラフに実線や破線の水平線を描き加える

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線や破線の水平線を描き加える方法。

• jQuery の jqPlot の折れ線グラフの水平の実線をカスタマイズ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線の水平線を描き加え、その水平線をカスタマイズする方法。

• jQuery の jqPlot の折れ線グラフの水平の破線をカスタマイズ

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の破線を描き加え、その水平の破線をカスタマイズする方法。

• jQuery の jqPlot の線グラフに加える水平の実線の始点と終点を指定

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の実線を描き加え、その水平の実線の始点と終点を、Xの値の最小値と最大値で指定する方法。

• jQuery の jqPlot の線グラフに加える水平の破線の始点と終点を指定

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、水平の破線を描き加え、その水平の破線の始点と終点を、Xの値の最小値と最大値で指定する方法。

• jQuery の jqPlot の線グラフに加えた水平線を、ボタン操作で移動

  jQueryのjqPlotプラグインで作る複数系列の折れ線グラフにおいて、指定したYの値に、実線と破線の水平線を描き加え、その水平線をボタン操作で移動させる方法。

• jQuery の jqPlot プラグインで作るX軸が時間軸である折れ線グラフ

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフを作る方法。

• jQuery の jqPlot で作るカスタマイズした時間軸の折れ線グラフ

  jQueryのjqPlotプラグインで作る、X軸が時間軸である折れ線グラフにおいて、時間軸の目盛りラベルのフォーマットや目盛りの間隔などをカスタマイズする方法。

• 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プラグインで作る複数系列の折れ線グラフに、色を指定したトレンドラインを描き加える方法。

• jQuery の jqPlot で作るトレンドラインのラベルを含む凡例付き折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、トレンドラインのラベルも凡例内に表示する方法。

• jQuery の jqPlot で作る線の幅を指定したトレンドライン付き折れ線グラフ

  jQueryのjqPlotプラグインで作る折れ線グラフに、線の幅（太さ）を指定したトレンドラインを描き加える方法。

• jQuery の jqPlot で作る、影なしトレンドライン付き折れ線グラフ

  jQueryのjqPlotプラグインで作る折れ線グラフに、影のないトレンドラインを描き加える方法。

• jQuery の jqPlot で作る、ドラッグでポイントを移動できる折れ線グラフ

  jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにする方法。

• jQuery の jqPlot で作るトレンドライン付きドラッグ移動可能折れ線グラフ

  jQueryのjqPlotプラグインで作る、トレンドライン付き折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにする方法。

• jQuery の jqPlot で作る、ポイントをY軸方向だけ移動できる折れ線グラフ

  jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで、Y軸（縦）方向だけ移動できるようにする方法。

• jQuery の jqPlot で作る折れ線グラフのドラッグ中のポイントの色を指定

  jQueryのjqPlotプラグインで作る、折れ線グラフにおいて、折れ線グラフのポイントをドラッグで移動できるようにし、ドラッグ移動中のポイントの色を指定する方法。

• jQuery の jqPlot で作るツールチップ風ハイライト表示付き折れ線グラフ

  jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフを描く方法。

• jQuery の jqPlot で作るフェード無効ハイライト表示付き折れ線グラフ

  jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、表示/非表示の切り替えのフェードイン/フェードアウトを無効にする方法。

• jQuery の jqPlot で作るフェード速度を指定したハイライト付き折れ線グラフ

  jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、フェードイン/フェードアウトの速度を指定する方法。

• jQuery の jqPlot で作る線グラフのハイライトのツールチップ表示位置を調整

  jQueryのjqPlotプラグインで、ツールチップ風ハイライト表示付き折れ線グラフにおいて、ハイライトからツールチップのピクセル単位のオフセット値を指定する方法。

• jQuery の jqPlot で作るXY値のツールチップ風ハイライト付き折れ線グラフ

  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 UI と jqPlot で作るサイズを変更できる折れ線グラフ

  jQueryのjqPlotプラグインで作る複数系列の凡例付き折れ線グラフにおいて、jQuery UIのResizableを併用し、ドラッグ＆ドロップで、サイズを変更できるようにする方法。

• jQuery の jqPlot プラグインで作るズーム機能付き折れ線グラフ

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）で選択した範囲を、ズーム（拡大）できるようにする方法。

• jQuery の jqPlot プラグインで作るツールチップ機能付き折れ線グラフ

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）の位置のXとYの値を示すツールチップを表示する方法。

• jQuery の jqPlot プラグインで作るツールチップ機能付き折れ線グラフ 2

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）の位置のXとYの値を示すツールチップを、マウスカーソル（マウスポインタ）の位置の近くに表示する方法。

• jQuery の jqPlot プラグインで作るX軸だけズームできる折れ線グラフ

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）で選択した範囲のX軸（水平）方向だけ、ズーム（拡大）できるようにする方法。

• jQuery の jqPlot プラグインで作るグラフの外までズームできる折れ線グラフ

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）で選択した範囲が、グラフの外側であっても、ズーム（拡大）できるようにする方法。

• jQuery の jqPlot の折れ線グラフで、カーソル位置に垂直線と水平線を表示

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）の位置に垂直線と水平線を表示する方法。

• jQuery の jqPlot プラグインで作るグラフの外までズームできる折れ線グラフ 2

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、マウスカーソル（マウスポインタ）で選択した範囲が、グラフの外側であっても、ズーム（拡大）できるようにし、グラフの外側選択時でもツールチップも表示させる方法。

• jQuery の jqPlot の折れ線グラフで、コントロール用グラフで拡大範囲を指定

  jQueryのjqPlotプラグインで、X軸が時間軸である折れ線グラフにおいて、コントロール用のグラフからマウスカーソル（マウスポインタ）で選択した範囲の期間を、ターゲット用のグラフ全体にズーム（拡大）表示できるようにする方法。