Ajax調用在highchart.js

Question

你好所有開發人員:-)

我想問一個問題，有關使阿賈克斯在highchart.js庫調用

我有一些我正在通過返回值基於我給後端（它是一個MVC .NET項目）的信息的Ajax，然後我想在每個div中使用類gainChart呈現一個新圖表（我爲其他目的添加了Ids，所以不要打擾他們:-)）

 var iteratorJs = 0; 
    $(".gainChart").each(function (i) { 
     $(this).attr('id', "gainChart" + (i + 1)); 

      var chart = new Highcharts.Chart({ 
       chart: { 
        renderTo: this, 
        type: 'line', 
        margin: 0, 
        backgroundColor: 'rgba(255,255,255,0.3)' 
       }, 
       colors: ['#2E5430'], 
       xAxis: { 
        lineWidth: 0, 
        minorGridLineWidth: 0, 
        lineColor: 'green', 
        //type: 'datetime', 
        labels: { 
         enabled: false 
        }, 
        categories: [ 
         $.ajax({ 
          type: "POST", 
          url: "forex-copy-points-days", 
          data: { page: 0, perPage: 5, iterator: iteratorJs }, 
          dataType: 'json', 
          async: false, 
          success: function (data) { 
           var daysArr = data.days; 
           JSON.stringify(daysArr); 
           categories = daysArr; 
           console.log(daysArr); 
          } 
         }) 
        ] 
       }, 
       tooltip: { 
        formatter: function() { 
         var text = ''; 
         text = this.y + '$'; 
         return text; 
        } 
       }, 
       credits: { enabled: false }, 
       title: { text: null }, 
       legend: { 
        enabled: false 
       }, 
       plotOptions: { 
        series: { 
         stacking: 'normal', 
         pointWidth: 10 
        } 
       }, 
       series: [{ 
        name: 'Balance', 
        showInLegend: true, 
        legendMarkerColor: "green", 
        legendText: "Profit for account", 
        data: [ 
         $.ajax({ 
          type: "POST", 
          url: "forex-copy-points-balance", 
          data: { page: 0, perPage: 5, iterator: iteratorJs }, 
          dataType: 'json', 
          async: false, 
          success: function (balances) { 
           var balArr = balances.balances; 
           JSON.stringify(balArr); 
           data = balArr; 
           console.log(balArr); 
          } 
         }) 
        ] 
       }], 
       exporting: { 
        enabled: false 
       }, 
       responsive: { 
        rules: [{ 
         condition: { 
          maxWidth: 600 
         }, 
         chartOptions: { 
          legend: { 
           enabled: false 
          } 
         } 
        }] 
       } 
      }); 
      iteratorJs++;   
     }); 

返回的數據是因爲它應該是（differen t字符串），但沒有任何顯示 - 只有圖表的背景。有人可以給我一個線索如何解決這個問題，以及爲了解決我的問題需要改變什麼。

提前致謝！

Answer 1

jQuery $.ajax方法調用不會返回此調用產生的數據，因此您不能編寫myData = $.ajax()。你必須使用success回調來獲取數據，然後然後使用它。因此，例如，而不是寫這個

：

categories: [ 
    $.ajax({ 
     type: "POST", 
     url: "forex-copy-points-days", 
     data: { page: 0, perPage: 5, iterator: iteratorJs }, 
     dataType: 'json', 
     async: false, 
     success: function (data) { 
      var daysArr = data.days; 
      JSON.stringify(daysArr); 
      categories = daysArr; 
      console.log(daysArr); 
     } 
    }) 
] 

你應該寫這樣的事：

$.ajax({ 
    type: "POST", 
    url: "forex-copy-points-days", 
    data: { page: 0, perPage: 5, iterator: iteratorJs }, 
    dataType: 'json', 
    async: false, 
    success: function (data) { 
     // create graph from AJAX call results 
     var chart = new Highcharts.Chart({ 
      xAxis: { 
       categories: JSON.stringify(data.days) 
      }, 
      series: [{ 
       data: JSON.stringify(balances.balances) 
      }] 
     }); 
    } 
});