インラインチャート 複数の種類のチャート

jQuery Knob

新規訪問者
直帰率
サーバー負荷
ディスク容量
帯域幅
CPU

jQuery Knob 異なるサイズ

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

jQuery Knob トロンスタイル

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

以下はデータタグを使用して作成されました

以下の3つのインライン(スパークライン)チャートは、データタグを読み取って解釈するように初期化されています

スパークライン円グラフ

6,4,8

スパークライン折れ線グラフ

6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6

スパークライン棒グラフ

6,4,8, 9, 10, 5, 13, 18, 21, 7, 9

スパークラインの例

マウス速度 読み込み中...

インライン 10,8,9,3,5,8,5 折れ線グラフ 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

棒グラフ 10,8,9,3,5,8,5 負の値: -3,1,2,0,3,-1 積み重ね: 0:2,2:4,4:2,4:1

複合インライン 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

標準範囲のインライン 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

複合棒グラフ 4,6,7,7,4,3,2,1,4

離散 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5
しきい値付き離散 4,6,7,7,4,3,2,1,4

ブレットチャート
10,12,12,9,7
14,12,12,9,7
10,12,14,9,7

サイズと色のカスタマイズ 10,8,9,3,5,8,5,7

3状態チャート 1,1,0,1,-1,-1,1,-1,0,0,1,1
(ゲームの勝ち、負け、引き分けと考えてください)

カラーマップを使用した3状態チャート: 1,2,0,2,-1,-2,1,-2,0,0,1,1

箱ひげ図: 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
事前に計算された箱ひげ図 読み込み中...

円グラフ 1,1,2 1,5 20,50,80