2015-08-20 80 views
0

我終於有了一個儀表,看着我想要的方式,我試圖用Thingspeak的JSON更新它。當我檢查頁面時,我看到有一個未捕獲的ReferenceError - 數據未定義。用JSON更新highcharts測量儀

樣本頁面here.我也有它的jsfiddle here.

這是代碼的位,這似乎是錯誤的:

// Add some life 
function (chart) { 
    setInterval(function() { 
     $(function() { 
      $.getJSON('https://api.thingspeak.com/channels/45473/feed/last.json?api_key=N12T3CWQB5IWJAU9'); 
      var p; 
      p = data.field2; 
      if (p) { 
       newVal = p; 
      } 
      var point = chart.series[0].points[0]; 
      point.update(newVal); 
     }, 3000); 
    }); 

}); 

});

任何人都可以告訴我我在做什麼錯嗎?

回答

0

你必須爲$ .getJSON定義一個回調函數,輸入參數就是你的'數據'。 試試這個:

$.getJSON(
    'https://api.thingspeak.com/channels/45473/feed/last.json?api_key=N12T3CWQB5IWJAU9', 
     function (data) { 
       var p; 
       p = data.field2; 
       if (p) { 
        newVal = p; 
       } 
       var point = chart.series[0].points[0]; 
       point.update(newVal); 
      }); 

     }, 3000); 
+0

感謝您的 - 這似乎已經整理出我無力代碼:-),但是 - 現在當我看到控制檯我得到以下錯誤: – SESupply

+0

GET https://開頭的API .thingspeak.com/channels/45473/feed/last.json?api_key = N12T3CWQB5IWJAU9 net :: ERR_INSUFFICIENT_RESOURCESk.cors.a.crossDomain.send @ jquery.js:8630n.extend.ajax @ jquery.js:8166n。(匿名函數)@ jquery.js:8311n.extend.getJSON @ jquery.js:8294(匿名函數)@ test2.htm:233j @ jquery.js:3099k.add @ jquery.js:3145n.fn.ready @ jquery.js: 3378n.fn.init @ jquery.js:2821n @ jquery.js:76(匿名函數)@ test2.htm:232 我不知道這是什麼意思 - 你可能會說點什麼? – SESupply

+0

它看起來像和問題,與Cors問題有關。我的意思是你從不同的域加載JSON然後你的圖存在。嘗試使用jsonp。 –