Javascript 将Chart.js连接到MySQL数据库

Javascript 将Chart.js连接到MySQL数据库,javascript,php,mysql,chart.js,Javascript,Php,Mysql,Chart.js,我的html文档中有这个脚本,它使用chart.js创建了一个图表。其中的数据是手动插入的(标签和数据集中的数据)。数据集中的数据现在是随机生成的数字。但我需要以某种方式将它与我的MySQL数据库连接起来 <script> var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; var barChartData = { labels : ["January","

我的html文档中有这个脚本,它使用chart.js创建了一个图表。其中的数据是手动插入的(标签和数据集中的数据)。数据集中的数据现在是随机生成的数字。但我需要以某种方式将它与我的MySQL数据库连接起来

<script>
   var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
   var barChartData = {
       labels : ["January","February","March","April","May","June","July","January","February","March","April","May","June","July"],
       datasets : [
          {
           fillColor : "rgba(23, 158, 3, 0.8)",
           strokeColor : "rgba(24, 107, 2, 0.8)",
           highlightFill: "rgba(24, 107, 2, 0.9)",
           highlightStroke: "rgba(24, 107, 2, 1)",
           data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
           }
           ]
   }
window.onload = function(){
     var ctx2 = document.getElementById("canvas2").getContext("2d");
     ctx2.canvas.width = 1000;
     ctx2.canvas.height = 800;
     window.myBar = new Chart(ctx2).Bar(barChartData, {
            responsive : true
     });
}
我想要点像这样的

labels: $array

我想不出一个简单的方法来把数据放到脚本中。有人能帮我解决这个问题吗?提前谢谢。

如果您的数据在一个php数组中,标签在另一个php数组中,那么您可以使用该函数将数据传递给chartjs

通过$this->list\u练习,您可以做到:


然后在视图/模板中:

var barChartData={
标签:,
数据集:[
{
fillColor:“rgba(23158,3,0.8)”,
strokeColor:“rgba(24107,2,0.8)”,
高光填充:“rgba(24107,2,0.9)”,
强光笔划:“rgba(24107,2,1)”,
数据:
}
]
}
我还没有运行代码,但想法只是一个片段。
看看这是否有帮助

labels: ["January", "February"]
labels: $array