Inline Charts multiple types of charts

  1. Home
  2. Charts
  3. Inline Charts

jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

jQuery Knob Different Sizes

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

jQuery Knob Tron Style

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

以下是使用数据标记创建的

以下三个内联（迷你图）图已初始化为阅读和解释数据标签

Sparkline Pie

6,4,8

Sparkline line

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

Sparkline Bar

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

Sparkline examples

Mouse speed Loading..

Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1

Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Composite bar 4,6,7,7,4,3,2,1,4

Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5
Discrete with threshold 4,6,7,7,4,3,2,1,4

Bullet charts
10,12,12,9,7
14,12,12,9,7
10,12,14,9,7

Customize size and colours 10,8,9,3,5,8,5,7

Tristate charts 1,1,0,1,-1,-1,1,-1,0,0,1,1
(think games won, lost or drawn)

Tristate chart using a colour map: 1,2,0,2,-1,-2,1,-2,0,0,1,1

Box Plot: 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
Pre-computed box plot Loading..

Pie charts 1,1,2 1,5 20,50,80