php flot,Flot | | PHP信息技术研究中心

在我们开发web应用时，经常需要使用报表来展示数据，对于简单的表格式报表，我们一般用html就可以对付。然而，用户可能需要一些漂亮的图形来展示，因为那样更加直观。不幸的是，如果要我们自己动手来生成各种图形，那绝对是一种折磨.

Flot是Ole Laursen开发的基于JQuery的纯JavaScript实现的绘图库，使用起来非常简单，绘图效果相当绚丽，而且还支持一些图片的操作功能，有特色的图表，提供交互功能(能够放大缩小数据区域等).

使用方法:

一、先将jquery-1.3.2.min.js、jquery.flot.js、 excanvas.js三个js库文件给包含在网页文件中.(jquery库版本好像要在1.2.6以上)

二、创建一个DIV,增加一个ID属性，如:id=”placeholder”. 可以根据需要来定义DIV的宽高。

三、加上最后的JS代码即可。例如：

$(function () {

var placeholder = $("#placeholder");

var data = [[0, 3], [4, 8], [8, 5], [9, 13]];

var options = {

lines: { show: true },

points: { show: true }

};

$.plot(placeholder, [data], options);

});

效果如下：

No related posts.

php flot,Flot | | PHP信息技术研究中心相关推荐

作者：吴东亚（1972-），女，中国电子技术标准化研究院信息技术研究中心高级工程师、副主任，国家OID注册中心副主任。...
吴东亚(1972-),女,中国电子技术标准化研究院信息技术研究中心高级工程师.副主任,国家OID注册中心副主任.负责我国信息技术标准化工作,先后主持承担数据.网络.信息化等领域国家标准.行业标准,主导 ...
客座编辑：吴东亚（1972-），女，中国电子技术标准化研究院信息技术研究中心高级工程师、副主任，国家OID注册中心副主任。...
吴东亚(1972-),女,中国电子技术标准化研究院信息技术研究中心高级工程师.副主任,国家OID注册中心副主任.负责我国信息技术标准化工作,先后主持承担数据.网络.信息化等领域国家标准.行业标准,主导 ...
【报告分享】2020大数据标准化白皮书-信息技术研究中心（附下载）
摘要:标准是产业发展的重要支撑,部信息技术发展司深入贯彻国家大数据战略,持续做好顶层设计和统筹规划,聚焦产品创新.企业培育.产业链建设.产业集聚.生态营造.标准研制推广等方面开展了一系列工作,取得了积 ...
【部分原创】jquery图表插件flot笔记
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
jquery.flot.js简介
JQuery图表插件之Flot Flot是一个Jquery下图表插件,具有简单使用,交互效果,具有吸引力外观特点.目前支持 Internet Explorer 6+, Chrome, Firefox ...
flot - jQuery 图表插件(jquery.flot)使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
flot - jQuery 图表插件(jquery.flot)使用-2
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
jquery.flot图表插件使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图).它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能.Flot是基于canv ...
信息技术守护人类文明DNA
来源:中国青年报作者:胡春艳 21世纪最时髦的技术,改变的不仅是未来,在被称为"最古老的研究"的文物与博物馆界,感受到的变化可能更加显著. 天津大学文化遗产保护与传承信息技术 ...

php flot,Flot | | PHP信息技术研究中心

php flot,Flot | | PHP信息技术研究中心相关推荐

最新文章

热门文章