Header image

Fun with canvas: Create a jQuery bar graph plugin utilizing canvas.

Combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin.



Year Sales
2009 130
2008 200
2007 145
2006 140
2005 210
2004 250
2003 170
2002 215
2001 115
2000 135
1999 110
1998 180
1997 105

Default settings.

Year Sales
2009 130
2008 200
2007 145
2006 140
2005 210
2004 250
2003 170
2002 215
2001 115
2000 135
1999 110
1998 180
1997 105

showValue disabled, disableGrid enabled, using the theme Foliage and with a modified xOffset.

Year Sales
2009 130
2008 200
2007 145
2006 140
2005 210
2004 250
2003 170
2002 215
2001 115
2000 135
1999 110
1998 180
1997 105

Using the Cherry Blossom theme, showOutline disabled, with 6 Y axis labels and the entire graph scaled.