2015-02-20 3 views
1

Я пытаюсь получить данные из моего файла PHP затем в chart.jsдиаграмма JS и JSON, диаграмма не отображается

У меня есть 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

вам может потребоваться вызывать «var myBarChart = new Chart (ctx) .Bar (data);' снова после обновления данных. – Koogle

+0

Ваш удивительный! Работы сейчас, iv буквально застряли на этом часами –

+0

Хорошо, я отправлю в качестве ответа, чтобы вы могли проверить его, а другие могут легко найти его. Нет проблем, – Koogle

ответ

2

Вам нужно вызвать здание диаграммы с Bar(data) после обновляются данные. Затем диаграммы обновляются.