使用Ajax调用返回JSON文件的Highcharts

Highcharts with Ajax call returning JSON file

本文关键字：文件 Highcharts JSON 返回 Ajax 调用 使用      更新时间：2023-09-26

我试图使用Highcharts与返回JSON文件的外部服务器，但我不能得到返回文件绑定到图表。我正在开发的应用程序在ASP。净MVC

我对代码的尝试如下:http://jsfiddle.net/Q6ngj/2/

jQuery.ajax({
    url: urlM4AirTemp,
    dataType: 'jsonp',
    cache: true,
    jsonp: false,
    jsonpCallback: 'ourCallbackM4AirTemp'}).done(function (airTempData) {
        var msg = airTempData.table.rows;
        var intYr;
        var intMonth;
        var intDay;
        var intHour;
        var intMin;
        var intSec;
        jQuery.each(msg,function(i,value){
        intYr = value[0].substring(0,4);
        intMonth = value[0].substring(5,7)-1;
        intDay = value[0].substring(8,10);
        intHour = value[0].substring(11,13);
        intMin = value[0].substring(14,16);
        intSec = value[0].substring(17,19);
        var d = new Date(intYr,intMonth,intDay, intHour,intMin, intSec);
        d =d.toUTCString();
        d=Date.parse(d);
        airTemp.push([d,value[1]]);
        }); 
    //Load up Graph
    options.series[0].data = airTemp;
    chart = new Highcharts.Chart(options);
});
};

ajax是正确的方法来调用这里还是我应该使用getJSON?

第一行(script at jsfiddle):

(function(){
在去年:

})();

远程文件中的整个json应该在ourCallbackM4AirTemp(和);中进行包装

我在jsFiddle中看到两个问题:

  • jsonpCallback: ('ourCallbackM4AirTemp'); ->删除;，会破坏js代码
  • 你的JSONP是简单的JSON，所以它不会工作，阅读JSON和JSONP之间的差异
相关文章：