Php canvasjs饼图从mysql获取数据

Php canvasjs饼图从mysql获取数据,php,mysql,canvasjs,Php,Mysql,Canvasjs,我怎样才能制作一个饼图来计算一门课程中有多少学生被一位学者录取的百分比?谢谢 这是我的JS $(文档).ready(函数(){ 像这样格式化数据 假设$records包含您的数据: $.getJSON("data.php", function (result) { var chart = new CanvasJS.Chart("chartContainer", { animationEnabled:

我怎样才能制作一个饼图来计算一门课程中有多少学生被一位学者录取的百分比?谢谢

这是我的JS $(文档).ready(函数(){


像这样格式化数据

假设$records包含您的数据:

            $.getJSON("data.php", function (result) {

                var chart = new CanvasJS.Chart("chartContainer", {
                    animationEnabled: true,
                    exportEnabled: true,
                    data: [
                        {
                            type: "pie",
                            showInLegend: "true",
                            legendText: "{label}",
                            indexLabelFontSize: 16,
                            indexLabel: "{label} - #percent%",
                            yValueFormatString: "฿#,##0",
                            dataPoints: result
                        }
                    ]
                });

                chart.render();
            });
        });
Js部分:

$data=array();
foreach ($records as $record) {
    $data[] = array(
        "label"=>$record["student_name"],
        "y"=>$record['course'], //percentage value
    );
}
echo json_encode($data);

我还加了一句
$data=array();
foreach ($records as $record) {
    $data[] = array(
        "label"=>$record["student_name"],
        "y"=>$record['course'], //percentage value
    );
}
echo json_encode($data);
var chart = new CanvasJS.Chart("chartContainer", {
                title:{
                    text: "Monthly User work details"              
                },
                data: [              
                {
                    // Change type to "doughnut", "line", "splineArea", etc.
                    type: "pie",
                    showInLegend: "true",
                    legendText: "{label}",
                    indexLabelFontSize: 16,
                    indexLabel: "{label} - #percent%",
                    yValueFormatString: "฿#,##0",
                    dataPoints: JSON.parse(result)
                }
                ]
            });
            chart.render();