资源说明:This is a web project to illustrate how to use Flot together with FlotJF to create graphs.
# About This is a web project to illustrate how to use [Flot](http://code.google.com/p/flot) together with [FlotJF](https://github.com/dunse/FlotJF) to create graphs. Check out the running version here: [http://flotjfexamplesweb.appspot.com/](http://flotjfexamplesweb.appspot.com/) For in-depth walkthrough of the source code, please read this blog article: [http://dsysadm.blogspot.com.au/2012/02/flotjfexamplesweb-how-to-use-flotjf.html](http://dsysadm.blogspot.com.au/2012/02/flotjfexamplesweb-how-to-use-flotjf.html) # Building **Dependencies:** Maven 2+ **Setup workspace:** git clone git://github.com/dunse/FlotJF.git git clone git://github.com/dunse/FlotJFExamplesWeb.git **Build FlotJFExamplesWeb** cd FlotJF mvn install cd .. cd FlotJFExamplesWeb mvn package This will create the compiled .war file under _target_ directory which can be deployed to an application server of choice. To use the application, access it through: [http://localhost:PORT/FlotJFExamplesWeb/index.html](http://localhost:PORT/FlotJFExamplesWeb/index.html) # Screenshots ## Example 1 - Simple Line Graph ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example1.jpg) ## Example 2 - Two Y Axis, Two lines ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example2.jpg) ## Example 3 - Different Graph Types ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example3.jpg) ## Example 4 - Realtime graph using AJAX (update every 3sec) ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example4.jpg) ## Example 5 - Colour and Opacity gradient ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example5.jpg) ## Example 6 - Tooltip ![](/dunse/FlotJFExamplesWeb/raw/master/src/main/java/doc-files/example6.jpg)
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。