Cara membuat pie chart di javascript menggunakan nilai database

PHP adalah salah satu bahasa skrip sisi server yang paling umum digunakan pengembang di seluruh dunia untuk pengembangan web. Ketika datang untuk membuat grafik PHP menggunakan data yang terdapat dalam database, sebagian besar pengembang lebih memilih database MySQL. MySQL, RDBMS (Sistem Manajemen Basis Data Relasional) sumber terbuka, membantu mengotomatiskan proses pengambilan data. Menggunakan PHP dan MySQL bersama-sama, pengembang dapat membangun hampir semua jenis situs web, sederhana atau kompleks. Misalnya, Anda dapat membuat diagram lingkaran di PHP dan MySQL untuk menampilkan data proporsi/relatif di situs web/aplikasi web Anda

Apakah Anda ingin membuat grafik PHP? . Tapi itu tidak sesulit yang Anda pikirkan jika Anda menggunakan pustaka pembuatan bagan yang efisien. Pada artikel ini, kami akan menunjukkan kepada Anda cara membuat diagram lingkaran di PHP MySQL dan mengapa FusionCharts adalah alat bagan PHP terbaik

Daftar isi

Mengapa Membuat Pie Chart Di PHP Dan MySQL?

Cara membuat pie chart di javascript menggunakan nilai database

Diagram lingkaran pada dasarnya adalah grafik lingkaran, di mana lingkaran dibagi menjadi irisan atau sektor yang berbeda. Setiap irisan dalam bagan menunjukkan proporsi dari keseluruhan. Anda dapat menggunakan bagan ini untuk mewakili data kategorikal dan hubungan bagian-ke-keseluruhan

Saat membuat diagram pai PHP, Anda bisa mendapatkan data untuk bagan secara statis dengan menentukan data selama pembuatan bagan. Namun, cara yang efisien adalah mengambil data secara dinamis dari sumber lain seperti MySQL. Dengan cara ini, bagan Anda akan selalu menampilkan data terkini. Meskipun ada beberapa database untuk pengembangan web berbasis PHP, MySQL adalah DBMS paling populer untuk PHP

Berikut adalah beberapa alasan mengapa sebagian besar pengembang PHP lebih memilih MySQL

  • Menyediakan cara mudah untuk menyimpan data situs web
  • Membantu mengotomatiskan proses pengambilan data
  • Buat aplikasi web yang sangat interaktif
  • Hemat biaya dan fungsional
  • Performa unggul
  • Sumber terbuka
  • Perawatan cepat dan mudah
  • Kompatibel dengan hampir semua server modern, seperti Apache dan IIS

Mengapa Menggunakan FusionCharts Untuk Membuat Pie Chart Di PHP dan MySQL?

Ada banyak pustaka grafik JavaScript sumber terbuka yang dapat Anda gunakan untuk membuat diagram lingkaran di PHP MySQL. Namun, kebanyakan dari mereka sulit digunakan. Selain itu, sebagian besar alat pembuatan bagan hanya mendukung gambar statis bagan dengan resolusi rendah. Jika Anda mencari pustaka grafik PHP yang kuat dan mudah digunakan, FusionCharts adalah pilihan terbaik. FusionCharts adalah pustaka pembuatan bagan JavaScript terkemuka yang mampu merender bagan/grafik yang indah dan interaktif di browser

Jika Anda ingin membuat diagram lingkaran JavaScript di PHP, Anda dapat menggunakan modul PHP untuk FusionCharts. FusionCharts juga mendukung berbagai integrasi front-end. Karenanya, Anda juga dapat menggunakannya untuk membuat bagan pai sudut atau bagan pai Bereaksi

Berikut adalah fitur utama dari modul PHP untuk FusionCharts

Dapatkah Anda Menghubungkan Bagan Secara Langsung Ke Basis Data Pilihan Anda?

Dengan modul PHP untuk FusionCharts, Anda tidak perlu khawatir tentang metode dan objek JavaScript. Anda cukup menulis aplikasi Anda dalam PHP asli atau kerangka kerja PHP utama lainnya, seperti Laravel, Symphony, atau CodeIgniter, dan dengan mudah mengambil data dari database SQL Anda, termasuk MySQL, dan langsung membuat bagan dinamis dan interaktif

Apakah Ini Mendukung Berbagai Bagan dan Grafik?

Modul PHP FusionCharts memungkinkan Anda membuat lebih dari 150 bagan fungsional untuk aplikasi web Anda. Ini termasuk diagram lingkaran, diagram garis, diagram batang, diagram kolom, diagram area, diagram Gantt, dan banyak lagi

