Canvas JS未填充图形

时间:2019-04-02 14:37:00

标签: javascript jquery ajax flask amazon-ec2

我有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 
}, {
},{ 
},..]

0 个答案:

没有答案