# Flot [![Build status](https://travis-ci.org/flot/flot.png)](https://travis-ci.org/flot/flot)
## About ##
Flot is a Javascript plotting library for jQuery.
Read more at the website: <http://www.flotcharts.org/>
Take a look at the the examples in examples/index.html; they should give a good
impression of what Flot can do, and the source code of the examples is probably
the fastest way to learn how to use Flot.
## Installation ##
Just include the Javascript file after you've included jQuery.
Generally, all browsers that support the HTML5 canvas tag are
supported.
For support for Internet Explorer < 9, you can use [Excanvas]
[excanvas], a canvas emulator; this is used in the examples bundled
with Flot. You just include the excanvas script like this:
```html
<!--[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
stripped down versions used for test environments on virtual machines
lack the VML support.
You can also try using [Flashcanvas][flashcanvas], which uses Flash to
do the emulation. Although Flash can be a bit slower to load than VML,
if you've got a lot of points, the Flash version can be much faster
overall. Flot contains some wrapper code for activating Excanvas which
Flashcanvas is compatible with.
You need at least jQuery 1.2.6, but try at least 1.3.2 for interactive
charts because of performance improvements in event handling.
## Basic usage ##
Create a placeholder div to put the graph in:
```html
<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:
```html
<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 -
in that case, Flot has trouble measuring label dimensions which
results in garbled looks and might have trouble measuring the
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:
```js
$.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
examples for some ideas of what to put in or look at the
[API reference](API.md). Here's a quick example that'll draw a line
from (0, 0) to (1, 1):
```js
$.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.
## What's with the name? ##
First: it's pronounced with a short o, like "plot". Not like "flawed".
So "Flot" rhymes with "plot".
And if you look up "flot" in a Danish-to-English dictionary, some of
the words that come up are "good-looking", "attractive", "stylish",
"smart", "impressive", "extravagant". One of the main goals with Flot
is pretty looks.
## Notes about the examples ##
In order to have a useful, functional example of time-series plots using time
zones, date.js from [timezone-js][timezone-js] (released under the Apache 2.0
license) and the [Olson][olson] time zone database (released to the public
domain) have been included in the examples directory. They are used in
examples/axes-time-zones/index.html.
[excanvas]: http://code.google.com/p/explorercanvas/
[flashcanvas]: http://code.google.com/p/flashcanvas/
[timezone-js]: https://github.com/mde/timezone-js
[olson]: ftp://ftp.iana.org/tz/
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
相册、台历、卡片、扑克、T恤、杯子等等轻松在线编辑,PC端移动端跨平台操作,流量一网打尽,最新分销功能可以轻松管理分销商设计订单,整站式解决方案。 系统每月在线更新免费的模板和素材,商家自己也可以设计模板上传使用,尺寸可以设置,界面LOGO可以换。 出图精度300DPI,下载即可印刷。方便高效!
资源推荐
资源详情
资源评论
收起资源包目录
个性相册在线DIY冲印定制系统 (2000个子文件)
cache.order_status.1.1462961283 893B
cache.store.1462961283 6B
cache.currency.1462961295 827B
cache.language.1462961295 224B
africa 46KB
antarctica 16KB
asia 114KB
chatbutton.aspx 2KB
australasia 70KB
backward 4KB
summernote-bs3.css 150KB
summernote-bs2.css 149KB
bootstrap.css 145KB
opencart.css 139KB
bootstrap.css 139KB
bootstrap.css 130KB
bootstrap.min.css 114KB
bootstrap.min.css 107KB
bootstrap.css 105KB
bootstrap.min.css 100KB
stylesheet.css 75KB
samples.css 66KB
core.css 46KB
editor.css 35KB
jquery-ui.css 34KB
editor_ie7.css 33KB
editor_iequirks.css 31KB
editor_ie8.css 31KB
editor_ie.css 31KB
editor_gecko.css 30KB
editor.css 30KB
jquery-ui.min.css 29KB
pim.min.css 28KB
font-awesome.css 28KB
font-awesome.css 26KB
ambiance.css 25KB
bootstrap-theme.css 23KB
font-awesome.css 22KB
menu.css 22KB
font-awesome.min.css 21KB
bootstrap-theme.css 21KB
font-awesome.min.css 20KB
d_quickcheckout.css 20KB
bootstrap-theme.css 20KB
bootstrap-theme.min.css 19KB
theme.css 19KB
bootstrap-theme.min.css 18KB
template_options.css 18KB
jquery-ui.structure.css 18KB
font-awesome.min.css 17KB
bootstrap-theme.min.css 17KB
jquery-ui.theme.css 17KB
stylesheet.css 15KB
dialog_ie7.css 15KB
jquery-ui.structure.min.css 14KB
dialog_ie8.css 14KB
dialog_iequirks.css 14KB
dialog_ie.css 14KB
jquery-ui.theme.min.css 13KB
ios.css 13KB
dialog.css 13KB
stylesheet.css 12KB
uniform.default.css 10KB
uniform.default.css 10KB
summernote.css 10KB
magnific-popup.css 9KB
codemirror.min.css 9KB
slider.css 9KB
dialog.css 9KB
stylecustom.css 9KB
responsive.css 9KB
camera_slider.css 9KB
pt_page_babybook.show.css 8KB
revolution_slider.css 8KB
pt_page_babybook.css 8KB
megamenu.css 8KB
codemirror.css 8KB
magnific-popup.css 8KB
filter_product.css 7KB
carousel_item.css 7KB
apple.css 7KB
stylesheet.css 7KB
product_tabs.css 6KB
blog.css 6KB
category_wall.css 6KB
owl.carousel.css 6KB
codemirror.css 6KB
custom_module.css 5KB
sample.css 5KB
bootstrap-datetimepicker.min.css 5KB
bootstrap-datetimepicker.min.css 5KB
mdn-like.css 5KB
owl.transitions.css 5KB
dc.css 4KB
solarized.css 4KB
slider.css 4KB
classic.css 4KB
jquery.colorpicker.css 4KB
camera_slider.css 4KB
nivo-slider.css 3KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
- tzhuc2017-01-04系统有待改进,是收费的
- qq_392315752019-09-17还不错,有待进一步改进。
dingzhidaren
- 粉丝: 10
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功