Buat carta visualisasi data menggunakan PHP dan CanvasJS-tutorial php-php.cn

Rumah

pembangunan bahagian belakang

tutorial php

Buat carta visualisasi data menggunakan PHP dan CanvasJS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 11, 2023 pm 05:07 PM

phpvisualisasi datacanvasjs

Dengan pertumbuhan data dan pembangunan Internet, pemprosesan dan visualisasi data telah menjadi bahagian penting dalam industri teknologi. Sama ada anda dalam bidang pemasaran, kewangan, penjagaan kesihatan atau bidang lain, menggambarkan data adalah penting.

Carta ialah alat yang sangat berguna dalam visualisasi data. Peranan carta adalah untuk mengubah data menjadi bentuk visual, menjadikannya lebih mudah untuk kita memahami dan menganalisis arah aliran data. Oleh itu, artikel ini akan memperkenalkan cara membuat carta visualisasi data menggunakan PHP dan CanvasJS.

CanvasJS ialah perpustakaan JavaScript untuk mencipta carta interaktif dan dinamik. CanvasJS menyokong ratusan jenis carta dan berfungsi merentas peranti dan penyemak imbas yang berbeza. Untuk membuat carta menggunakan PHP dan CanvasJS, kita perlu mengikuti langkah berikut.

Langkah 1: Pasang CanvasJS

Untuk mencipta carta menggunakan CanvasJS, anda perlu memasang CanvasJS terlebih dahulu. Memuat turun dan memasang CanvasJS semudah memuat turun kod sumbernya ke komputer setempat anda. Anda boleh memuat turun kod sumber daripada laman web rasmi CanvasJS. Selepas memuat turun, nyahzipnya ke pelayan web anda dan sedia untuk digunakan.

Langkah 2: Cipta data

Sebelum mencipta carta, kita perlu mempunyai data. Dalam PHP, anda boleh menggunakan MySQL atau pangkalan data lain untuk menyimpan data. Sebagai contoh, kita boleh menggunakan kod berikut untuk mendapatkan data daripada pangkalan data MySQL.

//连接至数据库
$con = mysqli_connect("host","username","password","database");

//查询数据
$result = mysqli_query($con,"SELECT * FROM 数据表名");

//将数据保存到数组中
$data = array();
while ($row = mysqli_fetch_array($result)) {
    $data[] = array("label"=>$row["标签"],"y"=>$row["数值"]);
}

//关闭连接
mysqli_close($con);

Coretan kod ini mendapatkan data daripada pangkalan data MySQL dan menyimpan data ke dalam tatasusunan data. Anda boleh menukar jadual data dan medan pertanyaan mengikut keperluan.

Langkah 3: Buat carta

Sekarang kami mempunyai data, kami akan mencipta carta. Kami boleh membuat carta interaktif dengan menghantar data kami ke CanvasJS menggunakan kod berikut.

<!DOCTYPE html>
<html>
<head>
    <title>使用PHP和CanvasJS创建数据可视化图表</title>
    <script src="canvasjs.min.js"></script>
</head>
<body>
    <div id="chartContainer" style="height: 370px; width: 100%;"></div>

    <script type="text/javascript">
        window.onload = function () {
            var chart = new CanvasJS.Chart("chartContainer", {
                animationEnabled: true,
                title:{
                    text: "数据可视化图表"
                },
                axisY: {
                    title: "数值"
                },
                data: [{
                    type: "column",
                    dataPoints: <?php echo json_encode($data, JSON_NUMERIC_CHECK); ?>
                }]
            });
            chart.render();
        }
    </script>
</body>
</html>

Dalam coretan kod ini, kami mencipta halaman web dan mengimport kod sumber CanvasJS ke dalamnya. Dalam kod kami, kami mencipta elemen div dan menetapkan IDnya kepada "chartContainer". Ini adalah bekas carta kami. Kami akan menggunakan JavaScript untuk membuat dan memaparkan carta ke dalam bekas ini.

Sekarang kita perlu berurusan dengan beberapa tetapan carta. Di sini, kami menggunakan carta jenis "lajur" dan menentukan data dan butiran lain. Di sini anda boleh menyesuaikan tajuk, label data, dsb. CanvasJS menyokong banyak jenis carta lain dan anda boleh memilih yang sesuai dengan keperluan anda.

Di sini kami bukan sekadar menambah data pada tatasusunan data. Kami menggunakan json_encode untuk menukar tatasusunan data kepada objek JavaScript. Pilihan JSON_NUMERIC_CHECK memastikan bahawa nombor output tidak dikeluarkan sebagai rentetan. Kandungan khusus boleh dilihat dalam dokumentasi rasmi CanvasJS.

Langkah 4: Uji secara setempat atau dalam awan

Langkah terakhir ialah menguji aplikasi anda. Anda boleh menjalankan pelayan web PHP pada mesin tempatan anda. Jika anda menggunakan pelayan WAMP, anda boleh menguji aplikasi anda dengan membuka penyemak imbas pada localhost atau alamat 127.0.0.1. Jika anda menggunakan pelayan XAMPP, buka penyemak imbas pada alamat localhost atau 127.0.0.1.

Jika anda menggunakan perkhidmatan pengehosan web, anda boleh memuat naik aplikasi anda ke pelayan pengehosan dan mengaksesnya menggunakan penyemak imbas.

Ringkasan

