Scribd Logo
Upload

Welcome to Scribd!

  • Exam

    Uploaded by

    Asma EL Balfyqy
    13 views3 pages

    Original Title

    exam

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views3 pages

    Exam

    Uploaded by

    Asma EL Balfyqy

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Université Cadi Ayyad Faculté des Sciences Semlalia

    de Marrakech (FSSM)

    Exam Les graphes des


    etudiant selon leur diplome

    Module : Programmation Préparer par :


    PHP avancée
    EL BALFYQY ASMA
    Filière: LP--‐TW
    Prof: Ahmed EL OIRRAK

    Année Universitaire
    2022/2023
    Crud php native :

    Utilisation de Pie chart pour afficher le graphe des etudiant selon leur dilome:

    Code du gaphe :

    <?php
     include("connexion.php");
     connexion();
     $result = mysqli_query($conn,"SELECT diplome , count(*) as nbr FROM student
    group by diplome");
     $i=1;
     while($row = mysqli_fetch_array($result)) {
    $dataPoints []= array("label"=>$row["diplome"], "y"=>$row["nbr"]);

    }
    ?>
    <!DOCTYPE HTML>
    <html>
    <head>
    <script>
    window.onload = function() {
     
     
    var chart = new CanvasJS.Chart("chartContainer", {
        animationEnabled: true,
        title: {
            text: "Graphe des etudiant selon leur diplome"
        },
        subtitles: [{
            text: "janvier 2023"
        }],
        data: [{
            type: "pie",
            yValueFormatString: "#,##0.00\"%\"",
            indexLabel: "{label} ({y})",
            dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?
    >
        }]
    });
    chart.render();
     
    }
    </script>
    </head>
    <body>
    <div id="chartContainer" style="height: 370px; width: 100%;"></div>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
    </body>
    </html>        

    You might also like