Rumah > Artikel > pembangunan bahagian belakang > Buat carta dan laporan visual menggunakan PHP dan ECharts
Dengan kemunculan era data besar, visualisasi data telah menjadi alat penting untuk membuat keputusan korporat. Pelbagai alat visualisasi data yang aneh muncul tanpa henti, antaranya ECharts telah mendapat perhatian dan aplikasi yang meluas kerana fungsinya yang berkuasa dan pengalaman pengguna yang baik. Sebagai bahasa bahagian pelayan arus perdana, PHP juga menyediakan pemprosesan data yang kaya dan fungsi paparan carta. Artikel ini akan memperkenalkan cara menggunakan PHP dan ECharts untuk mencipta carta dan laporan visual.
ECharts ialah perpustakaan carta visual sumber terbuka Ia dibangunkan oleh jabatan teknologi bahagian hadapan Baidu dengan tujuan menyediakan pembangun web yang mudah dan cara pantas untuk membangunkan Alat yang sangat baik untuk menggambarkan carta. Ia menyokong ciri berikut:
PHP ialah bahasa bahagian pelayan yang digunakan secara meluas Ia menyediakan banyak pemprosesan data dan fungsi output yang diformatkan untuk menyediakan Visualisasi data yang baik asas. Berikut ialah beberapa fungsi PHP yang biasa digunakan:
(1) mysqli_connect() fungsi: Sambung ke pangkalan data MySQL
Kod contoh:
$servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; // 创建连接 $conn = mysqli_connect($servername, $username, $password, $dbname); // 检测连接 if (!$conn) { die("Connection failed: " . mysqli_connect_error()); }
(2) mysqli_query() fungsi: Laksanakan pertanyaan MySQL
Kod sampel:
$sql = "SELECT id, name, age FROM myTable"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // 输出数据 while($row = mysqli_fetch_assoc($result)) { echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. "<br>"; } } else { echo "0 结果"; }
(3) fungsi json_encode(): Tukar tatasusunan PHP kepada format JSON
Kod sampel:
$data = array('name'=>'John', 'age'=>30, 'city'=>'New York'); echo json_encode($data);
The fungsi di atas hanyalah sebahagian kecil daripada fungsi pemprosesan data yang disediakan oleh PHP Mengikut keperluan sebenar, fungsi lain juga boleh digunakan untuk pemprosesan data.
Sebelum menggunakan ECharts, anda perlu menambah fail berkaitan ECharts pada projek. Anda boleh memuat turun versi yang sepadan dari tapak web rasmi ECharts https://echarts.baidu.com/, atau anda boleh menggunakan CDN untuk mempercepatkan pengenalan.
Selepas menambah fail ECharts, anda boleh membuat carta dalam halaman HTML. Berikut ialah contoh kod untuk carta bar ringkas:
<!DOCTYPE html> <html> <head> <title>柱状图</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script> var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: '柱状图' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; myChart.setOption(option); </script> </body> </html>
Kod di atas mencipta carta bar dengan tajuk, label paksi dan legenda, yang mengandungi 6 titik data dan kategori yang sepadan.
Buat laporan ringkas dengan menggabungkan data dan carta. Berikut ialah kod sampel untuk laporan carta bar yang dibuat oleh PHP dan ECharts:
<!DOCTYPE html> <html> <head> <title>PHP+ECharts报表</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script> var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: '销售统计' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: <?php echo $jsonArray; ?> }, yAxis: { type: 'value' }, series: [{ name: '销量', type: 'bar', data: <?php echo $jsonArray; ?> }] }; myChart.setOption(option); </script> </body> </html>
Dalam laporan ini, $jsonArray ialah tatasusunan PHP yang mengandungi data, yang ditukar kepada format JSON dan digunakan sebagai paksi-x dan paksi-y Atribut data dihantar. Dalam aplikasi sebenar, data boleh diperoleh daripada pangkalan data atau sumber data lain.
Artikel ini memperkenalkan cara menggunakan PHP dan ECharts untuk mencipta carta dan laporan visual. Melalui teknologi ini, kami boleh mempersembahkan data dengan lebih jelas dan intuitif, dengan itu memberi perkhidmatan yang lebih baik dalam membuat keputusan korporat. Walaupun ECharts mempunyai banyak ciri dan penggunaan yang kompleks, selagi kami menguasai kaedah penggunaan asas dan kemahiran pemprosesan data PHP, kami juga boleh mencipta carta dan laporan visual yang cantik dan mudah digunakan.
Atas ialah kandungan terperinci Buat carta dan laporan visual menggunakan PHP dan ECharts. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!