pembangunan bahagian belakang
tutorial php
Buat carta visualisasi data menggunakan PHP dan CanvasJS
Buat carta visualisasi data menggunakan PHP dan CanvasJS
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1379
52
Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka
Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP
Dec 20, 2024 am 11:31 AM
Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c
7 Fungsi PHP Saya Menyesal Saya Tidak Tahu Sebelum ini
Nov 13, 2024 am 09:42 AM
Jika anda seorang pembangun PHP yang berpengalaman, anda mungkin merasakan bahawa anda telah berada di sana dan telah melakukannya. Anda telah membangunkan sejumlah besar aplikasi, menyahpenyahpepijat berjuta-juta baris kod dan mengubah suai sekumpulan skrip untuk mencapai op
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data
Jelaskan JSON Web Tokens (JWT) dan kes penggunaannya dalam PHP API.
Apr 05, 2025 am 12:04 AM
JWT adalah standard terbuka berdasarkan JSON, yang digunakan untuk menghantar maklumat secara selamat antara pihak, terutamanya untuk pengesahan identiti dan pertukaran maklumat. 1. JWT terdiri daripada tiga bahagian: header, muatan dan tandatangan. 2. Prinsip kerja JWT termasuk tiga langkah: menjana JWT, mengesahkan JWT dan muatan parsing. 3. Apabila menggunakan JWT untuk pengesahan di PHP, JWT boleh dijana dan disahkan, dan peranan pengguna dan maklumat kebenaran boleh dimasukkan dalam penggunaan lanjutan. 4. Kesilapan umum termasuk kegagalan pengesahan tandatangan, tamat tempoh, dan muatan besar. Kemahiran penyahpepijatan termasuk menggunakan alat debugging dan pembalakan. 5. Pengoptimuman prestasi dan amalan terbaik termasuk menggunakan algoritma tandatangan yang sesuai, menetapkan tempoh kesahihan dengan munasabah,
Program PHP untuk mengira vokal dalam rentetan
Feb 07, 2025 pm 12:12 PM
Rentetan adalah urutan aksara, termasuk huruf, nombor, dan simbol. Tutorial ini akan mempelajari cara mengira bilangan vokal dalam rentetan yang diberikan dalam PHP menggunakan kaedah yang berbeza. Vokal dalam bahasa Inggeris adalah a, e, i, o, u, dan mereka boleh menjadi huruf besar atau huruf kecil. Apa itu vokal? Vokal adalah watak abjad yang mewakili sebutan tertentu. Terdapat lima vokal dalam bahasa Inggeris, termasuk huruf besar dan huruf kecil: a, e, i, o, u Contoh 1 Input: String = "TutorialSpoint" Output: 6 menjelaskan Vokal dalam rentetan "TutorialSpoint" adalah u, o, i, a, o, i. Terdapat 6 yuan sebanyak 6
Terangkan pengikatan statik lewat dalam php (statik: :).
Apr 03, 2025 am 12:04 AM
Mengikat statik (statik: :) Melaksanakan pengikatan statik lewat (LSB) dalam PHP, yang membolehkan kelas panggilan dirujuk dalam konteks statik dan bukannya menentukan kelas. 1) Proses parsing dilakukan pada masa runtime, 2) Cari kelas panggilan dalam hubungan warisan, 3) ia boleh membawa overhead prestasi.
Apakah kaedah Magic PHP (__construct, __destruct, __call, __get, __set, dll) dan menyediakan kes penggunaan?
Apr 03, 2025 am 12:03 AM
Apakah kaedah sihir PHP? Kaedah sihir PHP termasuk: 1. \ _ \ _ Membina, digunakan untuk memulakan objek; 2. \ _ \ _ Destruct, digunakan untuk membersihkan sumber; 3. \ _ \ _ Call, mengendalikan panggilan kaedah yang tidak wujud; 4. \ _ \ _ Mendapatkan, melaksanakan akses atribut dinamik; 5. \ _ \ _ Set, melaksanakan tetapan atribut dinamik. Kaedah ini secara automatik dipanggil dalam situasi tertentu, meningkatkan fleksibiliti dan kecekapan kod.
