在chart.js javascript中显示php数组数据

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

// PHP代码
<?php
$data = array(10, 20, 30, 40, 50); // 示例数组数据
?>

// JavaScript代码
<script>
var data = <?php echo json_encode($data); ?>; // 将PHP数组转换为JavaScript数组

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5'], // 标签
        datasets: [{
            label: 'Data',
            data: data, // 使用PHP数组数据
            backgroundColor: 'rgba(0, 123, 255, 0.5)', // 柱状图颜色
            borderColor: 'rgba(0, 123, 255, 1)', // 边框颜色
            borderWidth: 1 // 边框宽度
        }]
    },
    options: {
        responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>