网页上的实时监控图表答案

【问题标题】：Live monitoring charts on a web page网页上的实时监控图表
【发布时间】：2011-09-07 09:59:47
【问题描述】：

我想让我的网页在定期刷新数据时进行实时或交互，例如进行监控或分析之类的事情..

例如google的speedtracer..

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

是否可以使用 javascript 或 jQuery 或任何可用的 api 在网页上进行操作？

谢谢..

【问题讨论】：

标签： javascript jquery jquery-ui html charts

【解决方案1】：

看看flot。它利用画布标签在客户端呈现漂亮的图形。它比 JFreeChart 的服务器端渲染性能要好得多。

【讨论】：

【解决方案2】：

google's chart api 可能有用

【讨论】：

【解决方案3】：

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

<!-- Codes by Quackit.com -->
<html>
<head>
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}
//   -->
</script>
</head>
<body onload="JavaScript:timedRefresh(5000);">
<p>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.</p>
<p>But hey, try not to annoy your users too much with unnecessary page refreshes every few seconds!</p>
</body>
</html>

至于 js 图表选项，我与 Basic Js CHarts 合作开始但进入 Sencha 的世界 Sencha Touch Charts，这些家伙看起来很棒，很棒的库，可以在移动设备上运行，也遇到了这个令人兴奋的问题data visualization library

希望这会有所帮助:-)

【讨论】：