Как обновить график chart.js?

Question

[netrox]

Есть база типа Mysql . С помощью ajax я получаю данные от php метода в формате json и отображаю исходя из них график. На данный момент добавляю фильтрацию. Как обновить график исходя из новых(фильтрованных) данных? Использую библиотеку Chart.js.

Answer 1

[Дмитрий Гончаров]

chart.update();

Док

Answer 2

[Даниил]

Поменять данные в datasets и labels, затем вызвать метод update():

chart.data.labels = newLabels
chart.data.datasets = newDatasets
chart.update()

документация

Comments

[netrox]

Ошибка: Uncaught TypeError: Cannot create property '_meta' on string '0.00'
Код:

$('form').submit(function ()
  {
      $.ajax({
          method: 'POST',
          url: 'dashboard/filter',
          success: function (data) {
              var percent=[];
              var names=[];
              var colors=[];
              $.each(JSON.parse(data), function(index, report)
              {
                  percent.push(report.count_percent)
              });
              $.each(JSON.parse(data), function(index, name)
              {
                  names.push(name.resname)
              });
              $.each(names, function()
              {
                  colors.push(getRandomColor())
              });

              // console.log(data);

                  globalChart.data.labels=names;
                  globalChart.data.datasets=percent;
                  globalChart.update();
          }
      });
      return false;
  });

[Даниил]

netrox,
globalChart.data.datasets=[percent];

[netrox]

Ошибка :Cannot set property 'font' of null

[Даниил]

netrox, где-то в логике ошибка. Из одинаковой data как-то получилось 2 разных цикла.