Javascript 如何在highcharts中传递Ajax响应数据
我想画一幅画。我想通过Ajax调用将数据传递给它。我该怎么做 我的数据格式如下- 结果=Javascript 如何在highcharts中传递Ajax响应数据,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我想画一幅画。我想通过Ajax调用将数据传递给它。我该怎么做 我的数据格式如下- 结果={u'NewDelhi':[138374100000L,54.2],[138374190000L,59.34],[138374800000L,64.3],[u'Bangalore':[138374100000L,1608.2],[1383741900000L,1611.3],[1383748000000L,1612.29]} 即 结果={'name1':[[time1(秒)、value1][time1(秒)、
{u'NewDelhi':[138374100000L,54.2],[138374190000L,59.34],[138374800000L,64.3],[u'Bangalore':[138374100000L,1608.2],[1383741900000L,1611.3],[1383748000000L,1612.29]}
即
结果={'name1':[[time1(秒)、value1][time1(秒)、value1]]、'name2':[[time1(秒)、value1][time2(秒)、value2]}
就像这样
series: [{
name: result.keys(),
data: result.values()
}]
我应该得到两行和它们各自的值
如何将值传递给数据
这是我的代码
这就是我的结果
var result = [{ // this value is to be passed downwards.
'data': [
[1383741000000, 1608.3000000000002],
[1383741900000, 1611.9999999999973],
[1383742800000, 1612.299999999997]
],
'name': 'Bangalore'
}, {
'data': [
[1383741000000, 54.2],
[1383741900000, 54.300000000000004],
[1383742800000, 54.300000000000004]
],
'name': 'New Delhi'
}]
$(function () {
$('#container').highcharts({
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: result, // over here. I'm not getting the line.
});
});
我该怎么做呢?在ajax调用的成功回调中,将响应传递给一个方法,该方法将按照所需格式为您解析数据
现在将其传递到highcharts并构建图表问题在于您正在设置类别(一个类别=1值),然后使用时间戳显示行。让我们考虑一下:
1383741000000
——这意味着显示第1383741000000个类别和1383741000000个刻度和名称。这是不可能的
解决方案:删除类别并设置xAxis.type=“datetime”
工作示例:Hello@Pawel-Fus-参见此。我无法获取这一行的数据。请指出我的错误所在?在Highcharts中,数据应该是数据点数组,而不是系列数组,请将
line\u数据更改为line\u数据[0]。数据
,