Javascript 将Chart.js连接到MySQL数据库
我的html文档中有这个脚本,它使用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","
<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