Jika ingin jajan cemilan silahkan klik disini Klik aku

Cara Membuat Chart Berdasarkan Nilai

Ilham Idfiana

 Chart Nilai


Chart Grafik
Pada gambar diatas adalah salah satu kasus membuat chart berdasarkan nilai, contoh yang saya ambil yaitu nilai IPK
contoh nilai A sebanyak 5, B sebanyak 8, dan C 2. untuk D dan T 0

maka buatlah code seprti dibawah ini :
<!DOCTYPE html>
<html>
<head>
  <title>Nilai Dari SIAK</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>
</head>
<body>
  <canvas id="myChart"></canvas>
  <script>
    var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
      type: 'pie',
      data: {
        labels: ['A', 'B', 'C', 'D', 'T'],
        datasets: [{
          data: [4, 8, 2, 0, 0],
          backgroundColor: ['#556B2F', '#F0F8FF', '#8A2BE2', '#8B0000', '#000000']
        }]
      }
    });
  </script>
</body>
</html>

pada kode diatas saya menggunakan template js chart, dan Labels pada kode diatas dapat diubah berdasarkan aturan nilai. dan hasil nya dapat dilihat pada gambar diatas.

Terima kasih



إرسال تعليق

Kue Konsen
Di blog ini dibutuhkan kue
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.