Cara menggunakan antara muka php dan ECharts untuk menjana carta statistik visual

WBOY
Lepaskan: 2023-12-18 11:40:02
asal
1108 orang telah melayarinya

Cara menggunakan antara muka php dan ECharts untuk menjana carta statistik visual

Dalam konteks hari ini di mana visualisasi data menjadi semakin penting, ramai pembangun berharap dapat menggunakan pelbagai alatan untuk menjana pelbagai carta dan laporan dengan cepat supaya mereka boleh memaparkan data dengan lebih baik dan membantu pembuat keputusan membuat keputusan dengan pantas . Dalam konteks ini, menggunakan antara muka Php dan perpustakaan ECharts boleh membantu ramai pembangun menjana carta statistik visual dengan cepat.

Artikel ini akan memperkenalkan secara terperinci cara menggunakan antara muka Php dan perpustakaan ECharts untuk menjana carta statistik visual. Dalam pelaksanaan khusus, kami akan menggunakan pangkalan data MySQL sebagai sumber data, menggunakan skrip PHP untuk mendapatkan data daripada pangkalan data, dan menggunakan perpustakaan ECharts untuk menjana carta. Artikel ini bertujuan untuk membantu pembangun memahami cara menggunakan data mereka sendiri dengan cepat untuk menjana pelbagai carta untuk memenuhi keperluan perniagaan dengan lebih baik.

Langkah pelaksanaan:

  1. Persediaan

Sebelum anda mula, anda perlu memastikan bahawa anda telah memasang PHP dan MySQL dengan betul Pada masa yang sama, anda perlu memasang perpustakaan ECharts. Anda boleh memuat turun dan memasang perpustakaan ECharts dari tapak web http://echarts.baidu.com/index.html. Anda juga boleh mengimport ECharts melalui CDN, seperti yang ditunjukkan di bawah:

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.1/echarts.min.js"></script>
Salin selepas log masuk
  1. Dapatkan data daripada pangkalan data MySQL

Seterusnya, kita perlu mendapatkan data daripada pangkalan data MySQL. Katakan kita kini mempunyai pangkalan data test_db dengan jadual user yang mengandungi nama dan umur pengguna. Matlamat kami adalah untuk membaca data daripada jadual ini dan menggunakan data untuk menjana carta. test_db,其中有一张表 user,它包含了用户的姓名和年龄。我们的目标是从这个表中读取数据,并将数据用于生成图表。

<?php
$dbname = 'test_db';
$host = 'localhost';
$user = 'root';
$password = '';

$conn = mysqli_connect($host, $user, $password, $dbname);
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
$sql = "SELECT * FROM user";
$result = mysqli_query($conn, $sql);
$data = array();
if (mysqli_num_rows($result) > 0) {
    while ($row = mysqli_fetch_assoc($result)) {
        $data[] = array('name' => $row['name'], 'age' => (int)$row['age']);
    }
}
mysqli_close($conn);
?>
Salin selepas log masuk

上面的代码首先建立了与数据库的连接,然后查询了 表 user 中的所有记录。最后通过 mysqli_fetch_assoc





    
    柱状图
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.1/echarts.min.js"></script>



    
    
Salin selepas log masuk
Kod di atas mula-mula mewujudkan sambungan ke pangkalan data, dan kemudian menanyakan semua rekod dalam jadual pengguna. Akhir sekali, data ditukar kepada format tatasusunan melalui fungsi mysqli_fetch_assoc.
  1. Jana carta ECharts

Selepas kami mempunyai data, kami boleh mula menjana carta. ECharts menyediakan pelbagai jenis carta Dalam artikel ini, kami akan mengambil histogram sebagai contoh untuk menunjukkan cara menggunakan antara muka Php dan perpustakaan ECharts untuk menjana histogram.

rrreee

Kod di atas menggunakan penyataan gelung PHP untuk merentasi data yang diperoleh, mengira bilangan orang dalam setiap kumpulan umur dan mengemas kini keputusan statistik kepada item konfigurasi ECharts. Apabila halaman dimuatkan, ECharts secara automatik menjana histogram dan menjana histogram yang sepadan berdasarkan data dalam pangkalan data.

Kesimpulan

Setakat ini, kami telah berjaya menunjukkan cara menggunakan antara muka PHP dan perpustakaan ECharts untuk menjana carta statistik visual. Dalam pembangunan sebenar, anda boleh menggunakan jenis carta yang berbeza mengikut keperluan perniagaan dan menyesuaikan gaya carta. Selain itu, anda juga boleh menyimpan data dan item konfigurasi ECharts dalam fail yang berbeza untuk mengurus dan mengekalkan kod dengan lebih baik.

Ringkasnya, saya harap artikel ini dapat membantu anda mempelajari antara muka PHP dan perpustakaan ECharts, serta menjana pelbagai carta visual dengan cepat. 🎜

Atas ialah kandungan terperinci Cara menggunakan antara muka php dan ECharts untuk menjana carta statistik visual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan