Как заставить анимацию на графике?

Question

У меня есть графики, сгруппированные под вкладкой (на основе this ), например: Когда я перезагружаю страницу или обновляю значения, анимация работает хорошо.Но я бы хотел начать анимацию, когда открою вкладку с графиками.Возможно ли это?

Я пытался использовать chart.update() или chart.render(), но ничего не получалось.

Answer 1

Существует возможное решение, если вы уничтожите диаграммы и создадите новую.

 Chart.helpers.each(Chart.instances, function(chart){
    let ctx = chart.chart.ctx;
    let config = chart.config;
    chart.destroy();
    new Chart(ctx, config);
})

Он получит все экземпляры графиков, чтобы вы могли легко получить конфигурацию и ctx графиков.Просто поместите это в функцию, которую вы вызываете, когда нажимаете на вкладку.

Answer 2

Определите свой график с помощью этого:

this.myChartInstance = new Chart(ctx, { ...

Затем используйте вызов Javascript в:

<li><a data-toggle="tab" onclick="update" href="#menu1">Menu 1</a></li>

и вызвать скрипт для оживления ...

function update() {
    this.myChartInstance.update();
}