chat.js无法画出Y轴数据

发布于 2022-09-04 08:59:52 字数 1326 浏览 17 评论 0

动态获取数据之后,无法画出Y轴信息,浏览器没有报错。浏览器打印是有数据的,新手学习。

window.onload=function()
{

getdatafromDB();  

}

var getdatafromDB = function(){

$.ajax({  
    url: "./line.php",  
    type: "POST",  
    dataType:"json",  
    error: function(){    
         alert('Error loading XML document');    
    }, 
    success:function(data){
        bar(data);  
    }  
});  

}

function bar(Data)
{

if(Data.length == null || Data.length == 0)  
{
    return;
}

var lineChartData={};  
lineChartData.labels=[];  
lineChartData.datasets=[];

var temData={};  
temData.data=[];  
temData.fillColor= "rgba(220,220,220,0.5)";  
temData.strokeColor = "rgba(220,220,220,1)";  
temData.pointColor="rgba(220,220,220,1)",  
temData.pointStrokeColor= "#fff";  

for(var i=0;i<Data.length;i++)  
{
    lineChartData.labels.push(Data[i]['lable']);  
    temData.data.push(Data[i]['value']);  
}

lineChartData.datasets.push(temData);
console.log(lineChartData);

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData,{
    responsive:true
});

}

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文