これがセットアップです。モバイル デバイスがセンサー データをサーバーに送信します。サーバーは、グラフにデータを表示する Web サイトをホストします (私は Flot フレームワークを使用します)。
表現はこのように機能します。
function showX(){
$("#dialog").dialog({
width:400,
modal:false,
buttons: {
"Close": function(){
$(this).dialog("close");
}
}
}).dialog("open");
function getRandomData(){
var randomData = [];
for(var i = 4;i<100;i++){
randomData.push([i,(1 + Math.floor(Math.random() * 20))]);
}
return randomData;
}
var plot = $.plot($("#chart"),[ getRandomData() ]);
function update() {
//FETCH SERVER DATA FOR plot.setData();
plot.setData([ getRandomData() ]);
plot.draw();
setTimeout(update, 100);
}
update();
}
ボタンを押すと、チャートを保持するダイアログが表示されます。チャートは update 関数の新しい値で更新されます (上記の例ではランダムな値を使用しています)。この関数では、サーバーから測定データのチャンクを取得したいと思います (コメントを参照)。どのようなテクニックを使用すればよいですか? また、データはサーバー側にどのように保存する必要がありますか?
前もって感謝します。