我有jQuery代码,该代码使用RESTful Web服务的JSON响应来绘制图形。我正在使用Canvas JS执行此任务。 每当我运行程序时,我都会得到一个空图。 任何帮助都将受到赞赏。
$(document).ready(function() {
$('form').on('submit', function(event) {
var date = $('#nameInput').val();
var datatmax = [];
var datatmin = [];
$.ajax({
data: {
v: $('#nameInput').val(),
},
type: 'GET',
url: '/forecast/' + date
}).done(function(data) {
if (data) {
$.each(data, function(d) {
datatmax.push({
y: d.TMAX,
label = d.DATE
})
datatmin.push({
y: d.TMIN,
label = d.DATE
})
})
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "WEATHER FORECAST"
},
data: [{
type: "line",
markerType: "circle",
name: "TMAX",
showInLegend: true,
dataPoints: datatmax
}, {
type: "line",
name: "TMIN",
lineDashType: "dash",
showInLegend: true,
markerType: "square",
dataPoints: datatmin
}]
});
chart.render();
}
});
event.preventDefault();
});
});
JSON数组的格式为
[{
'DATE': VAL,
'TMAX': VAL,
'TMIN': VAL
}, {
},{
},..]