热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

在网页上实时监控图表-Livemonitoringchartsonawebpage

Iwanttomakemywebpageliveorinteractivelikehavingmonitoringoranalysiskindofthing,on

I want to make my web page live or interactive like having monitoring or analysis kind of thing, on refreshing data periodically..

我想让我的网页实时或交互式,如有监控或分析的东西,定期刷新数据..

For example, google's speedtracer..

例如,google的speedtracer ..

There are many api's like jFreeChart to draw a static chart, but i want it like to refresh periodically, there is an option to perform it by polling but that would effect the look of the site and also it gets time consuming operation to get effect reflected to user.

有许多api像jFreeChart来绘制静态图表,但我希望它喜欢定期刷新,有一个选项可以通过轮询执行它,但这会影响网站的外观,并且它也会耗费时间来反映效果给用户。

Is it possible to do on a web page using Javascript or jQuery or any api's available?

是否可以使用Javascript或jQuery或任何api可用于网页?

Thanks..

3 个解决方案

#1


4  

Take a look at flot. It leverages the canvas tag to render great looking graphs client side. It is way better performing than the server side rendering of JFreeChart.

看看flot。它利用canvas标签在客户端渲染外观漂亮的图形。它比JFreeChart的服务器端呈现更好。

#2


1  

google's chart api might be useful

谷歌的图表api可能会有用

#3


1  

im working on a stats page for a system im developing, whilst i call the page refresh using php theres no reason you cant do something like this for your page refresh:

我正在开发一个系统的统计信息页面,而我使用php调用页面刷新,没有理由你不能为你的页面刷新做这样的事情:







This page will refresh every 5 seconds. This is because we're using the 'onload' event to call our function. We are passing in the value '5000', which equals 5 seconds.

But hey, try not to annoy your users too much with unnecessary page refreshes every few seconds!

As for a js charting options, ive worked with Basic Js CHarts to get going but moving into the world of Sencha Sencha Touch Charts, these guys seem great, amazing library that work on mobile devices, and also came across this mind blowing data visualization library

至于js图表选项,香港专业教育学院与Basic Js CHarts一起工作,但是进入了Sencha Sencha Touch Charts的世界,这些家伙看起来很棒,在移动设备上工作的神奇图书馆,也遇到了这个令人兴奋的数据可视化库

Hope this helps :-)

希望这可以帮助 :-)


推荐阅读
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了macOS系统的核心组件,包括如何管理其安全特性——系统完整性保护(SIP),并探讨了不同版本的更新亮点。对于使用macOS系统的用户来说,了解这些信息有助于更好地管理和优化系统性能。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 在哈佛大学商学院举行的Cyberposium大会上,专家们深入探讨了开源软件的崛起及其对企业市场的影响。会议指出,开源软件不仅为企业提供了新的增长机会,还促进了软件质量的提升和创新。 ... [详细]
  • 如何在窗口右下角添加调整大小的手柄
    本文探讨了如何在传统MFC/Win32 API编程中实现类似C# WinForms中的SizeGrip功能,即在窗口的右下角显示一个用于调整窗口大小的手柄。我们将介绍具体的实现方法和相关API。 ... [详细]
  • 本文探讨了如何在给定整数N的情况下,找到两个不同的整数a和b,使得它们的和最大,并且满足特定的数学条件。 ... [详细]
  • 尽管使用TensorFlow和PyTorch等成熟框架可以显著降低实现递归神经网络(RNN)的门槛,但对于初学者来说,理解其底层原理至关重要。本文将引导您使用NumPy从头构建一个用于自然语言处理(NLP)的RNN模型。 ... [详细]
  • 本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率,使用经典的EK(Edmonds-Karp)和Dinic算法进行求解。 ... [详细]
  • 本文介绍了 Winter-1-C A + B II 问题的详细解题思路和测试数据。该问题要求计算两个大整数的和,并输出结果。我们将深入探讨如何处理大整数运算,确保在给定的时间和内存限制下正确求解。 ... [详细]
author-avatar
RaymondKit
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有