Modul PHP juga dilengkapi dengan dukungan acara untuk keyboard, mouse, dan lainnya. Fitur ini memungkinkan Anda menambahkan bagan dan grafik selama fase siklus hidup apa pun dari aplikasi Anda

Apakah Ini Memungkinkan Anda Membuat Grafik Interaktif?

Bagan interaktif membuat visualisasi lebih mudah dipahami, yang pada gilirannya membantu membuat keputusan yang tepat. Dengan FusionCharts, Anda dapat membuat bagan yang sangat interaktif yang responsif di semua ukuran layar

FusionCharts mendukung sejumlah interaksi pengguna

  • Zooming (memperbesar dan memperkecil)
  • Menggeser
  • Bagan yang dapat diseret
  • Memungkinkan pengguna untuk beralih di antara nilai pada bagan atau grafik
  • Tambahkan perincian ke bagan Anda
  • Tampilkan atau sembunyikan seri data di bagan kolom dan banyak lagi

Bisakah Anda Membuat Grafik Langsung Dengan Modul PHP Untuk FusionCharts?

Modul PHP untuk FusionCharts mendukung pembaruan waktu nyata atau bagan langsung. Bagan ini diperbarui secara otomatis setelah interval tertentu untuk menampilkan data waktu nyata

Apakah Ini Memungkinkan Anda Mengekspor Bagan dan Dasbor?

Meskipun sebagian besar pustaka pembuatan bagan tidak memungkinkan Anda untuk mengekspor dasbor lengkap, pembuat bagan PHP FusionCharts menawarkan fitur ini. Ini memungkinkan Anda untuk mengekspor dasbor langsung penuh dalam berbagai format, seperti PDF dan gambar. Anda juga dapat dengan mudah menambahkan elemen baru ke dasbor yang diekspor, seperti logo, warna, dan tabel

Jenis Bagan Pie PHP Apa yang Dapat Saya Buat Dengan FusionCharts?

Apakah Anda ingin membuat diagram lingkaran keuangan atau diagram lingkaran 2D/3D, FusionCharts mendukung berbagai diagram lingkaran

Pai dalam 2D ​​dan 3D

Bagan pai 2D atau 3D sangat bagus untuk merepresentasikan bagian konstituen sebagai bagian dari keseluruhan. Bagan pai 3D pada dasarnya menambahkan kedalaman ke bagan pai biasa dan membuatnya menarik secara visual

Pai Bersarang dalam 2D

Cara membuat pie chart di javascript menggunakan nilai database

Bagan pai 2D bersarang adalah bagan pai multilevel. Anda dapat membuat grafik PHP ini untuk merepresentasikan struktur pohon simetris dan asimetris

Donat dalam 2D/3D

Bagan pai donat 2D atau 3D sangat bagus untuk menggambarkan bagian konstituen sebagai bagian dari keseluruhan. Namun, ini juga memungkinkan pengguna untuk mengiris berbagai komponen/sektor diagram lingkaran

Bagaimana Saya Bisa Membuat Pie Chart Di PHP dan MySQL Menggunakan FusionCharts?

Dengan FusionCharts, Anda dapat membuat diagram lingkaran di PHP MySQL dengan menggunakan metode string data atau metode URL data

Di sini, kami akan membuat diagram lingkaran sampel untuk mewakili "Produksi oleh Pabrik" menggunakan metode string data. Database hanya berisi dua tabel, yaitu “Factory_Master” untuk menyimpan nama dan ID pabrik dan “Factory_Output” untuk menyimpan jumlah unit yang diproduksi pabrik pada tanggal tertentu

Berikut adalah langkah-langkah utama untuk membuat diagram lingkaran di PHP MySQL

  1. Pertama, kita perlu menyertakan FusionCharts. kelas JavaScript js dan FusionCharts. php. Ini akan membantu menyematkan bagan dengan mudah
  2. Selanjutnya, sertakan DBConn. php untuk terhubung ke database
  3. Hasilkan dokumen XML dan simpan dalam variabel strXML
  4. Render Bagan 3D Pai dengan data dari $strXML

Berikut adalah contoh kode untuk membuat diagram lingkaran

