2017-06-06 11 views
0

私はchart.jsの棒グラフでデータを表示しています。私のjsonレスポンスはすでにそこに用意されていますが、チャートは未定義の値を示しています。ここjsonのchart.jsで未定義の値

は、JSON以下

$(document).ready(function(){ 
    $.ajax({ 
     url: "<?php base_url();?>/charts/getsome", 
     method: "GET", 
     success: function(data) { 
      console.log(data); 
      var month = []; 
      var customers = []; 

      for(var i in data) { 
       month.push("Customer in" + data[i].apply_month); 
       customers.push(data[i].no_customers); 
      } 
      var chartdata = { 
       labels: month, 
       datasets : [ 
        { 
         label: 'monthly customers', 
         backgroundColor: 'rgba(200, 200, 200, 0.75)', 
         borderColor: 'rgba(200, 200, 200, 0.75)', 
         hoverBackgroundColor: 'rgba(200, 200, 200, 1)', 
         hoverBorderColor: 'rgba(200, 200, 200, 1)', 
         data: customers 
        } 
       ] 
      }; 

      // alert(chartdata); 

      var ctx = $("#mycanvas"); 

      var barGraph = new Chart(ctx, { 
       type: 'bar', 
       data: chartdata 
      }); 
     }, 
     error: function(data) { 
      console.log(data); 
     } 
    }); 
}); 

とjqueryのあるコンソール

enter image description here

そしてここでJSONレスポンスのためのスナップもエラーとチャートのスナップです

enter image description here

私が間違っているところを教えてください。ありがとう

+0

私たちを見せてもらえますか? –

+1

@Dineshなぜあなたはあなたの答えを削除しましたか?あなたは正しいと思われました:) [stringを解析せずに](http://jsfiddle.net/18y58dc9/1/)と[stringを解析すると]参照してください(http://jsfiddle.net/18y58dc9/2/) – George

+0

ありがとう@Dinesh。私はちょうど彼らの値 –

答えて

1

あなたは文字列として応答しています。あなたはあなたが顧客に持っているどのデータを使用して解析する必要がありますか?JSON.parse(data)

success: function(data) { 
      console.log(data); 
      data = JSON.parse(data) 
      //the rest of your code 
     } 
+0

私はこのパースコードをどこに置くことができますか? –

+1

@AshishVyasの下に置いてください/ 'console.log(data)'を置き換えてください。 – George

+0

ありがとうございます。できます :) –