Buat carta dan laporan visual menggunakan PHP dan ECharts-tutorial php-php.cn

Buat carta dan laporan visual menggunakan PHP dan ECharts

PHPz

Lepaskan： 2023-05-10 22:24:01

asal

1573 orang telah melayarinya

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.

Pengenalan kepada ECharts

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:

Berbilang jenis carta: Anda boleh melukis pelbagai jenis carta seperti carta garisan, carta bar, carta serakan, carta pai, papan pemuka, dsb.
Interaksi: Menyokong fungsi interaktif seperti responsif, zum, seret, penandaan dan pautan.
Animasi: Menyokong berbilang jenis animasi dan animasi tersuai.
Berbilang format data: Menyokong JSON, XML, CSV dan format data lain.

Pemprosesan Data PHP

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());
}

Salin selepas log masuk

(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 结果";
}

Salin selepas log masuk

(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);

Salin selepas log masuk

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.

Buat carta ECharts

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>

Salin selepas log masuk

Kod di atas mencipta carta bar dengan tajuk, label paksi dan legenda, yang mengandungi 6 titik data dan kategori yang sepadan.

Buat laporan PHP dan ECharts

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>

Salin selepas log masuk

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.

Ringkasan

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!