Get new jQuery plugins just once a week

×

Bobbograph

February 22, 2014

A cross-browser canvas-based graphing library for jQuery.

Bobbograph is a highly configurable Canvas-based graphing library for jQuery. It provides you with the power to render great looking graphs across all modern browsers. This jquery plugin is also built to utilize Excanvas for older versions of IE that do not support Canvas.

Example Code :-

var data = [ 76, 70, 23, 41, 86, 59, 85, 57 ],
options = {
duration: 1000,
padding: 20,
normal_range: 0,
line_width: 10,
smooth_graph: true,
peaks_and_valleys: true,
bevel: true,
dividers: [ { count: 25, line_width: 0.5 }, { count: 5, line_width: 1.5 } ],
fill: [ 'rgba(' + [ 0xff, 0xcc, 0, 0.25 ] + ')', 'rgba(' + [ 0, 0xcc, 0xff, 0.25 ] + ')' ],
color: [ '#fc0', '#0cf' ]
};
$('#line-graph').bobbograph( data, options );

Created by Robert Messerle

Download

Example

Bobbograph jquery plugin

canvas graph

Bobbograph

Related posts:

Glitch-js
Wave
jQMeter
Bobbograph jquery plugin

http://jquer.in/wp-content/uploads/2014/02/Bobbograph.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever