资讯频道 → Web前端
阅读更多

25顶
0踩

Web前端

原创新闻 推荐一个很棒的JS绘图库Flot

2007-12-06 12:14 by 见习编辑 robbin 评论(9) 有24489人浏览
flotjquery Ajax JavaScript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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



绘制上面的图形所编写的JS也非常简单易读： 
<script id="source" language="javascript" type="text/javascript">
$(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>






Flot的网站：

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


25
顶
0
踩
评论 共 9 条 请登录后发表评论
9 楼 samking630 2008-11-25 19:54
请问如何给Y轴设置单位
8 楼 smilerain 2008-11-04 14:59
太棒了,强啊
7 楼 syq689 2007-12-14 21:02
呵呵，原来是一个图库啊，现在刚刚用javasricpt，还不是很了解，这个图库在哪里下载啊？
6 楼 panlw 2007-12-11 22:25
太棒了！WEB应用又少了一块绊脚石。
5 楼 yxxiao0929 2007-12-10 09:15
有没有一个FF和IE都能够无缝支持的（而不需要安装插件）的绘图技术。现在FF支持canvas而IE支持VML。虽然SVG两者支持，但都需要安装插件。
4 楼 ken1984 2007-12-07 21:34
不知道做游戏客户端行不
3 楼 hred 2007-12-06 17:01
这个的好处主要在于 体积小，因为是js写的。

用到了mozilla和safari的<canvas>,IE下必须用插件例如google的excanvas
2 楼 kerne 2007-12-06 16:55
我感觉随便找个flash的chat都比这个好！
1 楼 hanjian 2007-12-06 16:22
没有看出来功能上有什么突破

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • C++资源之不完全导引（完整版）

    　无数次听到“我要开始学习C++!”的呐喊，无数次听到“C++太复杂了，我真的 学不会”的无奈。Stan Lippman先生曾在《C++ Primer》一书中指出“C++是最为难 学的高级程序设计语言之一”，人们常将“之一”去掉以表达...

  • 【C++】面试常用知识点总结——基础篇

    三次握手的最主要目的是确认双方都有收发数据的能力。三次握手完成两个重要的功能，既要双方做好发送数据的准备工作(双方都知道彼此已准备好)，也要...二次握手达不到目的，四次多余。双方关闭连接要经过双方都同意。

  • 【蓝桥杯】第十三届蓝桥杯省赛 AK 攻略 —— C++ B组全真题超详细剖析

    村口二大爷都能看懂的第十三届蓝桥杯AK攻略！C++ B组真题详细解读！

  • 乱七八糟的C++面经

    乱七八糟的c++面经

  • c++面试高频题-速记版

    const定义常量从汇编的角度来看，只是给出了对应的内存地址，而不是象#define一样给出的是立即数，所以，const定义的常量在程序运行过程中只有一份拷贝（因为是全局的只读变量，存在静态区），而 #define定义的常量...

  • C++课程教学改革问卷调查报告

    C++课程即将结课。在近一年的教学中，面对全新的学习内容，84名同学与老师一起直面困难，努力学习。在教学中，我们采用了一些新的思路，这使同学们的大学生活更加紧张，但无疑也更加充实，收获也更加丰盈。任何的...

  • 常见腾讯C++面试问题总结

    异步通信时不要求接收端时钟和发送端时钟同步，发送端发送完一个字节后，可经过任意长的时间间隔再发送下一个字节。 2） 同步通信效率高；异步通信效率低。 3） 同步通信较复杂，双方时钟的允许误差较小；异步通信...

  • CSP-J第一轮常考知识点

    不过我一般不喜欢用du，因为它给出的信息实在是太多了，我看不过来，而df这个命令我是最常用的，因为磁盘上还剩多少空间对我来说是很重要的。 语法：df [选项] 说明：linux中df命令可显示所有文件系统对i节点和磁盘...

  • C/C++面试/笔试题2022

    在基类的函数前加上virtual关键字，在派生类中重写该函数，运行时将会根据对象的实际类型来调用相应的函数。 如果对象类型是派生类，就调用派生类的函数；如果对象类型是基类，就调用基类的函数，此为多态的表现；...

  • 常见C++面试问题总结1

    【1】同步通信和异步通信的区别？...异步通信时不要求接收端时钟和发送端时钟同步，发送端发送完一个字节后，可经过任意长的时间间隔再发送下一个字节。 （2）同步通信效率高;异步通信效率低。 （3）同步通信较

  • 想考研的成考毕业生

    可能有点长~我真的很需要一些指点~　因为种种原因，我根本就没上过大学，四年时光就那么荒废了，现在手里只有一张成考本科的学历。还是后来补的。好在我从小学开始就已经接触过编程了，还算有点代码调试的经验。高中...

  • 来看看，他的嵌入式之旅！

    大学本科我报的专业是电子信息工程，当初是听同村的一个大哥在我们学校读这个专业说钱途是不错的，于是也就选择了这个专业，话说当年填的志愿时基本选的也是电子相关的专业。最终如愿...

  • 设计一个单选题考试程序python_Python123计算机等级考试二级Python语言与程序设计通关指南七Python 计算生态...

    请注意看红色标识文字，图片均是超清图片，可以单击查看看见更大的世界，遇见更好的自己 See a better world to meet better for ourselves.1.MMdnn----MMdnn 是一个深度学习的模型工具集，它能够互转模型文件、可视...

  • c++开源项目汇总

    向C++初学者推荐的几个开源库 标签: STL boost SDL wxWidgets 开源库 推荐 2009-07-04 22:47 前阵子写了《C++ 的“武”和“功”》。谈到C++语言知识，属于“功”，而那些强大的C++库，属于“武”，属于十...

  • 读不完《程序员修炼之道》，至少可以读完这70条

    当我在图书馆看到这本《程序员修炼之道》的时候，直觉告诉我应该看看这本书...当时我虽然没有实际项目的开发经验，不能一时领悟其意，但我明白，这本书中总结的原则和方法对我来说是极为宝贵的，于是买了一本放在床头。

  • C++资源之不完全导引(完整版)

    1，前言   　无数次听到“我要开始学习C++!”的呐喊，无数次听到“C++太复杂了，我真的 学不会”的无奈。Stan Lippman先生曾在《C++ Primer》一书中指出“C++是最为难 学的高级程序设计...

  • 实时监控体系：基于Prometheus的API性能指标可视化方案.pdf

    在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

  • 5个提升DeepSeekAPI生成质量的调参技巧，开发者必看！.pdf

    在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

  • ACM动态规划模板-区间修改线段树问题模板

    ACM动态规划模板-区间修改线段树问题模板

  • 深度解析C语言调试技巧：VSCode+GDB实战排错指南.pdf

    # 踏入C语言的奇妙编程世界 在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。 学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。 现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

Global site tag (gtag.js) - Google Analytics