将数据从数据库-->到.php中的json数组-->这个数组放入.js中的表中，然后通过调用.js文件在.html中可视化

<script src="your_js_file.js"></script>

<?php
// 连接数据库
$servername = "your_servername";
$username = "your_username";
$password = "your_password";
$dbname = "your_dbname";

$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 查询数据库
$sql = "SELECT * FROM your_table";
$result = $conn->query($sql);

// 将数据转换为json数组
$data = array();
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }
}

// 将json数组传递给.js文件
echo json_encode($data);

$conn->close();
?>

// 获取从.php文件传递过来的json数据
fetch('your_php_file.php')
    .then(response => response.json())
    .then(data => {
        // 处理json数据并可视化
        // 例如，将数据插入到表格中
        const table = document.getElementById('your_table_id');
        data.forEach(item => {
            const row = table.insertRow();
            Object.values(item).forEach(value => {
                const cell = row.insertCell();
                cell.textContent = value;
            });
        });
    })
    .catch(error => console.error(error));