PHP 배열을 사용하여 동적 테이블과 보고서를 생성하는 방법

$data = array(
    array("Name", "Age", "Email"),
    array("John", 25, "john@example.com"),
    array("Mary", 28, "mary@example.com"),
    array("Tom", 30, "tom@example.com")
);

echo "<table>";
foreach ($data as $row) {
    echo "<tr>";
    foreach ($row as $cell) {
        echo "<td>" . $cell . "</td>";
    }
    echo "</tr>";
}
echo "</table>";

Name   Age   Email
John   25    john@example.com
Mary   28    mary@example.com
Tom    30    tom@example.com

echo "<table>";
echo '<thead style="background-color: #ccc;">
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Email</th>
        </tr>
    </thead>';
echo "<tbody>";
foreach ($data as $row) {
    echo "<tr>";
    foreach ($row as $cell) {
        echo "<td>" . $cell . "</td>";
    }
    echo "</tr>";
}
echo "</tbody>";
echo "</table>";

$data = array(
    array("Month", "Sales"),
    array("January", 5000),
    array("February", 6000),
    array("March", 7000),
    array("April", 5500),
    array("May", 8000)
);

echo "<table>";
foreach ($data as $row) {
    echo "<tr>";
    foreach ($row as $cell) {
        echo "<td>" . $cell . "</td>";
    }
    echo "</tr>";
}
echo "</table>";

echo '<canvas id="myChart" width="400" height="400"></canvas>';

echo '<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>';
echo '<script>
var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx, {
    type: "bar",
    data: {
        labels: ["January", "February", "March", "April", "May"],
        datasets: [{
            label: "Sales",
            data: [5000, 6000, 7000, 5500, 8000],
            backgroundColor: "rgba(0,123,255,0.5)"
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>';

Month       Sales
January     5000
February    6000
March       7000
April       5500
May         8000

[柱状图]