Charts

Flot Charts

Flot Charts

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.


2
3
4
5
6
7
0
10
20
30
40
50
60
New Orders
17,555
My Balance
$17,555

Sparkline Charts

Sparkline Charts

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.




Sparkline Charts

More Options

Sparkline line charts using HTMLattributes. This method allows for all options

SERVER LOAD
250 GB
250GBof 1,024GBused

Morris Charts

Morris Line Charts

Line graphs are probably the most widely used graph for showing trends. Chart.js has a ton of customisation features for line graphs, along with support for multiple datasets to be plotted on one chart.

Created with Raphaël 2.1.002550751002012201120102009200820072006
2012
Series A: 100
Series B: 90

Morris Area Charts

Line graphs are probably the most widely used graph for showing trends. Chart.js has a ton of customisation features for line graphs, along with support for multiple datasets to be plotted on one chart.

Created with Raphaël 2.1.00501001502002012201120102009200820072006
2012
Series A: 100
Series B: 90

Bar Charts

Ordered Bar Charts

Bar charts are powered by flot plugin, here is ordered stack bar chart with a legend in it. Everything in this chart is customizable


Jan
Feb
Mar
Apr
May
0
25
50
75
100
125
Product 1
Product 2
Product 3
Product 4

Bar Charts

Stacked Bar Charts

Stacked bar chart is also powerd by the same plugin jquery flot. This is version where it is stacked on top of each other.


Jan
Feb
Mar
Apr
May
0
25
50
75
100
125
Product 1
Product 2
Product 3
Product 4

Morris Charts

Morris Donut Charts

Similar to pie charts, doughnut charts are great for showing proportional data.Chart.js offers the same customisation options as for pie charts, but with a custom sized inner cutout to turn your pies into doughnuts.

Created with Raphaël 2.1.0In-Store Sales30

Pie Charts

Sparkline Pie Charts

These charts are highly customizable, very easy to implement, scale to the resolution of the display of the client to provide sharp charts even on retina displays, and use requestAnimationFrame for smooth animations on modern devices.


Morris Charts

Easy Pie Charts

These charts are highly customizable, very easy to implement, scale to the resolution of the display of the client to provide sharp charts even on retina displays, and use requestAnimationFrame for smooth animations on modern devices.


85
73
favourites
Jane Smith
Hello you there?
3
David Nester
Busy, Do not disturb
more friends
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb