Rumah > Artikel > pembangunan bahagian belakang > Bagaimana untuk menggunakan PHP untuk membangunkan alat paparan carta untuk data kehadiran pekerja?
Bagaimana untuk menggunakan PHP untuk membangunkan alat paparan carta untuk data kehadiran pekerja?
1. Pengenalan
Paparan carta data kehadiran pekerja adalah bahagian yang sangat penting dalam pengurusan perusahaan. Melalui paparan carta, anda secara intuitif boleh memahami status kehadiran pekerja, dan membantu pengurus mengira kadar kehadiran pekerja, kadar kelewatan, kadar keluar awal dan penunjuk lain, untuk membuat pelarasan dan penambahbaikan yang sepadan. Artikel ini akan memperkenalkan cara menggunakan PHP untuk membangunkan alat paparan carta untuk data kehadiran pekerja.
2. Persediaan teknikal
3. Reka bentuk pangkalan data
Pertama, anda perlu mereka bentuk jadual pangkalan data untuk menyimpan data kehadiran pekerja. Katakan kita perlu merekodkan masa kehadiran pekerja, status punch-in dan lain-lain, kita boleh reka bentuk jadual berikut:
<?php // 数据库连接配置 $host = 'localhost'; $dbname = 'attendance'; $username = 'root'; $password = ''; // 连接数据库 $conn = new PDO("mysql:host=$host;dbname=$dbname", $username, $password); // 查询员工考勤数据 $query = $conn->query('SELECT * FROM attendance'); $attendanceData = $query->fetchAll(PDO::FETCH_ASSOC); // 输出数据 echo json_encode($attendanceData); ?>
<!DOCTYPE html> <html> <head> <title>员工考勤数据图表展示</title> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { // 获取员工考勤数据 var attendanceData = <?php echo json_encode($attendanceData); ?>; // 构造数据表 var data = new google.visualization.DataTable(); data.addColumn('date', '时间'); data.addColumn('number', '出勤率'); // 将数据添加到数据表 attendanceData.forEach(function(record) { var date = new Date(record.time); var attendanceRate = record.status == 1 ? 1 : 0; data.addRow([date, attendanceRate]); }); // 设置图表配置 var options = { title: '员工考勤数据', curveType: 'function', legend: { position: 'bottom' } }; // 实例化图表对象 var chart = new google.visualization.LineChart(document.getElementById('chart_div')); // 绘制图表 chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>Kod di atas akan menggunakan Carta Google untuk melukis carta lengkung untuk menunjukkan kadar kehadiran pekerja. Abscissa carta ialah masa, dan ordinat ialah kadar kehadiran (1 ialah kehadiran, 0 ialah ketidakhadiran).
6. Ringkasan
Atas ialah kandungan terperinci Bagaimana untuk menggunakan PHP untuk membangunkan alat paparan carta untuk data kehadiran pekerja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!