【问题标题】:Updating highcharts gauge with JSON使用 JSON 更新 highcharts 仪表
【发布时间】:2015-11-13 13:09:15
【问题描述】:

我终于有了一个符合我要求的仪表,我正在尝试使用 Thingspeak 中的 JSON 对其进行更新。当我检查页面时,我看到有一个未捕获的 ReferenceError - 数据未定义。

示例页面是 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);
     });

 });

});

谁能告诉我我在这里做错了什么?

【问题讨论】:

    标签: javascript jquery json syntax highcharts


    【解决方案1】:

    您必须为 $.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);
    

    【讨论】:

    • 谢谢你 - 它似乎已经解决了我无法编码的问题:-),但是 - 现在当我查看控制台时,我收到以下错误:
    • GET api.thingspeak.com/channels/45473/feed/… 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(anonymous function) @ test2.htm:232 我不知道这是什么意思 - 你能不能解释一下?
    • 看起来和问题有关,与cors问题有关。我的意思是你从不同的域加载 json 然后你的图表存在。尝试使用 jsonp。
    • jsfiddle.net/0dpk0aqf/28 看起来 API 启用了 CORS ...小提琴工作正常。
    • @Sebastian - 感谢您的评论,不幸的是我不知道该怎么做。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-12-12
    • 2023-03-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多