Javascript Chart.js不会显示普通图表

Javascript Chart.js不会显示普通图表,javascript,jquery,json,charts,chart.js,Javascript,Jquery,Json,Charts,Chart.js,我对Chart.js有问题。当我把数据放在Javascript中时,它很好地显示了图形。现在我想从JSON开始准备。但由于某种原因,它的读数是错误的。 我从他们的网站上学习了这个例子,它应该会告诉我这一点 但我却看到了这一点 请注意,前3周有关于它们的数据。当我将鼠标悬停在它们上方时,它会显示数据。这里是JSON [{ "label": "Net Comp", "color": "#F02626", "data": [520, 600, 850, 900, 300] }, { "label":

我对Chart.js有问题。当我把数据放在Javascript中时,它很好地显示了图形。现在我想从JSON开始准备。但由于某种原因,它的读数是错误的。 我从他们的网站上学习了这个例子,它应该会告诉我这一点 但我却看到了这一点 请注意,前3周有关于它们的数据。当我将鼠标悬停在它们上方时,它会显示数据。这里是JSON

[{
"label": "Net Comp",
"color": "#F02626",
"data": [520, 600, 850, 900, 300]
},
{
"label": "AnalyzerHR",
"color": "#26F041",
"data": [ [6, 300], [7, 400], [8, 550], [9, 750], [10, 200] ]
},
{
"label": "Question Right",
"color": "#20AEFA",
"data": [ [6, 200], [7, 150], [8, 380], [9, 400], [10, 100] ]
}] 因此,这3个数据被打包为数组,并显示在前3个标签上。 因此,当我悬停时,它会向我显示
520600650900300
。 这是错误的,因为数据中的每个值都应该超过1周。而不是仅在第1周的1数据。 这是我的Javascript

$(document).ready(function() {

$.getJSON('data.json', function(data){
    console.log(data);

    var myData = (data);

    Array.prototype.mapProperty = function(property) {
    return this.map(function (obj) {
      return obj[property];
     });
    };
    lineChartData = {
        labels : [["Week 47"],[7,"week 48"], [8,"Week 49"], [9,"Week 50"], [10,"Week 51"], [11,"Week 52"]],
        datasets: [
        {        
        label: "Test",
        fillColor : "rgba(220,220,220,0.2)",
        strokeColor : "rgba(220,220,220,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#fff",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(220,220,220,1)",
        data : myData.mapProperty("data"),

    }]};
    var ctx = document.getElementById("myLineChart").getContext("2d");
    var myLineChart = new Chart(ctx).Line(lineChartData);

});
}))

如何将每个数据值设置为不同的一周? 我看不出我的代码中有任何错误(我知道在某个地方)。Chartjs能够读取JSON并显示它,但显示位置不对

先谢谢你

已编辑
我找到了问题所在,但找不到解决方法。我做了一些测试,似乎在Javascript中,Chartjs读取数据的方式是
[1,2,3,4,5,6,7]
。但当我调用它时,它会得到所有3个对象。当我在数据集中编写类似于
data:chartjsData.data
的内容时,它不会被接受。对于任何有相同问题的人,我找到了解决方案。显然它就在我眼前

我改变了主意

var myData = (data);

Array.prototype.mapProperty = function(property) {
return this.map(function (obj) {
  return obj[property];
});
使用稍微不同的代码->

var chartjsData = [];
for (var i = 0; i < data.length; i++) {
    chartjsData.push(data[i].data); 
};
我希望这将帮助一些刚开始使用Chartjs的人。这是一个很棒的图书馆

datasets: [
    {        
        label: "Test",
        fillColor : "rgba(220,220,220,0.2)",
        strokeColor : "rgba(220,220,220,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#fff",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(220,220,220,1)",
        data : chartjsData[0]
    },{
        label: "Test2",
        fillColor : "rgba(220,220,220,0.2)",
        strokeColor : "rgba(220,220,220,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#fff",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(220,220,220,1)",
        data : chartjsData[1]
    },{
        label: "Test3",
        fillColor : "rgba(220,220,220,0.2)",
        strokeColor : "rgba(220,220,220,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#fff",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(220,220,220,1)",
        data : chartjsData[2]
    }
]