使用來自AJAX/JSON的數據填充Highcharts系列

我有一個容器<div class="statsrep"></div>，我想顯示我的圖表/圖形。我想用來自AJAX/JSON的數據填充圖表的數據，但它似乎不起作用。圖表給我這個（在類別/日期仔細看）：使用來自AJAX/JSON的數據填充Highcharts系列

enter image description here

怎麼可能是這個原因嗎？

的AJAX/JSON的反應是：

{ 
    "dates": "'2014-01-06','2014-01-07','2014-01-08','2014-01-09','2014-01-12','2014-01-13','2014-01-14','2014-01-15','2014-01-16','2014-01-19','2014-01-20','2014-01-21','2014-01-22','2014-01-23','2014-01-26'", 
    "leadsTotal": "260,474,689,851,1104,1268,1439,1588,1726,2021,2216,2395,2587,2756,3002", 
    "leadQuote": "11,12,12,14,14,15,15,15,16,14,15,16,15,15,15", 
    "salesConv": "3,4,5,6,6,6,6,6,6,5,6,6,5,5,5", 
    "totalIMU": "15418.95,21875.09,32555.79,41962.11,53790.88,59817.54,64005.61,72176.84,74874.39,83949.47,98021.05,106736.84,109518.60,117886.32,124241.40", 
    "vpl": "59.30,46.15,47.25,49.31,48.72,47.17,44.48,45.45,43.38,41.54,44.23,44.57,42.33,42.77,41.39" 
}

，這裏是我的AJAX請求：

var date = $('#frankdate').val(); 
var aff = $('#affID').val(); 

$.ajax({ 
    type: 'post', 
    url: 'graphMerchantTotal.php', 
    dataType: "json", 
    data: { 
     merchant:"frank", 
     date: date, 
     aff: aff 
    }, 
    success:function(json){ 
     $('#statsrep').highcharts({ 
      title: { 
       text: 'Frank Daily Stats', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: 'Overall Total', 
       x: -20 
      }, 
      xAxis: { 
       categories: json.dates 
      }, 
      yAxis: { 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080' 
       }] 
      }, 
      tooltip: { 

      }, 
      legend: { 
       layout: 'horizontal', 
       align: 'center', 
       verticalAlign: 'bottom', 
       borderWidth: 0 
      }, 
      series: [{ 
       name: 'Leads', 
       data: json.leadsTotal 
      }, { 
       name: 'Lead to Quote (%)', 
       data: json.leadQuote 
      }, { 
       name: 'Sale Conversion (%)', 
       data: json.salesConv 
      }, { 
       name: 'Total After IMU', 
       data: json.totalIMU 
      }, { 
       name: 'VPL', 
       data: json.vpl 
      }] 
     }); 
    } 
});

來源

2014-01-29 maikelsabido

來自AJAX請求的響應文本應該返回一個字符串，所以您首先必須在javascript可以將其用作實際對象之前eval（）該字符串。 – jbwebtech

您需要使用數字數組中的系列，但在你的情況你只有字符串用逗號分隔。您需要使用split（）函數並將其推入新數組，然後在高圖中使用。

來源

2014-01-29 11:25:07

謝謝，我已經使用split，然後將它們映射爲數值。 – maikelsabido

它是有道理的，祝你好運 –

使用來自AJAX/JSON的數據填充Highcharts系列

回答

相關問題