仅绘制JSON输出的一部分

时间:2013-10-10 07:13:25

标签: javascript jquery json

首先让我说我开始使用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>

请帮助!!!!

2 个答案:

答案 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}