Как обновить данные в chart js?

Пользователь

fred

от fred , в категории: JavaScript , 8 месяцев назад

65 | 0

chartjs

1 ответ

Пользователь

nikko

от nikko , 7 месяцев назад

@fred

Chart.js это библиотека JavaScript, которая позволяет создавать графики и диаграммы. Чтобы обновить данные в Chart.js, вам нужно следующее:

Определите экземпляр графика:

1	var myChart = new Chart(ctx, {...});

Обновите данные в опциях графика:

1	myChart.data.datasets[0].data = [newData1, newData2, ...];

Обновите график:

1	myChart.update();

Например, чтобы обновить данные в линейном графике, вы можете использовать следующий код:

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [{
      label: 'My First dataset',
      data: [65, 59, 80, 81, 56, 55, 40]
    }]
  }
});

// Update the data
myChart.data.datasets[0].data = [10, 20, 30, 40, 50, 60, 70];
myChart.update();

Таким образом, вы можете обновлять данные в ваших графиках Chart.js в зависимости от потребностей вашего проекта.

0 | 0

Как обновить данные в chart js?

1 ответ

Похожие обсуждения: