jQuery flot, Живые графики из SQL Server - PullRequest
Новая
       36

jQuery flot, Живые графики из SQL Server

4 голосов
/ 21 января 2012

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

В ходе исследований я обнаружил, что jQuery и Flot - хорошие варианты.Может кто-нибудь, пожалуйста, направить меня в направлении относительно того, как я поступил бы по этому поводу?Я очень новичок в веб-разработке.Я мало знаком с ASP.NET.Я ничего не знаю о JavaScript / jQuery / flot и не смог найти хороших руководств в этом конкретном направлении.

Вещи, которые я пробовал до сих пор: WPF-> Ограниченная функциональность, когда дело касается интерактивности, JavaScript чувствует себя оченьболее открыты для функциональности.ASP.NET Элементы управления диаграммой Microsoft -> То же, что и выше.

Спасибо за помощь!

Ответы [ 2 ]

2 голосов
/ 21 января 2012

Например, если вы хотите, чтобы ваш график обновлялся каждые 0,2 сек. Вы могли бы сделать так: 

var plot = $.plot($("#placeholder"), {},{} );
var timer = setInterval(function(){
                $.ajax({url: 'url to fetch data', 
                        dataType: 'json', 
                        success: function(data){
                            plot.setData(data);
                            plot.setupGrid();
                            plot.draw();
                       }});
            },200);
0 голосов
/ 21 января 2012

@ Подход VinhBS - это метод опроса ajax. Если вы хотите обновлять данные «в режиме реального времени», когда данные поступают на сервер, вы хотите реализовать то, что называется комета . Я бы прочитал опции и решил, какая реализация лучше всего подходит для вашего приложения (лично мне нравится подход "длинный опрос XMLHttpRequest").

Обратите внимание, что flot потребует от вас перерисовывать весь график каждый раз, когда поступают новые данные. Если вы ищете что-то, что «покажет», что пользователь получает новые данные, я бы посмотрел на возможности динамического обновления HighCharts.

...