+
=> Graphed
Full
jqplot
縦棒グラフ
シンプルな縦棒グラフ
複数系列の縦棒グラフ
外側右の凡例付き複数系列の縦棒グラフ
内側上の横並び凡例付き縦棒グラフ
積み上げ縦棒グラフ
縦棒グラフの系列の色を変更
積み上げ縦棒グラフの系列の色を変更
科目別得点推移の縦棒グラフ
科目別得点推移の積み上げ縦棒グラフ
データポイントラベル付き縦棒グラフ
縦棒グラフで、値が0のデータポイントラベルを非表示に
縦棒グラフでポイントラベルをグリッド境界の外に表示
負の値を含む縦棒グラフ
縦棒グラフの棒の幅や影などをカスタマイズ
縦棒グラフでマウスダウンイベント時ハイライト表示
縦棒グラフのハイライト表示色を指定
縦棒グラフのハイライト表示色を配列で指定
縦棒グラフの棒をいくつかのグループに分類
縦棒グラフにおいて、カテゴリごとに棒の色を変更
縦棒グラフにおいて、カテゴリごとに棒の色を指定
縦棒グラフにおいて、目盛りラベルの角度を調整
折れ線と縦棒を併用したグラフ
縦棒グラフの縦棒をアニメーションで出現
縦棒グラフの縦棒とポイントラベルをアニメーションで出現
トレンドライン付き縦棒グラフ
色指定したトレンドライン付き縦棒グラフ
ドラッグでY軸方向だけ伸縮できる縦棒グラフ
ツールチップ風ハイライト表示付き縦棒グラフ
縦棒グラフの系列の表示/非表示切替
縦棒グラフの系列の表示/非表示切替を無効に
縦棒グラフの系列をフェードイン/フェードアウト
jQuery UI と jqPlot サイズを変更できる縦棒グラフ
Y軸だけズームできる縦棒グラフ
横棒グラフ
シンプルな横棒グラフ
複数系列の横棒グラフ
積み上げ横棒グラフ
横棒グラフの系列の色を変更
積み上げ横棒グラフの系列の色を変更
データポイントラベル付き横棒グラフ
負の値を含む横棒グラフ
横棒グラフの棒の幅や影などをカスタマイズ
水平グリッド線が非表示の横棒グラフ
横棒グラフでマウスダウンイベント時ハイライト表示
横棒グラフのハイライト表示色を指定
横棒グラフのハイライト表示色を配列で指定
横棒グラフの棒をいくつかのグループに分類
横棒グラフにおいて、カテゴリごとに棒の色を変更
横棒グラフにおいて、カテゴリごとに棒の色を指定
横棒グラフに垂直の実線を描き加える
横棒グラフに垂直の破線を描き加える
ドラッグでX軸方向だけ伸縮できる横棒グラフ
ツールチップ風ハイライト表示付き横棒グラフ
線グラフ
シンプルな折れ線グラフ
タイトル付き折れ線グラフ
軸ラベル付き折れ線グラフ
プラグインによるグラフの軸ラベルのフォントを指定
において、X軸をカテゴリとして扱う
複数系列の折れ線グラフ
外側右上の凡例付き複数系列の折れ線グラフ
グリッド右上の凡例付き複数系列の折れ線グラフ
内側右下の凡例付き複数系列の折れ線グラフ
グリッド左の凡例付き複数系列の折れ線グラフ
グラフのタイトルをカスタマイズ
折れ線グラフのマーカースタイルをまとめて変更
折れ線グラフのマーカースタイルを系列ごとに変更
折れ線グラフの線の太さをまとめて変更
折れ線グラフの線の太さを系列ごとに変更
折れ線グラフのマーカーの表示/非表示をまとめて変更
折れ線グラフのマーカーの表示/非表示を系列ごとに指定
折れ線グラフのマーカーのサイズをまとめて変更
折れ線グラフのマーカーのサイズを系列ごとに指定
折れ線グラフのマーカーの色をまとめて変更
折れ線グラフのマーカーの色を系列ごとに指定
折れ線グラフの線とマーカーの色を配列で変更
折れ線グラフの線の表示/非表示をまとめて変更
折れ線グラフの線の表示/非表示を系列ごとに変更
折れ線グラフの系列の色をまとめて変更
折れ線グラフの系列の色を系列ごとに変更
積み上げ折れ線グラフ
折れ線グラフにおいてY軸の最小値と最大値を指定
科目別得点推移の折れ線グラフ
データポイントラベル付き折れ線グラフ
線グラフのポイントとラベルの縦パディングを調整
折れ線グラフで、データポイントラベルを左に表示
線グラフのポイントとラベルの横パディングを調整
折れ線グラフのデータポイントラベルのテキストを調整
HTML形式データポイントラベル付き折れ線グラフ
折れ線グラフのデータポイントラベルを予め指定①
折れ線グラフのデータポイントラベルを予め指定②
折れ線グラフのY軸上の目盛りを指定
折れ線グラフのY軸上の目盛りをカスタマイズ
滑らかな線の線グラフ
負の値を含む滑らかな線の線グラフ
破線の線グラフ
滑らかな破線の線グラフ
点線の線グラフ
滑らかな点線の線グラフ
破線の線グラフの破線の長さと間隔を指定
点線と破線を組み合わせた線グラフ
折れ線グラフにおいて系列の線と線の間を塗る
折れ線グラフに実線や破線の水平線を描き加える
折れ線グラフの水平の実線をカスタマイズ
折れ線グラフの水平の破線をカスタマイズ
線グラフに加える水平の実線の始点と終点を指定
線グラフに加える水平の破線の始点と終点を指定
線グラフに加えた水平線を、ボタン操作で移動
X軸が時間軸である折れ線グラフ
カスタマイズした時間軸の折れ線グラフ
折れ線グラフの目盛りラベルの角度を調整
折れ線と縦棒を併用したグラフ
折れ線グラフの折れ線をアニメーションで出現
ベジェ曲線グラフ①
ベジェ曲線グラフ②
トレンドライン付き折れ線グラフ
色を指定したトレンドライン付き折れ線グラフ
複数系列のトレンドライン付き折れ線グラフ
色指定トレンドライン付きの複数系列折れ線グラフ
トレンドラインのラベルを含む凡例付き折れ線グラフ
線の幅を指定したトレンドライン付き折れ線グラフ
影なしトレンドライン付き折れ線グラフ
ドラッグでポイントを移動できる折れ線グラフ
トレンドライン付きドラッグ移動可能折れ線グラフ
ポイントをY軸方向だけ移動できる折れ線グラフ
折れ線グラフのドラッグ中のポイントの色を指定
ツールチップ風ハイライト表示付き折れ線グラフ
フェード無効ハイライト表示付き折れ線グラフ
フェード速度を指定したハイライト付き折れ線グラフ
線グラフのハイライトのツールチップ表示位置を調整
XY値のツールチップ風ハイライト付き折れ線グラフ
折れ線グラフでハイライトした系列を前面に移動
マーカー非表示のハイライト付き折れ線グラフ
折れ線グラフのハイライトのサイズ調整
複数系列の折れ線グラフの凡例の行数を指定
折れ線グラフの系列の表示/非表示切替
折れ線グラフの系列をフェードイン/フェードアウト
jQuery UI と jqPlot サイズを変更できる折れ線グラフ
ズーム機能付き折れ線グラフ
ツールチップ機能付き折れ線グラフ
ツールチップ機能付き折れ線グラフ 2
X軸だけズームできる折れ線グラフ
グラフの外までズームできる折れ線グラフ
折れ線グラフで、カーソル位置に垂直線と水平線を表示
グラフの外までズームできる折れ線グラフ 2
折れ線グラフで、コントロール用グラフで拡大範囲を指定
面グラフ
面グラフ
積み上げ面グラフ
負の値を含む面グラフ
負の値を含む積み上げ面グラフ
科目別得点推移の積み上げ面グラフ
半透明の面グラフ
折れ線付き面グラフ
特定の値と線の間を塗る面グラフ
滑らかな面グラフ
負の値を含む滑らかな面グラフ
散布図
散布図
負の値を含む散布図
凡例付きの複数系列の散布図
負の値を含む散布図に、斜めの直線を加える
ツールチップ風ハイライト表示付き散布図
バブルチャート
バブルチャート
タイトル付きバブルチャート
バブルチャートのタイトルをカスタマイズ
影のないバブルチャート
グラデーションカラーのバブルチャート
半透明のバブルチャート
半透明グラデーションのバブルチャート
バブルチャートのバブルサイズを拡大縮小させない
バブルチャートのバブルサイズを乗数で調整
バブルチャートのバブル数に応じバブルサイズ調整
バブルチャートの系列のラベルを非表示にする
バブルチャートでマウスダウンイベント時ハイライト表示
系列ごとに同一色のバブルチャート
jQuery UI と jqPlot サイズを変更できるバブルチャート
ブロックチャート
ブロックチャート
ブロックチャートのXとYの最大値と最小値を指定
複数系列のブロックチャート
複数系列の凡例付きブロックチャート
ブロックチャートの各ブロックの色を違える
複数系列ブロックチャートの各ブロック色を違える
ブロックチャートのブロックのCSSを指定
ブロックチャートのブロックラベル内半角スペースを改行
jQuery UI と jqPlot サイズを変更できるブロックチャート
ウォーターフォールチャート
ウォーターフォールチャート
合計が負の値のウォーターフォールチャート
ウォーターフォールチャートでカテゴリごとに棒の色を変更
ウォーターフォールチャートでカテゴリごとに棒の色を指定
ウォーターフォールチャートで垂直グリッド線を非表示に
ポイントラベル付きウォーターフォールチャート
右のY軸を使うウォーターフォールチャート
マリメッコチャート
マリメッコチャート
色を指定したマリメッコチャート
マリメッコチャートのバーのラベルの角度を調整
円グラフ
円グラフ
データラベル付き円グラフ
円グラフにおいて、ラベルをデータラベルとして表示
円グラフにおいて、値をデータラベルとして表示
円グラフで、パーセンテージをデータラベルとして表示
凡例付き円グラフ
2列の凡例付き円グラフ
スライスを塗りつぶさない円グラフ
スライス間に余白がある円グラフ
塗りつぶさないスライス間に余白がある円グラフ
円グラフの1つ目のスライスを描き始める場所を指定
jQuery UI と jqPlot サイズを変更できる円グラフ
ドーナツグラフ
ドーナツグラフ
2重ドーナツグラフ
スライス間に余白があるドーナツグラフ
データラベル付きドーナツグラフ
ドーナツグラフにおいて、ラベルをデータラベルとして表示
ドーナツグラフにおいて、値をデータラベルとして表示
ドーナツグラフでパーセンテージをデータラベルとして表示
ドーナツグラフで、配列の内容をデータラベルとして表示
ドーナツグラフの1つ目のスライスを描き始める場所を指定
スライスを塗りつぶさないドーナツグラフ
凡例付きドーナツグラフ
2列の凡例付きドーナツグラフ
メーターゲージ
メーターゲージ
最小値と最大値を指定したメーターゲージ
ゲージラベル付きメーターゲージ
メーターゲージの下にゲージラベルを表示
メーターゲージのゲージラベルの位置を調整
メーターゲージの目盛りラベルを非表示に
メーターゲージの目盛りラベルを指定
色分けメーターゲージ
色分けメーターゲージの色分けサイズ指定
色分けメーターゲージの色を指定
トレンドライン
トレンドライン付き折れ線グラフ
色を指定したトレンドライン付き折れ線グラフ
複数系列のトレンドライン付き折れ線グラフ
色指定トレンドライン付きの複数系列折れ線グラフ
トレンドラインのラベルを含む凡例付き折れ線グラフ
線の幅を指定したトレンドライン付き折れ線グラフ
影なしトレンドライン付き折れ線グラフ
トレンドライン付き縦棒グラフ
色指定したトレンドライン付き縦棒グラフ
いかり足
いかり足のチャート
Y2軸を使ういかり足のチャート
ツールチップ風ハイライト付きのいかり足のチャート
いかり足の始値と終値の線の長さを指定
いかり足の始値と終値の線の色を指定
いかり足の高値と安値を結ぶ線の色を指定
始値なしのいかり足のチャート
いかり足の線の幅を指定
ローソク足
ローソク足(ローソクチャート)
Y2軸を使うローソク足(ローソクチャート)
ツールチップ風ハイライト付きのローソク足のチャート
ローソク足の幅を指定
ローソク足の高値と安値を結ぶ線の色を指定
ローソク足の陽線と陰線の色を指定
ピラミッドグラフ
ピラミッドグラフ
ピラミッドグラフの系列の色を指定
センターY軸目盛りのピラミッドグラフ
ピラミッドグラフの背景色を指定
ピラミッドグラフのY軸の2目盛りごとにグリッド色分け
比較ライン付きピラミッドグラフ
jQuery UI と jqPlot サイズを変更できるピラミッドグラフ
サンプル