# Inline Charts

### jQuery Knob Tron Style

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

### jQuery Knob Different Sizes

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

### jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

#### The following was created using data tags

The following three inline (sparkline) chart have been initialized to read and interpret data tags

### Sparkline Pie

### Sparkline line

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

### Sparkline Bar

7,3,10,5,4,8,6,4,2,4,5,3,4,5

### Sparkline examples

Mouse speed Loading..

Inline 4,5,3,4,5,9,7,5 line graphs 7,3,10,5,4,8,6,4,2,4,5,3,4,5

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

Composite inline 7,3,10,5,4,8,6,4,2,4,5,3,4,5

Inline with normal range 7,3,10,5,4,8,6,4,2,4,5,3,4,5

Composite bar 4,5,3,4,5,9,7,5

Discrete 7,3,10,5,4,8,6,4,2,4,5,3,4,5
Discrete with threshold 4,5,3,4,5,9,7,5

Bullet charts
4,11,1,9,7
8,7,12,9,10
10,1,14,8,5

Customize size and colours 4,5,3,4,5,9,7,5

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 30,70,90