推荐一个很棒的JS绘图库Flot

Flot是Ole Laursen开发的基于JQuery的纯JavaScript实现的绘图库，Flot使用起来非常简单，绘图效果相当绚丽，而且还支持一些图片的操作功能，例如图片的缩放。可以看一下Flot的demo：

绘制上面的图形所编写的JS也非常简单易读：
[code="js"]
<script language="javascript" type="text/javascript" id="source">
$(function () {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);

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

var d3 = [];
for (var i = 0; i < 14; i += 0.5)
d3.push([i, Math.cos(i)]);

var d4 = [];
for (var i = 0; i < 14; i += 0.5)
d4.push([i, Math.sqrt(i * 10)]);

var d5 = [];
for (var i = 0; i < 14; i += 0.5)
d5.push([i, Math.sqrt(i)]);

$.plot($("#placeholder"), [
{
data: d1,
lines: { show: true, fill: true }
},
{
data: d2,
bars: { show: true }
},
{
data: d3,
points: { show: true }
},
{
data: d4,
lines: { show: true }
},
{
data: d5,
lines: { show: true },
points: { show: true }
}
]);
});
</script>
[/code]

Flot的网站：

http://code.google.com/p/flot/

标签: jQuery, js

转载于:https://www.cnblogs.com/CharlesGrant/p/3655158.html

推荐一个很棒的JS绘图库Flot相关推荐

推荐一个很棒的开源工作流elsa-core
开源项目orchard主要开发人员Sipke Schoorstra 开源了一个netcore 工作流项目,地址:https://github.com/elsa-workflows/elsa-core, ...
推荐一个很棒的免费自助建站工具：Tap
Tap简介 Tap(www.tap.cn)是一个新型的免费自助建站服务平台,易用.专业.高效的Tap能让您轻松摆脱建站过程中技术对创造力的制约.拥有极高自由度的Tap能够快速提升您的建站热情.Tap为 ...
Giphy – 分享一个很棒的 GIF 动画图片搜索引擎
GIF 动画图片是一种非常有趣的图片格式,比静态图片更能够表达出含义,如果能制作得有创意,那就非常的有趣.今天向大家推荐一个很棒的 GIF 动画图片搜索引擎--Giphy. 您可能感兴趣的相关文章轻 ...
推荐一个非常棒的问卷小程序
推荐一个非常棒的问卷小程序 ~ 具体我先讲下如何发现的这个小程序,其实昨天我在做答题相关产品的小程序调研,首先想到了阿拉丁的排行榜,在这个过程中,我看到了京东一个下沉小程序,具体叫京东赚赚,排名很靠前 ...
研究生跟了一个很棒的导师，是什么神仙体验？
来源 | 百度学术个人感觉读研是很重要的,如果问小编从小到大做的最英明的决定是什么,那一定是考上了研究生,而且重要的是要考一个大城市的研究生. 大家要吐槽是有趣的,但是不希望大家的吐槽对于读研这个事 ...
easyexcel一个很棒的Excel解析工具
easyexcel一个很棒的Excel解析工具前言 Excel格式核心原理对比理解与使用总结前言最近手头上有一个项目,其中有一个需求就是要Excel表格导入导出,之前有过类似的经验,不过当 ...
一个很棒的手机app：金手指音乐曲谱
http://apk.hiapk.com/appinfo/com.jh.APPfbf19bf66a8a4ed0a11f952a11fa6e07.news 一个很棒的手机app:金手指音乐曲谱转载于: ...
如何为您的插件创建一个很棒的WordPress.org页面
You've just developed an awesome plugin for WordPress and you want to share it with as many people a ...
推荐一个很牛叉的开源Flask项目
点击上方"Python进击者",选择"星标"公众号超级无敌干货第一时间推给你!!! 各位小伙伴们好,今天主要给大家推荐一个我近期遇到的一个Flask项目.为什 ...

推荐一个很棒的JS绘图库Flot

推荐一个很棒的JS绘图库Flot相关推荐

最新文章

热门文章