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

25顶
0踩

Web前端

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

2007-12-06 12:14 by 见习编辑 robbin 评论(9) 有24503人浏览
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++是最为难 学的高级程序设计...

  • FPGA电机控制方案解析：基于Verilog与Nios2的软硬协同设计

    内容概要：本文详细介绍了基于FPGA的电机控制系统设计方案，重点探讨了Verilog和Nios2软核的协同工作。系统通过将底层驱动（如编码器处理、坐标变换、SVPWM生成等）交给Verilog实现，确保实时性和高效性；同时，复杂的算法（如Park变换、故障保护等）则由Nios2处理。文中展示了多个具体实现细节，如四倍频计数、定点数处理、查表法加速、软硬件交互协议等。此外，还讨论了性能优化方法，如过调制处理、五段式PWM波形生成以及故障保护机制。 适合人群：具备一定FPGA和嵌入式系统基础知识的研发人员，尤其是从事电机控制领域的工程师。 使用场景及目标：适用于希望深入了解FPGA在电机控制中的应用，掌握软硬件协同设计方法，提高系统实时性和效率的技术人员。目标是通过学习本方案，能够独立设计并实现高效的电机控制系统。 其他说明：本文不仅提供了详细的代码片段和技术细节，还分享了许多实践经验，如调试技巧、常见错误及其解决办法等。这对于实际工程项目非常有帮助。

  • 模拟太阳系、轨道进动、时间延迟、光线偏折、黑洞阴影、星团以及航天器轨迹 matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • 计算机数控(CNC)装置.pdf

    计算机数控(CNC)装置.pdf

  • 西门子PLC与TiA博途实现冷热水恒压供水系统的变频器控制及多参数调控

    内容概要：本文详细介绍了使用西门子PLC和TiA博途软件构建冷热水恒压供水系统的具体方法和技术要点。主要内容涵盖变频器控制、模拟量输入输出处理、温度控制、流量计算控制及配方控制等方面。文中不仅提供了具体的编程实例，如LAD和SCL语言的应用，还分享了许多实用的经验和技巧，例如模拟量处理中的滤波方法、PID控制的优化策略、流量计算的高精度算法等。此外，针对实际应用中的常见问题，如信号干扰和参数整定，作者也给出了有效的解决方案。 适合人群：从事自动化控制系统开发的技术人员，尤其是对西门子PLC和TiA博途有一定了解并希望深入掌握冷热水恒压供水系统设计的专业人士。 使用场景及目标：适用于工业环境中需要精确控制水压、温度和流量的冷热水供应系统的设计与维护。主要目标是帮助工程师理解和实施基于西门子PLC和TiA博途的冷热水恒压供水系统，提高系统的稳定性和效率。 其他说明：文中提到的实际案例和编程代码片段对于初学者来说非常有价值，能够加速学习进程并提升实际操作能力。同时，关于硬件配置的选择建议也为项目规划提供了指导。

Global site tag (gtag.js) - Google Analytics