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
棒グラフ
負の値: 積み重ね:複合インライン 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