使用Ajax调用返回JSON文件的Highcharts
Highcharts with Ajax call returning JSON file
我试图使用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之间的差异
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 通过调用React中的jsx文件设置Highcharts piechhartDefaults
- Highcharts赢得't加载表单外部文件
- Highcharts从csv文件动态更新图表
- Highcharts使用javascript将图表保存在项目文件夹中,而不是下载文件夹中
- 无法在HighCharts中使用外部csv文件绘制饼图
- 具有来自多个JSON文件的值的Highcharts
- Highcharts不显示数据,而是在从CSV文件读取时绘制图表
- Highcharts:将画布图像保存为IE中的本地文件
- 如何在PHP中将HighCharts图像保存到项目文件夹中
- 尽管文件顺序正确,但$highcharts不是一个函数
- 将JSON文件加载到highcharts中以绘制折线图
- 使用Ajax调用返回JSON文件的Highcharts
- Highcharts:在CSS文件中编辑数据标签样式
- highcharts显示csv文件中的数据时出现问题
- Highcharts不能从php json加载,但可以从data加载.json文件
- Highcharts - 如何使用多个 xml 文件在一个页面上显示多个图形
- HighCharts从数据库获取数据到外部js文件
- Highcharts JS库和链接到本地文件