为什么我的带有 json 的 jschart 不工作？

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 进行一些快速更改：

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 = [] 没有语句分隔符 - ;

此外，将 mapProperty 声明移至其调用上方。在 fiddle 中，它位于文件末尾。 data : myData.mapProperty('rank') 行试图调用它不知道的函数。

为什么我的带有 json 的 jschart 不工作？

Why is my jschart with json not working?

arrays

json

jscharts