首先,我要开始使用javascript和jquery,所以我对它们了解不多,这就是问题所在:
我正在生成一个采用arduino引脚状态的JSON字符串。该字符串在其中:{ "02":0, "03":0, "04":0, "05":0, "06":0, "07":0, "08":0, "09":0, "10":0, "11":0, "12":0, "13":0, "14":756, "15":745, "16":722, "17":679, "18":634, "19":494}
字符串的第一部分(02至13)属于我不需要的数字引脚,第二部分(14至19)属于模拟引脚,这是我需要绘制的数字引脚
,另一件事是我编程JSON字符串每5秒更新一次,所以这就是我需要绘制的东西,但是我真的不知道该怎么做
更新(11/10/2013)
让我澄清一下我的问题,我正在使用jquery和jquery mobile制作一个移动网页,在该网页中,我正在获取来自arduino的数据,它是温度,我能够显示出温度,但是我想绘制这些值的图表(温度与时间的关系),并在页面中显示出来。就像我之前说过的,我对Web开发真的一无所知,所以我不知道如何实现该图。这就是我如何显示温度
function value_update(data) {
$.each(data, function (index, value) {
if(parseInt(index)=>13) {
$('#P'+index).text(((5*value*100)/1024).toFixed(1)+" °C");
}
});
这就是我将其放在html中的方式
<label><b>TEMPERATURE A0</b></label>
<span class="inputvalue" name="P14" id="P14">0</span>
请帮忙 !!!!
最佳答案
要过滤数据,您可以执行以下操作:
var data = { "02":0, "03":0, "04":0, "05":0, "06":0, "07":0, "08":0, "09":0, "10":0, "11":0, "12":0, "13":0, "14":756, "15":745, "16":722, "17":679, "18":634, "19":494 };
var toGraph = {};
$.each(data,function(key,value){
if(key >= 14){
toGraph[key] = value;
}
});
//toGraph now holds the wanted data:
console.log(toGraph); //Outputs Object {14: 756, 15: 745, 16: 722, 17: 679, 18: 634, 19: 494}