chart.js之用JSON

好傢伙Underfined我有一個問題，我不能顯示我的圖表會變成這個樣子 chart.js之用JSON

就像你看到那裏，我還打印控制檯log.Nothing錯誤發生。下面是我的index.php

<!DOCTYPE html> 
<html> 
<head> 
    <title>Line</title> 
</head> 
<body> 
<div class="chart-container"> 
<canvas id="line-chartcanvas"></canvas> 
</div> 

<script src="js/Chart.bundle.min.js"></script> 
<script src="js/jquery.js"></script> 
<script src="js/chartmain.js"></script> 
</body> 
</html>

我chartmain.js

$(function(){ 
    $.ajax({ 
    url:"http://localhost/Media/chart.php", 
    type: "GET", 
    success : function (data) { 

     var count = []; 
     var displayLink = []; 

     for(var i in data){ 
     count.push ("Player" + data[i].count); 
     displayLink.push(data[i].displayLink); 

     } 

     var chartdata = { 
     labels: displayLink, 
     datasets : [ 
      { 
      data: displayLink, 
      label : 'Score', 
      backgroundColor: 
      "#F1c40F" 
      } 
       ] 

    }; 
    var ctx =$("#line-chartcanvas"); 
    var barGraph = new Chart(ctx,{ 
     type: 'bar', 
     data: chartdata 

    }); 
    console.log(data); 
    }, 

    error : function (data) { 
     console.log(data); 
    }, 
    }); 
});

我的JSON數組

[ 
    { 
    "count": "3", 
    "displayLink": "www.bharian.com.my" 
    }, 
    { 
    "count": "1", 
    "displayLink": "www.hmetro.com.my" 
    }, 
    { 
    "count": "6", 
    "displayLink": "www.nst.com.my" 
    }, 
    { 
    "count": "1", 
    "displayLink": "www.sinarharian.com.my" 
    }, 
    { 
    "count": "1", 
    "displayLink": "www.utusan.com.my" 
    } 
]

我想也許它不能從JSON讀我的數據，但在控制檯登錄它閱讀

來源

2017-05-07 Rushdiey

似乎好，你可以請張貼chart.php？ –

感謝您的幫助，已經找到答案，我不能得到da ta從JSON，但我可以從MySQL的數據

來源

2017-05-08 06:36:30 Rushdiey

chart.js之用JSON

回答

相關問題