2017-03-28 22 views
0

(chartjs.org)でグラフを作成しています。私は、データベースを持っているし、私のPHPのドキュメントには、私はJSONファイルにデータを取り出さ:ajaxを使用したChartJSは機能していません

print json_encode($result->fetch_all()); 

、その結果は罰金であるこの、次のとおりです。私がしようとしているときに問題がある

[["1.1","59.7701"],["1.2","66.6667"],["1.3","65.5172"],["1.4","65.5172"], ["1.5","56.3218"],["1.6","58.6207"],["1.7","58.1395"],["1.8","58.6207"],["1.9","61.6279"],["2.1","65.1163"],["2.2","70.1149"],["2.3","57.4713"],["2.4","54.0230"],["2.5","60.9195"],["3.1","52.3256"],["3.2","60.4651"],["3.3","69.7674"],["3.4","52.3256"],["4.1","52.3256"]] 

$(function() { 
    $('#go').click(function(){ 
    $.ajax({url: '../output.php', data: {MOD_CODE: $('#MOD_CODE').val()}, dataType: 'json', 
     success: function(d){ 
     console.log(d); 
     var data = { labels:[], datasets:[{label:$('#MOD_CODE').val() + ' results', data:[], }]}; 
     for (var i = 0; i < d.length; i++) { 
      data.labels.push(d[i][0]); 
      data.datasets[0].data.push(parseFloat(d[i][1])); 
     } 
     var ctx = document.getElementById("myChart"); 
     var myChart = new Chart(ctx, { 
      type: 'radar', 
      data: data, 
      options:{ 
      responsive:false, 
      scale:{ticks: {beginAtZero: true}}}});//.for 
     }//.success 
    }); //.ajax 
    })//.click 
});//.function 

これはフォルダの構造です。パスを間違って入力している可能性があります。

/folder 
-js/chart.js 
-doc.php 

ajaxの「成功」を通過していないのは奇妙です。私は、PHPファイルは、このコードを生成すること、console.log(d);

+0

また、いくつかのエラーメッセージ/オブジェクトが渡されるエラーフックがあります。エラーを見つけることができるかどうかを確認してください。 – Jeff

+0

私は使用しました:error:function(request、status、error){alert(error.responseText);}リクエストでは、ステータスが「未定義」で、エラーも同じです。 –

答えて

0

問題だった見ることができない。

print json_encode($result->fetch_all()); 

それはプレーンなPHPではなかった、それは一般的にHTMLやコンテンツが含まれていました。

json docを生成するには、それはプレーンなPHPでなければならず、jqueryの呼び出しでデータを収集することができます。

私がエラーリクエストをチェックすると、HTMLページ全体が表示されていました。

関連する問題