在PHP中为JSON Ajax响应动态构建ChartJs数据集

<?php
// 连接到数据库并获取数据
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("连接数据库失败: " . $conn->connect_error);
}

$sql = "SELECT * FROM 表名";
$result = $conn->query($sql);

// 构建Chart.js数据集
$chartData = array();
while ($row = $result->fetch_assoc()) {
    $chartData[] = array(
        'label' => $row['label'],
        'value' => $row['value']
    );
}

// 返回JSON格式的数据集
echo json_encode($chartData);

// 关闭数据库连接
$conn->close();
?>

$.ajax({
    url: 'chart_data.php',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        // 在这里使用返回的数据构建Chart.js图表
        // 例如，使用Chart.js的Bar图表类型：
        var ctx = document.getElementById('myChart').getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: data.map(function(item) {
                    return item.label;
                }),
                datasets: [{
                    label: '数据集',
                    data: data.map(function(item) {
                        return item.value;
                    })
                }]
            }
        });
    },
    error: function(xhr, status, error) {
        console.log('Ajax请求错误: ' + error);
    }
});