javascript - Chart JS 不适用于动态数据

Question

我正在使用 www.chartjs.org，该代码非常适合“data”属性的硬编码数据，它完美地显示了 labelArr，但在作为变量传递的 ChartDataArr 和 goalArr 方面存在问题。

var chartDataArr = [110.0,70.0,30.0,130.0,100.0];
var goalArr = [67.9,67.9,67.9,67.9,67.9];
var labelArr = ["a", "b", "c", "d", "e"];

// this requires HTML5 canvas, <canvas id="graphContainerOne" width="400" height="200"></canvas>
var ctx = $("#graphContainer").get(0).getContext("2d");
//This will get the first returned node in the jQuery collection.

var mydata = {
    labels: labelArr,
    datasets: [{
        fillColor: "rgba(0,176,80,0.5)",
        strokeColor: "rgba(0,176,80,1)",
        pointColor: "rgba(0,176,80,1)",
        pointStrokeColor: "#fff",
        data: chartDataArr
    }, {
        fillColor: "rgba(0,112,192,0.5)",
        strokeColor: "rgba(0,112,192,1)",
        pointColor: "rgba(0,112,192,1)",
        pointStrokeColor: "#fff",
        data: goalArr
    }]
};

var options = {
    bezierCurve: false
};

var myNewChart = new Chart(ctx).Line(mydata, options);

Answer 1

以下内容对我来说效果很好。您使用的是最新版本的 Chart.js 吗？

var array = [298,287,284,282,280];
var labelArray = ["April","May","June","July","August"];

var data = {
labels : labelArray,
pointDotStrokeWidth : 5,
datasets : [
    {
        label: "My First dataset",
        fillColor : "rgba(151,187,205,0.5)",
        strokeColor : "rgba(151,187,205,1)",
        pointColor : "rgba(151,187,205,1)",
        pointStrokeColor : "#fff",
        data : array


    },
    {
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.0)",
        strokeColor: "rgba(20, 138, 44, 1)",
        highlightFill: "rgba(220,220,220,0.75)",
        highlightStroke: "rgba(220,220,220,1)",
        pointColor : "rgba(151,187,205,0)",
        pointStrokeColor : "rgba(151,187,205,0)",
        data: [287, 287, 287, 287, 287]
    }
]
}

var ctx = $("#weekChart").get(0).getContext("2d");
new Chart(ctx).Line(data);