javascript - 如何在数据chart.js中插入php

Question

我正在尝试在 data: 中添加一个 php 变量。例子说 data: [<?php echo $dates ?>],这样就可以了，但是当我尝试这样做时，它立即给我一个错误，指出 < 是一个意外的标记。这在某种程度上是有道理的。我把它放在一个字符串 ["<?php echo $dates ?>"] 中，但后来我没有得到任何结果。

while ($stelling = mysqli_fetch_array($records1)){

    $Timer = date('M, Y', strtotime($stelling['Timer']));
    $Wheight = $stelling['Wheight'];
    $Title = $stelling['Title'];

    $Timers = '';
    $Wheights = '';
    $Titles = '';

    $Timers = $Timers.'"'.$Timer.'",';
    $Wheights = $Wheights.$Wheight.',';
    $Titles = $Titles.$Title.',';

    $Timers = trim($Timers, ",");
    $Wheights = trim($Wheights, ",");
    $Titles = trim($Titles, ",");


}
echo '<script src="script/graph.js"></script>'; 

脚本文件:

var ctx = document.getElementById('myChart').getContext('2d');

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            label: 'Time',
            data: ["<?php echo $Timers ?>"],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }

我希望图表显示存储在变量中的数据

Answer 1

补充前面的注释，PHP 数组与 JavaScript 数组不同。有很多方法可以做到这一点，一种是循环遍历 PHP 中的 $timers 数组，然后将其转换为相应的 JavaScript

假设时间包含array('label'=>'Today','data'=>55);

然后就可以使用foreach或者for构建对应的JavaScript数组

<script type='text/javascript'>
    let data=[];// this is a javascript array

    <?php 
    $timersCount=count($timers);
    for($i=0; $i<$timersCount i++){
    ?>
       data.push({
           data:<?php echo $timers[$i]['data']?>,
           label:<?php echo $timers[$i]['label']?>
        });
    <?php
    }?>
</script>

可能有错别字，我刚刚输入的，但你明白了。我假设您正在 PHP View 文件中运行脚本。