图表 js 和 json，图表未显示

Question

我正在尝试从我的 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);

Answer 1

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

图表 js 和 json，图表未显示

chart js and json, chart not showing up

php

arrays

jquery

json

chart.js