Javascript 如何将mysql数据库中的数据提取到my charts.js
我不知道如何从数据库中提取所需的数据。我在网上查过,我看到人们这样做的唯一方式就是使用ajax或json代码。有没有办法避免使用它?目前,我的图表是硬编码的,但我需要从数据库中提取数据Javascript 如何将mysql数据库中的数据提取到my charts.js,javascript,mysql,chart.js,Javascript,Mysql,Chart.js,我不知道如何从数据库中提取所需的数据。我在网上查过,我看到人们这样做的唯一方式就是使用ajax或json代码。有没有办法避免使用它?目前,我的图表是硬编码的,但我需要从数据库中提取数据 <script> var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; var lineChartData = { labels : ["January","Febru
<script>
var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
var lineChartData = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
label: "My First dataset",
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
},
{
label: "My Second dataset",
fillColor : "rgba(151,187,205,0.2)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(151,187,205,1)",
data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
}
]
}
window.onload = function(){
var ctx = document.getElementById("myChart").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true
});
}
</script>
var randomScalingFactor=function(){return Math.round(Math.random()*100)};
变量lineChartData={
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[
{
标签:“我的第一个数据集”,
填充颜色:“rgba(220220,0.2)”,
strokeColor:“rgba(2201)”,
点颜色:“rgba(220220,1)”,
pointStrokeColor:“fff”,
pointHighlightFill:“fff”,
pointHighlightStroke:“rgba(2201)”,
数据:[随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子()]
},
{
标签:“我的第二个数据集”,
填充颜色:“rgba(151187205,0.2)”,
strokeColor:“rgba(151187205,1)”,
点颜色:“rgba(151187205,1)”,
pointStrokeColor:“fff”,
pointHighlightFill:“fff”,
pointHighlightStroke:“rgba(151187205,1)”,
数据:[随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子(),随机缩放因子()]
}
]
}
window.onload=函数(){
var ctx=document.getElementById(“myChart”).getContext(“2d”);
window.myLine=新图表(ctx).Line(lineChartData{
回答:对
});
}
您必须决定使用某种传输机制/格式将数据传输到客户端,因为客户端无法直接从数据库获取数据,除非您在NodeJ或类似设备上运行。REST/Ajax/JSON只是一个选项,但可能是最常用和最容易入门的。您好,有没有我可以用于Ajax/JSON代码的代码?您可能应该研究不同的Javascript框架,比如或。它们都为ajax/REST请求提供了自己的抽象。这还取决于您在服务器端访问数据库的方式。