Chartjs не отображается в стеке навигации

Question

Я использую Chart.js для Ionic. Графики прекрасно загружаются на корневой странице, но для каждой страницы после корневой страницы в стеке навигации они отображаются пустыми.

Вот код .ts:

ionViewDidLoad()
{
    this.profile_donutCanvas = <HTMLCanvasElement> document.getElementById("profile_donutChart");
     this.profile_donutCtx = this.profile_donutCanvas.getContext('2d');
     this.profile_donutChart = new Chart(this.profile_donutCtx, {
        type: 'doughnut',
        data: {
            labels: ['', ''],
            datasets: [{
                data: [100, 0],
                backgroundColor: [
                    'rgba(182, 54, 235, 1)',
                    'rgba(255, 255, 255, 1)'
                ],
                borderWidth: 0
            }]
        },
        options: {
            cutoutPercentage: 95,
            legend:{
            display:false
         },
                    tooltips: {
                        enabled:false
                    }
                }
    });
}

и вот код .html:

<canvas id="profile_donutChart" width="100" height="100" padding></canvas>    

Кто-нибудь знает, что может вызвать это?

Спасибо, Трой

Answer 1

У меня были аналогичные трудности с использованием Chart.js в ионном (v3). Я решил их, используя Пакет ng2-charts , см. https://valor -software.com / ng2-charts / , который отлично работает на любой странице стека навигации.