jsonのjsonchartが動作しないのはなぜですか？

Question

私はこのウェブサイトのチュートリアル続いてきました：
http://kushagragour.in/blog/2013/06/getting-started-with-chartjs/

をし、これが現時点での私のjsfiddleです：

<div style="width: 500px; height: 500px;"> 
    <canvas id="canvas"></canvas> 
</div> 
var lineChartData = { 
    labels : ["January","February","March","April","May","June","July"], 
    datasets : [ 
     { 
      fillColor : "rgba(220,220,220,0.5)", 
      strokeColor : "rgba(220,220,220,1)", 
      pointColor : "rgba(220,220,220,1)", 
      pointStrokeColor : "#fff", 
      data : myData.mapProperty('rank') 
     }, 
     { 
      fillColor : "rgba(151,187,205,0.5)", 
      strokeColor : "rgba(151,187,205,1)", 
      pointColor : "rgba(151,187,205,1)", 
      pointStrokeColor : "#fff", 
      data : [28,48,40,19,96,27,100] 
     } 
    ] 

}; 

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); 

JSONはjsfiddleで..です

http://jsfiddle.net/vrwjfg9z/2575/

Answer 1

js：

0123また、 ;

その呼び出し上記mapProperty宣言を動かす -

Array.prototype.mapProperty = function(property) { 
    return this.map(function (obj) { 
     return obj[property]; 
    }); 
}; 

var myData = [{ 
    "date": "02-03-2013", 
    "rank": 213869, 
    "sites-linking": 100 
}]; 

var lineChartData = { 
    labels : ["January","February","March","April","May","June","July"], 
    datasets : [{ 
      fillColor : "rgba(220,220,220,0.5)", 
      strokeColor : "rgba(220,220,220,1)", 
      pointColor : "rgba(220,220,220,1)", 
      pointStrokeColor : "#fff", 
      data : myData.mapProperty('rank') 
     }, { 
      fillColor : "rgba(151,187,205,0.5)", 
      strokeColor : "rgba(151,187,205,1)", 
      pointColor : "rgba(151,187,205,1)", 
      pointStrokeColor : "#fff", 
      data : [28,48,40,19,96,27,100] 
    }] 
}; 

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); 

var myData = []は、文の区切り文字を持っていませんでした。フィドルではファイルの最後にあります。行data : myData.mapProperty('rank')は知識のない関数を呼び出そうとしています。