将JSON数据添加到Chart.js

时间:2014-08-17 16:32:57

标签: javascript ajax json chart.js

我一直试图用我从ajax请求获得的数据填充我的图表,但我似乎无法弄明白。有人可以帮忙吗?

var simple_forms;
$.ajax({
    type: "GET",
    url: url,
    data: "user_id="+user_id,
    success: function(data){ simple_forms = data; },
    error: function(data) {  }
});

这是data = [1,2,3,4,5,6,7]

的输出
var weekly_line_data = {
    labels : ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
    datasets : [
    {
        label: "Simple Forms",fillColor : "transparent",strokeColor : "#53A3EB",pointColor : "#53A3EB",pointStrokeColor : "#fff",pointHighlightFill : "#2980b9",pointHighlightStroke : "#2980b9",
        data : simple_forms
    }]
}

var ctx = document.getElementById("weekly_line_data").getContext("2d");
window.myLine = new Chart(ctx).Line(weekly_line_data, {responsive: true,scaleShowGridLines : true,scaleGridLineWidth : 1,datasetStrokeWidth : 1,pointDotRadius : 5});

0 个答案:

没有答案