莫里斯甜甜圈圖與動態json數據

Question

我使用morris donuy圖表，我無法將我的json數組數據傳遞給我認爲的jquery corectly。這是我的PHP文件：

$stmt=$dbh->prepare("Select COUNT(Incasari.id_produs) as cnt,Incasari.id_produs,denumire_produs from Incasari 
        INNER JOIN Produse on Produse.id_produs=Incasari.id_produs Group By Incasari.id_produs order by cnt desc limit 3 "); 
$stmt->execute(); 

while ($row=$stmt->fetch()) 
{ 
    $arr[]= array(
     'id' => ''.$row['id_produs'].'', 
     'denumire' => ''.$row['denumire_produs'].'', 
     'cnt' => ''.$row['cnt'].'' 
    ); 

} 
echo json_encode($arr); 

返回的結果是：

[{"id":"3","denumire":"bere","cnt":"5"}, 
{"id":"1","denumire":"Suc","cnt":"3"}, 
{"id":"2","denumire":"pepsi","cnt":"2"}] 

和JavaScript部分：

$(document).ready(function(){ 
    $.ajax({ 
     url: 'app/chart_produse.php', // getchart values 
     dataType: 'JSON', 
     type: 'POST', 
     data: {get_values: true}, 
     success: function(response) { 
      var donut = new Morris.Donut({ 
       element: 'sales-chart', 
       resize: true, 
       colors: ["#3c8dbc", "#f56954", "#00a65a"], 
       data: response, 
       hideHover: 'auto' 
      }); 
     } 
    }); 
}); 

Answer 1

你傳遞數據的格式是不正確的。 http://morrisjs.github.io/morris.js/donuts.html 根據Moris甜甜圈文檔

要繪製的數據。這是一個對象數組，其中包含label和 value屬性，對應於圓環圖的分段 的標籤和大小。