Commit 328c2be2 authored by Hongli Lai (Phusion)'s avatar Hongli Lai (Phusion)

Convert README to markdown format for better readability.

parent 1a99246c
About
-----
=====
Flot is a Javascript plotting library for jQuery. Read more at the
website:
http://code.google.com/p/flot/
Flot is a Javascript plotting library for jQuery. Read more at
[the website.](http://code.google.com/p/flot/)
Take a look at the examples linked from above, they should give a good
impression of what Flot can do and the source code of the examples is
......@@ -23,7 +21,8 @@ For support for Internet Explorer < 9, you can use Excanvas, a canvas
emulator; this is used in the examples bundled with Flot. You just
include the excanvas script like this:
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="excanvas.min.js"></script><![endif]-->
<!--[if lte IE 8]><script language="javascript" type="text/javascript"
src="excanvas.min.js"></script><![endif]-->
If it's not working on your development IE 6.0, check that it has
support for VML which Excanvas is relying on. It appears that some
......@@ -46,13 +45,13 @@ Basic usage
Create a placeholder div to put the graph in:
<div id="placeholder"></div>
<div id="placeholder"></div>
You need to set the width and height of this div, otherwise the plot
library doesn't know how to scale the graph. You can do it inline like
this:
<div id="placeholder" style="width:600px;height:300px"></div>
<div id="placeholder" style="width:600px;height:300px"></div>
You can also do it with an external stylesheet. Make sure that the
placeholder isn't within something with a display:none CSS property -
......@@ -63,7 +62,7 @@ placeholder dimensions which is fatal (it'll throw an exception).
Then when the div is ready in the DOM, which is usually on document
ready, run the plot function:
$.plot($("#placeholder"), data, options);
$.plot($("#placeholder"), data, options);
Here, data is an array of data series and options is an object with
settings if you want to customize the plot. Take a look at the
......@@ -71,7 +70,7 @@ examples for some ideas of what to put in or look at the reference
in the file "API.txt". Here's a quick example that'll draw a line from
(0, 0) to (1, 1):
$.plot($("#placeholder"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });
$.plot($("#placeholder"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });
The plot function immediately draws the chart and then returns a plot
object with a couple of methods.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment