2017-02-15 4 views
1

私は、センサから読み取っているときに、(リアルタイムで)表示データを積極的に表示する多くのチャート(好ましくは折れ線グラフ)を提示するウェブサイトを作成する必要があります。私は正常にWindowsフォームアプリケーションでアクティブなライブグラフを作成しましたが、インターネットWebサイトに自分のデータを表示させません。Visual Studio 2015 ASP.NET 4.5.2 Webフォームテンプレートを使用してグラフを作成する方法は?

したがって、私は、WebフォームASP.NET 4.5.2テンプレートを使用してASP.NETアプリケーションで簡単なグラフを作成しようとしました。 Default.aspx.csコードは単純で、ボタン1を押すたびに500 msごとにグラフ上にポイントをプロットしようとしていました。しかし、ブラウザでアプリケーションを開いたときにボタン1を押すと、タイマーがアクティブになりましたが、グラフは空白のままでした(画面上で点滅)。誰かが積極的に更新して、キャプチャ/生成された新しいデータを表示できるグラフを作成するのを手伝ってください。

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

namespace WebApplication1 
{ 
    public partial class _Default : Page 
    { 
     int i = 0; 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      Timer1.Interval = 1000; 
     } 

     protected void Button1_Click(object sender, EventArgs e) 
     { 
      Timer1.Enabled = true; 
     } 

     protected void Timer1_Tick(object sender, EventArgs e) 
     { 
      this.Chart1.Series["Series1"].Points.AddXY(i, i); 
      i++; 
     } 
    } 
} 

答えて

0

チェックアウトシグナル - https://www.asp.net/signalr。 上記のコードはwebformを使用しています。それは実行可能ですが、私はあなたのフロントエンド/ Web用のMVCのような新しいフレームワークを使用することをお勧めします。

+0

あなたが提供したリンクが私を助けてくれました。 –

0

この場合には動作しませんあなたのサーバー側のアプローチ: あなたがいずれかを使用する必要があります:make ajax call to run multiple times with setInterval

  • または使用のWebソケットHTML5 web socket with ASP.NET
  • 取得する

    • サーバーは、クライアントを引っ張りますチャートの最新データ。つまり、最新のデータを提供し、UIを更新してJavaScriptを使用するWebサービスを公開するには、Webフォームを少し変更する必要があります。

    +0

    ありがとうございます。これは多くの助けになりました。 –

    関連する問題