网页上的实时监控图表

3
我希望能让我的网页变得更加生动或交互式,比如定期刷新数据并进行监测或分析等操作。例如,谷歌的speedtracer... 有很多api可以绘制静态图表,例如jFreeChart,但我想要它能够定期刷新。虽然使用轮询也可以实现,但会影响网站的外观,并且需要耗费时间才能使效果反映到用户。是否有可能使用javascript、jQuery或其他可用的api在网页上实现这一功能呢?谢谢。
3个回答

4

看一下flot。它利用canvas标签在客户端呈现出外观精美的图形。与JFreeChart服务器端渲染相比,性能要好得多。


1

我正在为我开发的系统制作一个统计页面,虽然我使用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
希望这能有所帮助 :-)

1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接