$type=carousel$cols=3

Membuat Diagram Lingkaran Database MySQL

CARA MEMBUAT DIAGRAM LINGKARAN ( PIE ) DENGAN PHP DAN DATABASE MYSQL

Membuat Diagram Lingkaran Database MySQL
Diagram Lingkaran Organisasi Kesenian
Selamat Datang di Blog Orang IT . Postingan saya sebelumnya membahas bagaimana membuat Diagram Batang dengan PHP dan MySql . Postingan kali ini masih dengan Database yang sama saya akan membahas Cara membuat Diagram Lingkaran Pie dengan PHP dan database MySql .
Diagram lingkaran ini fungsinya untuk menampilkan data yang sifatnya tidak pasti jadi dilambangkan dalam format persen %.

Diagram Pie adalah gambaran grafik informasi kuantitatif menggunakan lingkaran yang dibagi menjadi beberapa sektor yang ukuran relatifnya sesuai dengan proporsi kuantitas. Pada dasarnya, diagram ini menampilkan hubungan persentase antar bagian dibandingkan dengan keseluruhan.

Bahan :

1. Database MySQL saya menggunakan XAMPP
2. Editor Text saya menggunakan Notepad++
3. Web Browser
4. Plugin HighCart dan JQuery saya sediakan link paling bawah

Soal :

Disini saya mempunyai Database dengan nama Registerkesenian yang berisikan Tabel Seniman yang ada di wilayah Kabupaten Kediri . Saya akan membuat Grafik yang mampu menampilkan Jumlah Total Organisasi Kesenian yang ada di Kabupaten Kediri berdasarkan Kategori kesenian ( Jaranan, Kuda Lumping , Tari ) dalambentuk persentase . Tugas saya kemaren
Berikut cara mudah membuat Diagram Batang Organisasi Kesenian di Kabupaten Kediri dengan database Register kesenian MySQL :
1. Buat Database dengan Nama Registerkesenian dan Tabel Seniman , jangan lupa untuk mengisikan Data seniman dan dibagian field namaorga pastikan terdapat kata tari , jaranan dan kuda lumping berikut desain databasenya 
Membuat Diagram Lingkaran Database MySQL
Isi Tabel Seniman
Membuat Diagram Lingkaran Database MySQL
Field Tabel Seniman
2. Buka Notepad++ buat file dengan Nama Index.php
 // Buat Koneksi 
<?php
    $host = 'localhost';
    $user = 'root';
    $pass = '';
    $db = 'registerkesenian';

    $conn = mysql_connect($host, $user, $pass);
    mysql_select_db($db, $conn);
?>
 
// Load Jquery           
            <div id="tooplate_main">
                <script type="text/javascript" src="js/jquery1.min.js"></script>
        <script type="text/javascript">
        $(function () {

            $(document).ready(function () {
 
 // Buat diagram lingkaran  
                $('#container').highcharts({
                    chart: {
                        plotBackgroundColor: null,
                        plotBorderWidth: null,
                        plotShadow: false
                    },
                    title: {
                        text: 'Jumlah Organisasi Seniman'
                    },
                    tooltip: {
 
// Tampilkan dalam bentuk persen  
                        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: false
                            },
                            showInLegend: true
                        }
                    },
                    series: [{
                        type: 'pie',
                        name: 'Data Check List',
                        data: [
 
// Query Perbatang untuk menampilkan data berdarkan kategori yang dipilih  
                        ['Jaranan',   <?php
                                        $result = mysql_query("SELECT * FROM seniman WHERE namaorga like '%jaranan%' ");
                                        $num_rows = mysql_num_rows($result);
                                        echo $num_rows; ?>.0],
                        ['Kuda Lumping',   <?php
                                        $result = mysql_query("SELECT * FROM seniman WHERE namaorga like '%kuda%'");
                                        $num_rows = mysql_num_rows($result);
                                        echo $num_rows; ?>.0],
                        ['Tari',   <?php
                                        $result = mysql_query("SELECT * FROM seniman WHERE namaorga like '%tari%'");
                                        $num_rows = mysql_num_rows($result);
                                        echo $num_rows; ?>.0],
                        ['Helmy',   <?php
                                        $result = mysql_query("SELECT *  FROM seniman WHERE namaorga like '%helmy%'");
                                        $num_rows = mysql_num_rows($result);
                                        echo $num_rows; ?>.0],
                        ]
                    }]
                });
            });

        });
                </script>
    </head>
    <body>
// Supaya tampilanya 3D gunakan plugin Highcart  
<script src="js/highcharts.js"></script>

<div id="container" style="min-width: 310px; height: 400px; max-width: 900px; margin: 0 auto"></div>
 3. Hasilnya seperti gambar dibawah :
Membuat Diagram Lingkaran Database MySQL
Diagram Lingkaran Organisasi Kesenian

Membuat Diagram Lingkaran Database MySQL
Diagram Lingkaran Organisasi Kesenian 2
Hasilnya seperti gambar diatas , tentunya menggunakan plugin highcart agar hasilnya bagus dan 3D . Jika anda ingin mencoba silahkan Download Diagram Lingkaran PHP helmykkediri lengkap dengan Plugin Highcart + Database dan JQuery melalui link dibawah ini


Demikian pembahasan mengenai Tutorial membuat Diagram Lingkaran dengan PHP dan database MySql semoga bermanfaat silahkan di kreasikan menurut kepentingan masing-asing . Jika ada yang mau menambah silahkan cantumkan pada komentar dibawah . Terimakasih


Follow Blog Orang IT dan Like FansPage helmykkediri serta untuk Donasi kepada Admin jangan lupa klik iklan yang ada di blog ini sekian dan terimakasih

COMMENTS

BLOGGER: 9
Loading...
Nama

Android,3,Blog,350,Info,214,Islami,43,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Membuat Diagram Lingkaran Database MySQL
Membuat Diagram Lingkaran Database MySQL
https://1.bp.blogspot.com/-p3XXIvGJ17Y/VrAbHRemURI/AAAAAAAACyA/tEbtIJ27CfI/s320/grafik1.PNG
https://1.bp.blogspot.com/-p3XXIvGJ17Y/VrAbHRemURI/AAAAAAAACyA/tEbtIJ27CfI/s72-c/grafik1.PNG
BLOG ORANG IT 2017
http://www.helmykkediri.com/2016/02/membuat-diagram-lingkaran-database-mysql_81.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2016/02/membuat-diagram-lingkaran-database-mysql_81.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy