Javascript 图表JS不使用动态数据

Javascript 图表JS不使用动态数据,javascript,jquery,chart.js,Javascript,Jquery,Chart.js,我使用的是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

我使用的是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);
var chartDataArr=[110.0,70.0,30.0130.0100.0]; var goalArr=[67.9,67.9,67.9,67.9,67.9,67.9]; var labelArr=[“a”、“b”、“c”、“d”、“e”]; //这需要HTML5画布, var ctx=$(“#graphContainer”).get(0.getContext(“2d”); //这将获得jQuery集合中返回的第一个节点。 var mydata={ 标签:labelArr, 数据集:[{ 填充颜色:“rgba(0176,80,0.5)”, strokeColor:“rgba(0176,80,1)”, 点颜色:“rgba(0176,80,1)”, pointStrokeColor:“fff”, 数据:chartDataArr }, { 填充颜色:“rgba(0112192,0.5)”, strokeColor:“rgba(0112192,1)”, 点颜色:“rgba(0112192,1)”, pointStrokeColor:“fff”, 数据:goalArr }] }; 变量选项={ 贝塞尔曲线:假 }; var myNewChart=新图表(ctx).Line(mydata,选项);
以下内容对我来说很好。您使用的是最新版本的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);  

你问题的本质是什么?