图表js和json,图表没有显示

时间:2015-02-20 17:05:20

标签: php jquery arrays json chart.js

我试图从我的php文件中获取数据然后进入chart.js

我有php工作和js工作(没有错误)但由于某种原因图表没有显示...

这是我的js

var ctx = $("#salesChart").get(0).getContext("2d");

    var data = {
        labels: [],
        datasets: [
            {
                label: "My First dataset",
                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: []
            }
        ]
    };

    $.getJSON('ajax/sales_chart.php', {id:$('#salesChart').data('storeid')}, function(result){
        $.each(result, function(i, field){
            data.labels.push(field['month']); 
            data.datasets[0].data.push(field['sales']);
        });
    });


    var myBarChart = new Chart(ctx).Bar(data);

1 个答案:

答案 0 :(得分:2)

更新数据后,需要使用Bar(data)调用图表的构建。然后图表会刷新。