Machine-Learning-KNN/chart.php at master · HIMIFDA/Machine-Learning-KNN · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<?php

$query   = mysqli_query($conn,"SELECT * FROM datasets WHERE d_o = '1' ") or die(mysqli_error($conn));
$set1    = mysqli_num_rows($query);

$query1  = mysqli_query($conn,"SELECT * FROM datasets WHERE d_o = '0' ") or die(mysqli_error($conn));
$set2    = mysqli_num_rows($query1);

$query2  = mysqli_query($conn,"SELECT * FROM datasets WHERE ipk < '3.0' AND id_penghasilan <= '3' ") or die(mysqli_error($conn));
$set3    = mysqli_num_rows($query2);


?>
<div class="row">
    <!-- Page Header -->
      <div class="col-lg-12">
         <h1 class="page-header">Grafik Prediksi Pengunduran Diri</h1>
           </div>
    <!--End Page Header -->
        </div>

       <div class="row">
         <!-- Welcome -->
           <div class="col-lg-12">
             <div class="panel panel-primary">
                        <div class="panel-heading">
                             Grafik Prediksi Pengunduran Diri
                        </div>
                        <div class="panel-body">


                          <center>
                          <h4><b>Mengundurkan Diri : <?php echo $set1; ?> </b></h4><h4><b>Peluang Mengundurkan Diri : <?php echo $set3; ?> </b></h4><h4><b>Tidak Mengundurkan Diri : <?php
                          $cal = $set2 - $set3;
                          echo $cal; ?> </b></h4>
                          <canvas id="piechart" width="400" height="400"></canvas>
                          </center>
                          <table align="right">
                            <tr>
                                 <th>Keterangan : </th>
                             </tr>
                             <tr>
                                <td><button class="btn btn-danger btn-sm"></button></td><td>:</td><td>&nbsp;Jumlah Mengundurkan Diri</td>
                             </tr>
                              <tr>
                                <td><button class="btn btn-warning btn-sm"></button></td><td>:</td><td>&nbsp;Jumlah Peluang Mengundurkan Diri</td>
                             </tr>
                              <tr>
                               <td><button class="btn btn-primary btn-sm"></button></td><td>:</td><td>&nbsp;Jumlah Tidak Mengundurkan Diri</td>
                             </tr>
                          </table>

                       </div>

            </div>
         </div>
    <!--end  Welcome -->
 </div>
 <script type="text/javascript" src="node_modules/chart.js/dist/Chart.js"></script>
 <script type="text/javascript" src="node_modules/chart.js/dist/Chart.min.js"></script>
 <script type="text/javascript" src="node_modules/chart.js/dist/Chart.bundle.js"></script>
 <script type="text/javascript" src="node_modules/chart.js/src/core/core.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>


 <script type="text/javascript">
    var ctx = document.getElementById("piechart").getContext("2d");
    var pieData = [
      {
          value: <?php echo $set1; ?>,
          color: "#d43f3a",
          highlight: "#d9534f",
          label: "DO"
      },
      {
          value : <?php echo $cal; ?>,
          color: "#46b8da",
          highlight:"#5bc0de",
          label: "NOT DO"
      },
      {
          value : <?php echo $set3; ?>,
          color: "#eea236",
          highlight:"#f0ad4e",
          label: "proba"
      }

    ];
    var options = {
      animateScale: true
    };

    var myNewChart = new Chart(ctx).Pie(pieData,options);

 </script>