使用chart.js在mysql中使用mysql數據的餅圖

Question

我希望在我的項目中使用charts.js添加餅圖。 我搜索並找到了一些簡單圖表的代碼。我的海圖編 部分低於：

printf('<script type="text/javascript" src="extlib/Chart.js"></script>'); 
printf('<script type="text/javascript" src="extlib/jquery-min.js"></script>'); 
printf('<p style="text-align: center;">'); 
printf('<canvas id="mycanvas" width="256" height="256"></canvas>'); 
printf('<script type="text/javascript">'); 
?> 
    var ctx = $("#mycanvas").get(0).getContext("2d"); 
    var piedata = [ 
    { 
    value:30, 
    color:"green", 
    label:"sta1", 
    labelColor : 'white' 
    }, 
    { 
    value:60, 
    color:"red", 
    label:"sta1", 
    labelColor : 'white' 
    }, 
    { 
    value:50, 
    color:"blue" 
    } 
    ] 

    new Chart(ctx).Pie(piedata); 
    <?php 
    printf('</script>'); 

我能爲動態chart.That做的是價值應該來自MySQL數據庫。 來自DB的數據值數量每次都會有所不同。每個數據值都有特定的顏色。

使用上面的代碼，標籤不可見顯式（僅在鼠標懸停時）。

請給我建議的方式。

Answer 1

遍歷數據從JSON響應來和推數據數組中的

var piedata = []; 
$.each(yourJson,function(i,val){ 
piedata.push({value:val.value,color:val.color,label:val.label,labelColor:val.labelColor }); 
}); 

然後設置新的圖表（CTX）.Pie（piedata）;