首先让我说我开始使用javascript和jquery,所以我对它们了解不多,这里说的就是问题:
我正在生成一个JSON字符串,该字符串采用arduino的引脚状态。它在这里的字符串:
{
"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秒更新一次,这就是我需要绘制的东西,但我真的不知道该怎么做
更新(2013年10月11日)
让我澄清一下我的问题,我正在使用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>
请帮助!!!!
答案 0 :(得分:0)
您可以通过两种方法解决第一部分。
第一个是创建一个值字符串,使用.substring,正好获取您要查找的值。
第二个,可能是最好的一个,是将所有值存储在一个数组中,然后通过数组值位置提取您要查找的值。如果您最终需要一串值,则可以将数组值转换为字符串。在数据灵活性方面,我会说数组到字符串是要走的路,以防万一你想在未来使用这些值做其他事情。
对于自定义刷新设置,一个简单的setInterval()就可以了。
对于Javascript的初学者课程,我建议检查codeacademy。
答案 1 :(得分:0)
要过滤您可以执行的数据:
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}