php - 使用 PHP、MySQL 的 Chart.js 数据数组。如何从 JSON 数组定义数据源？

Question

这是我的第一个问题。如有任何错误，请深表歉意。

我正在尝试使用带有 PHP 和 MySQL 数据的 chart.js 绘制图表。我打算绘制的图表是一个简单的垂直条形图，birth_year 与出生人数的关系。当我显示数组 $BIRTH_YEAR 和 $COUNTS 时，我可以看到这些值。直到 json_encode($data_array)，我才能够达到目的。当我尝试在 javascript 上使用这个编码数组时，我没有得到任何输出，一个空白页面!这是我的代码。

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
$data[] = array(
    $row['BIRTH_YEAR']=>$row['counts'],
);
$BIRTH_YEAR[]=$row['BIRTH_YEAR'];
$COUNTS[]=$row['counts'];
}

// JSON arrays for labels and counts
$js_labels = json_encode($BIRTH_YEAR,true);
$js_cols = json_encode($COUNTS,true);


var barChartData = {
        labels : '<?php echo $js_labels; ?>',
                    datasets : [
            {
                fillColor : "rgba(220,220,220,0.5)",
                strokeColor : "rgba(220,220,220,1)",
                data : '<?php echo $js_cols; ?>'
            }

        ]
                   }

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);

我已经在我的页面中包含了所有其他必需的 HTML 元素。当我使用 chart.js 示例文件时，我能够看到图表。唯一的问题是我不确定如何在 javascript 数据中包含数组:部分。提前致谢。

Answer 1

您可以使用 $js_cols = json_encode($COUNTS,JSON_NUMERIC_CHECK);

然后

data : <?php echo print_r($js_cols,true); ?>