我有下面这样的代码,我想从JSON文件中实现温度,但是我不知道我做错了什么。
我尝试了JSON文件本身的不同配置,没有划分为温度和露点(露),但仍然是一样的。这个结果没有给出答案...
Highcharts.getJSON(
'https://www.pogodakrotoszyn.info/tempdata.json',
function (data->temp) {
Highcharts.chart('container', {
chart: {
zoomType: 'x'
},
title: {
text: 'Temperature',
align: 'left'
},
subtitle: {
text: document.ontouchstart === undefined ?
'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in',
align: 'left'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Temperature'
}
},
legend: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'Temperature',
data: data->temp;
}]
});
}
);
1条答案
按热度按时间w6mmgewl1#
问题是在JavaScript代码中你使用PHP语法来访问对象的属性,而不是
data->temp
,你应该像data.temp
这样做。演示:https://jsfiddle.net/BlackLabel/sypfmn10/
MDN:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects