Esküvő

Draw Graph with Flot jQuery Chart

Draw beautiful charts, graphs with Flot jQuery plugin. It is very easy to use and implement into your project.
Flot homepage: flotcharts.org

HTML

Include jQuery and Flot in HTML head. For  HTML5 incompatible browsers include excanvas.min.js.

<script type="text/javascript"src="jquery.js" ></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="jquery.flot.js"></script>   

HTML markup

<div id="placeholder"></div>

CSS

<style type="text/css">
#placeholder{
 width:600px;
 height:300px;
}
</style>

jQuery

<script type="text/javascript">
$(function () {
	// data
	var data = [[0, 3], [4, 8], [8, 5], [9, 13]];

	// options
	var options = {	
		series: {
			bars: { show: true }
		}
	};
	
	// draw graph
	$.plot($("#placeholder"), data, options);
});
</script>

 

Demo »


Esküvő


Related articles

Vecteezy - Free Vector Art

Vecteezy - Free Vector Art

05/08/2016

If you need Free Vector Art do not hesitate: visit Vecteezy.com

Free vector icons

Free vector icons

31/01/2016

Want to have some vector icons, free? Try this nice website.

Beautiful free stock photos from StockSnap

Beautiful free stock photos from StockSnap

11/12/2015

Would you like some cool stock photos for free? Check out this article, and try this website.


Leave a comment

We welcome any comment from you! Please keep in mind that comments are moderated and rel='nofollow' is in use. So, please do not use a domain as your name or a spammy keyword, or your comment will be deleted.

Name: *

E-mail: *

Message: *

Click on the airplane *


Find us on Facebook

Tags

Esküvő

Back to Top