3

Other Charts

Update Pie chart
  1. Home
  2. Library
  3. Data

Basic Easy pie chart

20%
New visits
40%
Bounce rate
60%
Server load
80%
Disk space
100%
Bandwidth

Track and scale color

20%
New visits
40%
Bounce rate
60%
Server load
80%
Disk space
100%
Bandwidth

Sizing and rotate

20%
Size 80
40%
lineWidth 8
60%
Rotate 90
80%
Combine large
100%
Combine small

Just play with data attribute to make easyPieChart as you want

<div class="easyPieChart" data-barColor="#3498db" data-trackColor="#ecf0f1" data-scaleColor="#bdc3c7" data-percent="90" data-size="160" data-lineWidth="10" data-rotate="270">

Sparklines

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

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

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

Chats

Top contacts

Iin Bent Team Leader

Mr. Doe UI Designer

Yu Darsih Data Analyst
More contacts

Mba Jessica PHP Programmer

Doel Jony Rubi Programmer

Yumiko Java Programmer

Mark Londrian PHP Programmer

Mahatma PHP Programmer

Harab Junior Designer

Sungep Acountant

Pathoel Acountant

Opytama Data Analyst

Mr. Doe

In eget pellentesque vehicula, quam aliquet turpis convallis

lorem nibh nam suspendisse lacinia

massa cursus auctor urna parturient

paperclips.zip

Great!

Pulvinar aute massa amet dapibus, etiam consectetuer consectetuer sagittis, egestas massa nibh vestibulum, sapien in sodales, quisque nec habitasse phasellus ultricies tempus

Mr. Doe is typing...