Mencipta carta visualisasi data menggunakan PHP dan CanvasJS ialah proses yang sangat mudah. Mula-mula dapatkan data dan kemudian tukarkannya menjadi carta visual menggunakan CanvasJS. Dengan CanvasJS, terdapat banyak jenis carta dan pilihan yang boleh disesuaikan untuk dipilih, jadi anda boleh membuat carta interaktif yang sesuai dengan keperluan anda.

Atas ialah kandungan terperinci Buat carta visualisasi data menggunakan PHP dan CanvasJS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan

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

Artikel Berkaitan

PHP dan Python: Paradigma yang berbeza dijelaskanApr 18, 2025 am 12:26 AM

PHP terutamanya pengaturcaraan prosedur, tetapi juga menyokong pengaturcaraan berorientasikan objek (OOP); Python menyokong pelbagai paradigma, termasuk pengaturcaraan OOP, fungsional dan prosedur. PHP sesuai untuk pembangunan web, dan Python sesuai untuk pelbagai aplikasi seperti analisis data dan pembelajaran mesin.

PHP dan Python: menyelam mendalam ke dalam sejarah merekaApr 18, 2025 am 12:25 AM

PHP berasal pada tahun 1994 dan dibangunkan oleh Rasmuslerdorf. Ia pada asalnya digunakan untuk mengesan pelawat laman web dan secara beransur-ansur berkembang menjadi bahasa skrip sisi pelayan dan digunakan secara meluas dalam pembangunan web. Python telah dibangunkan oleh Guidovan Rossum pada akhir 1980 -an dan pertama kali dikeluarkan pada tahun 1991. Ia menekankan kebolehbacaan dan kesederhanaan kod, dan sesuai untuk pengkomputeran saintifik, analisis data dan bidang lain.

Memilih antara php dan python: panduanApr 18, 2025 am 12:24 AM

PHP sesuai untuk pembangunan web dan prototaip pesat, dan Python sesuai untuk sains data dan pembelajaran mesin. 1.Php digunakan untuk pembangunan web dinamik, dengan sintaks mudah dan sesuai untuk pembangunan pesat. 2. Python mempunyai sintaks ringkas, sesuai untuk pelbagai bidang, dan mempunyai ekosistem perpustakaan yang kuat.

PHP dan Rangka Kerja: Memodenkan bahasaApr 18, 2025 am 12:14 AM

PHP tetap penting dalam proses pemodenan kerana ia menyokong sejumlah besar laman web dan aplikasi dan menyesuaikan diri dengan keperluan pembangunan melalui rangka kerja. 1.Php7 meningkatkan prestasi dan memperkenalkan ciri -ciri baru. 2. Rangka kerja moden seperti Laravel, Symfony dan CodeIgniter memudahkan pembangunan dan meningkatkan kualiti kod. 3. Pengoptimuman prestasi dan amalan terbaik terus meningkatkan kecekapan aplikasi.

Impak PHP: Pembangunan Web dan seterusnyaApr 18, 2025 am 12:10 AM

Phphassignificantelympactedwebdevelopmentandextendsbeyondit.1) itpowersmajorplatformslikeworderpressandexcelsindatabaseIntions.2) php'SadaptabilityAldoStoScaleforlargeapplicationFrameworksLikelara.3)

Bagaimanakah jenis membayangkan jenis PHP, termasuk jenis skalar, jenis pulangan, jenis kesatuan, dan jenis yang boleh dibatalkan?Apr 17, 2025 am 12:25 AM

Jenis PHP meminta untuk meningkatkan kualiti kod dan kebolehbacaan. 1) Petua Jenis Skalar: Oleh kerana Php7.0, jenis data asas dibenarkan untuk ditentukan dalam parameter fungsi, seperti INT, Float, dan lain -lain. 2) Return Type Prompt: Pastikan konsistensi jenis nilai pulangan fungsi. 3) Jenis Kesatuan Prompt: Oleh kerana Php8.0, pelbagai jenis dibenarkan untuk ditentukan dalam parameter fungsi atau nilai pulangan. 4) Prompt jenis yang boleh dibatalkan: membolehkan untuk memasukkan nilai null dan mengendalikan fungsi yang boleh mengembalikan nilai null.

Bagaimanakah PHP mengendalikan pengklonan objek (kata kunci klon) dan kaedah sihir __clone?Apr 17, 2025 am 12:24 AM

Dalam PHP, gunakan kata kunci klon untuk membuat salinan objek dan menyesuaikan tingkah laku pengklonan melalui kaedah Magic \ _ _ _. 1. Gunakan kata kunci klon untuk membuat salinan cetek, mengkloning sifat objek tetapi bukan sifat objek. 2. Kaedah klon \ _ \ _ boleh menyalin objek bersarang untuk mengelakkan masalah menyalin cetek. 3. Beri perhatian untuk mengelakkan rujukan pekeliling dan masalah prestasi dalam pengklonan, dan mengoptimumkan operasi pengklonan untuk meningkatkan kecekapan.

PHP vs Python: Gunakan Kes dan AplikasiApr 17, 2025 am 12:23 AM

PHP sesuai untuk pembangunan web dan sistem pengurusan kandungan, dan Python sesuai untuk sains data, pembelajaran mesin dan skrip automasi. 1.PHP berfungsi dengan baik dalam membina laman web dan aplikasi yang cepat dan berskala dan biasanya digunakan dalam CMS seperti WordPress. 2. Python telah melakukan yang luar biasa dalam bidang sains data dan pembelajaran mesin, dengan perpustakaan yang kaya seperti numpy dan tensorflow.

See all articles