Simple jQuery Flot Chart Example

Flot is a jQuery pure Javascript plotting library. It produces graphical plots of any number of datasets on-the-fly on the client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming, hovering and mouse tracking.

The plugin works with Internet Explorer 6+, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag.
also, the excanvas Javascript emulation helper is used for IE backward comptability.

Framework 1 :

Framework 2 :

+ Js file(s) :	//www.flotcharts.org/javascript/jquery.flot.min.js

+ Css file(s) :
	Apply

	Link :
Direct http link :
	Fork button :

Html code :
	Embed preview :
	Copy the following html code to your page to embed the preview, To include many previews on a single page, just repeat the first line. You can change the width, height and border color (bcolor).

<div class="refork-widget" code="a2e" style="width:100%;height:200px;" bcolor="#ccc"></div> <script type="text/javascript" src="//snippet.run/d/z.js"></script>

HTML

CSS

Javascript

Simple jQuery Flot Chart Example

Link :

Fork button :

Embed preview :