Графики мониторинга в реальном времени на веб-странице - PullRequest
3 голосов
/ 07 сентября 2011

Я хочу сделать свою веб-страницу живой или интерактивной, например, проводить мониторинг или анализ, периодически обновляя данные ..

Например, speedtracer от Google ..

Существует множество API, например jFreeChart , для рисования статической диаграммы, но я хочу, чтобы она периодически обновлялась, есть возможность выполнять ее опрашиванием, но это повлияет на внешний вид сайтаон получает трудоемкую операцию, чтобы эффект отразился на пользователе.

Можно ли сделать это на веб-странице, используя javascript или jQuery или любой доступный API?

Ответы [ 3 ]

4 голосов
/ 07 сентября 2011

Взгляните на flot . Он использует тэг canvas для визуализации прекрасно выглядящих графиков на стороне клиента. Это намного эффективнее, чем рендеринг JFreeChart на стороне сервера.

1 голос
/ 07 сентября 2011

я работаю над страницей статистики для системы, которую я разрабатываю, пока я вызываю обновление страницы, используя 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, я работал с Базовыми диаграммами Js , чтобы начать работу, но в мире Sencha Сенсорные диаграммы Sencha , эти парни кажутся великолепными, потрясающая библиотека работать на мобильных устройствах, а также столкнулся с этой потрясающей библиотека визуализации данных

Надеюсь, это поможет: -)

1 голос
/ 07 сентября 2011

API Google Maps может быть полезно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...