<?php
      //We've included ../Includes/FusionCharts.php and ../Includes/DBConn.php, which contains
      //functions to help us easily embed the charts and connect to a database.
      include("../Includes/FusionCharts.php");
      include("../Includes/DBConn.php");
      ?>
      <HTML>
         <HEAD>
        <TITLE>FusionCharts - Database Example</TITLE>
        http://../../FusionCharts/FusionCharts.js
     </HEAD>
     <BODY>
     <CENTER>
     <?php   
   //In this example, we show how to connect FusionCharts to a database.
   //For the sake of ease, we've used a MySQL database containing two
   //tables.
   //Connect to the DB
   $link = connectToDB();
   //$strXML will be used to store the entire XML document generated
   //Generate the chart element
     $strXML = "<chart caption='Factory Output report' subCaption='By Quantity' pieSliceDepth='30' showBorder='1' formatNumberScale='0' numberSuffix=' Units'>";
   //Fetch all factory records
     $strQuery = "select * from Factory_Master";
     $result = mysql_query($strQuery) or die(mysql_error());
   //Iterate through each factory
       if ($result) {
          while($ors = mysql_fetch_array($result)) {
          //Now create a second query to get details for this factory
           $strQuery = "select sum(Quantity) as TotOutput from Factory_Output where FactoryId=" . $ors['FactoryId'];
           $result2 = mysql_query($strQuery) or die(mysql_error()); 
           $ors2 = mysql_fetch_array($result2); 
          //Generate <set label='..' value='..'/>
           $strXML .= "<set label='" . $ors['FactoryName'] . "' value='" . $ors2['TotOutput'] . "' />";
          //free the resultset
           mysql_free_result($result2);
          }
     }
           mysql_close($link);
           //Finally, close <chart> element
           $strXML .= "</chart>";
           //Create the chart - Pie 3D Chart with data from $strXML
           echo renderChart("../../FusionCharts/Pie3D.swf", "", $strXML, "FactorySum", 600, 300, false, true);
        ?>
  </BODY>
</HTML>

Kode di atas akan membuat bagan berikut

Cara membuat pie chart di javascript menggunakan nilai database

Jika Anda ingin mempelajari cara membuat bagan PHP MySQL menggunakan metode URL data, lihat artikel ini

 

Siap membuat diagram lingkaran di PHP MySQL dengan mudah?

Pilihan Teratas Kami

Unduhan uji coba gratis

Jelajahi FusionCharts

Beli Bundel FusionCharts

Baca Kisah Sukses kami

Tag

  • FusionChart
  • Pembungkus PHP FusionCharts
  • mysql
  • Bagan PHP
  • grafik php
  • Diagram lingkaran PHP MySQL

Bagikan.

Bagikan di Twitter

Bagikan di Facebook

Bagikan di LinkedIn

Tingkatkan visualisasi data Anda ke tingkat yang benar-benar baru

Dari kolom ke donat dan radar ke gantt, FusionCharts menyediakan lebih dari 100+ bagan interaktif & 2.000+ peta berbasis data untuk membuat dasbor dan laporan Anda lebih berwawasan

Bagaimana Anda membuat diagram lingkaran dengan nilai?

Klik Sisipkan > Bagan. .
Klik Pai, lalu klik dua kali bagan pai yang Anda inginkan
Di spreadsheet yang muncul, ganti data placeholder dengan informasi Anda sendiri. .
Setelah selesai, tutup spreadsheet
Klik bagan lalu klik ikon di samping bagan untuk menambahkan sentuhan akhir

Bisakah Anda membuat diagram lingkaran dengan data kategorikal?

Data kategoris atau nominal. cocok untuk diagram lingkaran . Irisan dalam pai biasanya mewakili persentase dari total. Dengan data kategorikal, sampel sering dibagi menjadi beberapa kelompok dan tanggapan memiliki urutan yang jelas.

Bagaimana cara membuat diagram lingkaran menggunakan node js?

Diagram Lingkaran .
Kami sekarang akan mulai mengkodekan bagan LightningChart kami. Buka file “PieChart. ts” dan impor file JSON kita
Impor perpustakaan LightningChart JS
Sekarang kita akan menambahkan kondisi singkat
Untuk menyelesaikannya, kami akan menetapkan nilai ke label grafik kami
Terakhir, kami akan menjalankan perintah npm_start

Bagaimana cara membuat bagan khusus dalam JavaScript?

Panduan membuat bagan yang disesuaikan dengan mudah menggunakan Bagan. .
Step1: Import chart.js file .
Langkah 2. HTML — bagan akan muncul di kanvas
Langkah3. JavaScript — sesuaikan data dan tata letak bagan. Pilih DOM bagan Anda