JSON數據到canvasjs不起作用

Question

我想使用此代碼通過Ajax獲取json數據，它可以與原始源代碼中的其他json數據一起使用，但不適用於我的json數據，我會錯過什么？ 請幫助，謝謝

$(document).ready(function() {
  var dataPointsA = []
  var dataPointsB = []

  $.ajax({
    type: 'GET',
    url: 'https://api.myjson.com/bins/1fp11x',
    dataType: 'json',
    success: function(field) {
      for (var i = 0; i < field.length; i++) {
        dataPointsA.push({
          x: field[i].day,
          y: field[i].impressions
        });
        dataPointsB.push({
          x: field[i].day,
          y: field[i].money
        });
      }


      var chart = new CanvasJS.Chart("chartContainer", {
        title: {
          text: "JSON from External File"
        },

        data: [{
          type: "line",
          name: "line1",
          dataPoints: dataPointsA
        }, {
          type: "line",
          name: "line2",
          dataPoints: dataPointsB
        }, ]
      });

      chart.render();

    }
  });
})

Answer 1

您忘記從JSON API中選擇統計信息字段。 此外，還需要為圖表設置字段的格式。 PS：圖表不漂亮。 您可能需要重新考慮。

 $(document).ready(function() { var dataPointsA = [] var dataPointsB = [] $.ajax({ type: 'GET', url: 'https://api.myjson.com/bins/1fp11x', dataType: 'json', success: function(field) { field = field.stats; for (var i = 0; i < field.length; i++) { dataPointsA.push({ x: new Date(field[i].day), y: parseInt(field[i].impressions) }); dataPointsB.push({ x: new Date(field[i].day), y: parseInt(field[i].money) }); } var chart = new CanvasJS.Chart("chartContainer", { title: { text: "JSON from External File" }, data: [{ type: "line", name: "line1", dataPoints: dataPointsA }, { type: "line", name: "line2", dataPoints: dataPointsB }, ] }); chart.render(); } }); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script> <div id="chartContainer" style="height: 370px; width: 100%;"></div>