Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
Installation
Just include the Javascript file after you've included jQuery.
Generally, all browsers that support the HTML5 canvas tag are supported.
Basic usage
Create a placeholder div to put the graph in:
<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>
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:
$.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. 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 } });
The plot function immediately draws the chart and then returns a plot object with a couple of methods.
相关推荐
Highcharts、Flot、fusioncharts 这些js框架的一些例子,将它们改成了动态报表
Js 绘图 Flot 示例!提供给同学们学习!
jQuery flot API文档 中文版(经整理,里面有相关参数说明,对使用jQuery flot进行图表开发有帮助)
有flot官网所有资料,包括demo,所有js以及中文翻译后的flot API,完全支持jQuery,简单易学,图形丰富充实,可作为商用。
在这个例子中,实现了通过配置文件控制图形种类,动态插入数据实现flot画图
jquery.flot.axislabels.js
flot 0.83 jquery 图表
前端项目-flot.tooltip,用于Flot图表的易于使用的工具提示
angular-flot, angular.js 和Flot图表库之间的绑定 角 flot 包装Flotcharts的一个 Angular 指令。安装这里库是作为 Bower 组件和NPM模块提供的:Bower: bower install angular-flotnpm install
flot-柱形图,自己用的flot-柱形图
Flot类库基于jQuery,支持绘制实时和可进行交互的图表
Flot是Ole Laursen开发的基于JQuery的纯JavaScript实现的绘图库,Flot使用起来非常简单,绘图效果相当绚丽,而且还支持一些图片的操作功能,例如图片的缩放。
jquery.flot.time.js
flot jquerUI的一系列的集合 功能强大哇,使用的是最新的jquery库
基于jquery的图表插件, highChart,jschart,flot
jQuery flot 0.5jar包,是一个新兴的js框架,加快js在html中的编码,使js与html分离
Flot图表插件兼容几乎所有流行浏览器(包括IE6),样式美观,内附简单demo及文档使用说明,均是个人研究编写,希望对你有帮助。
js图表工具flot 没分的,上传点东西混点分
flot源代码,导入脚本可以直接调用!供与大家学习,制作flot报表使用,方便使用,简单操作。