jQuery flot,来自SQL Server的Live plotting

时间:2012-01-21 06:57:59

标签: asp.net graph flot jquery

我有一个MS SQL Server,它不断地向它提供数据。我想制作一个可以绘制数据并实时更新的ASP.NET Webapp或网页。

通过研究我发现jQuery和Flot是不错的选择。有人可以指导我如何解决这个问题吗?我对Web开发很新。我对ASP.NET很熟悉。我对JavaScript / jQuery / flot一无所知,并且无法在这个特定方向找到好的指南。

到目前为止我尝试过的事情: WPF->在交互性方面功能有限,JavaScript对功能更加开放。 ASP.NET Microsoft图表控件 - >与上述相同。

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

例如,如果您希望每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);

答案 1 :(得分:0)

@ VinhBS的方法是一种ajax轮询技术。如果您希望在数据进入服务器时“实时”更新,那么您希望实现所谓的comet。我会阅读这些选项并确定哪个是您应用程序的最佳实现(我个人喜欢“XMLHttpRequest长轮询”方法)。

请注意,每次收到新数据时,flot都会要求您重绘整个图表。如果您正在寻找能够“显示”用户新数据到达的内容,我会查看HighCharts的dynamic update capabilities