Php 带有动态json数据的Morris甜甜圈图表
我使用的是morris donuy图表,我想我无法正确地将json数组数据传递给jquery。这是我的php文件:Php 带有动态json数据的Morris甜甜圈图表,php,jquery,ajax,json,donut-chart,Php,Jquery,Ajax,Json,Donut Chart,我使用的是morris donuy图表,我想我无法正确地将json数组数据传递给jquery。这是我的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
$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'
});
}
});
});
您传递数据的格式不正确。 根据莫里斯甜甜圈文件 要绘制的数据。这是一个对象数组,包含
标签
和
值
与段的标签和大小相对应的属性
甜甜圈图表的一部分
您传递数据的格式不正确。根据Moris甜甜圈文档,数据将被绘制出来。这是一个对象数组,包含
标签
和值
属性,这些属性对应于圆环图的标签和各段的大小。是的,如果我更改了格式,它正在工作,您可以添加作为响应,以接受它,如果您想要上面的代码是您的解决方案@chris227?