chart.jsを使ってグラフを作成したい

Question

chart.jsを使ってグラフを作成したいと考えておりまして、
以下のように記述をしてみたのですが、上手く動作してくれません。

for ($j = 1; $j <= $max_day; $j++) {
	$day_count .= $j.",";
        
}
$data_list = "3,19,21,9,16,7,11" 

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<canvas id="myChart"></canvas>

<script type="text/javascript">

var day = JSON.parse('<?php echo json_encode($day_count); ?>');
var data_list= JSON.parse('<?php echo json_encode($data_list); ?>');

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: [day], //1~30までがx軸として表示されるようにしたい
        datasets: [{
            label: "My First dataset",
            backgroundColor: 'rgb(255, 255, 255)',
            borderColor: 'rgb(255, 99, 132)',
            data: [data_list],
        }]
    },

    // Configuration options go here
    options: {}
});

このように変数で値を与えてグラフが描画されるようになってほしいのですが、上手く描画されません...
何かやり方等お分かりになる方いらっしゃいましたら是非ご教授いただけませんでしょうか？

Answer 1

とりあえずこうでは？

$day_count = [];
for ($j = 1; $j <= $max_day; $j++) {
    $day_count[] = $j;

}
$data_list = [3,19,21,9,16,7,11];

labels: day,
// 略
data: data_list,

PHPをそのままにするなら。

labels: [<?php echo $day_count; ?>],
// 略
data: [<?php echo $day_list; ?>],

Comments

[nantarutia]

あぁぁぁぁ、お書き頂いたコードを見て自分のミスにようやく気づきました。。。
ありがとうございました；；