Javascript 如何使用php在脚本中动态传递值以生成图形

我正在尝试使用php为mysql中的数据创建条形图。我使用引导模板创建应用程序。我有预定义的带有静态数据的条形图。我想从数据库中添加数据。我尽了最大努力，但找不到解决办法，因为我是Javascript的初学者。请指导我动态添加数据。脚本如下：

//条形图
var ctx=document.getElementById（“mybarChart”）；
var mybarChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
标签：“#投票数”，
背景色：“26B99A”，
数据：[10,20,30,40,20,10,40]
}, {
标签：“#投票数”，
背景颜色：“03586A”，
数据：[41,56,25,48,72,34,12]
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
如果我了解环境，您就有php制作的网页。
如果是这样，我会：

创建一个.php文件
编写一些php代码以连接到数据库并检索包含要绘制图表的数据的数组
复制JS代码，将其包装在
标记中，并将其包装在JS函数中，稍后将在页面中调用该函数
在JS代码中，在数据集之后，编写一个php循环，如下所示：

// Bar chart
var ctx = document.getElementById("mybarChart");
var mybarChart = new Chart(ctx, {
type: 'bar',
data: {
  labels: ["January", "February", "March", "April", "May", "June", "July"],
  datasets: [{
    <?php
    if (count($arrayOfData) > 0){
       echo "label: '# of Votes',";
       echo "backgroundColor: '#26B99A',";
       echo "data: [";
       $firstValue = true;
       foreach ($arrayOfData as $dataValue) {
           if ( ! $firstValue ) {
              echo ", ".$dataValue;
           } else {
              $firstValue = false;
           }
           echo $dataValue;
       }
       echo "]";
    } else {
       //Decide what to do if you don't have data
    }
    ?>
  }]
}'

//条形图
var ctx=document.getElementById（“mybarChart”）；
var mybarChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
如果我了解这个环境，你就有php制作的网页。
如果是这样，我会：

创建一个.php文件
编写一些php代码以连接到数据库并检索包含要绘制图表的数据的数组
复制JS代码，将其包装在
标记中，并将其包装在JS函数中，稍后将在页面中调用该函数
在JS代码中，在数据集之后，编写一个php循环，如下所示：

// Bar chart
var ctx = document.getElementById("mybarChart");
var mybarChart = new Chart(ctx, {
type: 'bar',
data: {
  labels: ["January", "February", "March", "April", "May", "June", "July"],
  datasets: [{
    <?php
    if (count($arrayOfData) > 0){
       echo "label: '# of Votes',";
       echo "backgroundColor: '#26B99A',";
       echo "data: [";
       $firstValue = true;
       foreach ($arrayOfData as $dataValue) {
           if ( ! $firstValue ) {
              echo ", ".$dataValue;
           } else {
              $firstValue = false;
           }
           echo $dataValue;
       }
       echo "]";
    } else {
       //Decide what to do if you don't have data
    }
    ?>
  }]
}'

//条形图
var ctx=document.getElementById（“mybarChart”）；
var mybarChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
来自DB的数据是什么样子的？一般提示：您需要类似于
echo“javascriptdata=“.json_encode（$phpdata）。”；“；
来自DB的数据是什么样子的？一般提示：您需要类似于
echo“javascriptdata=“.json_encode（$phpdata）。；”；