Chart.js рисует, только когда я прохожу отладку в Chrome

Question

Я пытаюсь загрузить диаграмму с помощью Chart.JS на веб-странице AngularJS. Когда я просто загружаю страницу, диаграмма не рисуется, даже если HTML-элемент находится на странице. Я поместил console.log в середине вызова диаграммы, чтобы иметь возможность установить точку останова на нем. Когда я загружаю страницу с активной точкой останова, как только я перехожу через нее, появляется диаграмма! У кого-нибудь есть идеи, что бы это могло быть?

function fCurveChart(){
            new Chart(curveChart, {
                type: 'line',
                data: {
                    labels: $scope.labelsChart,
                    datasets:[{
                        label: '',
                        data: $scope.data[0],
                        backgroundColor: 'rgba(26,179,148,0.3)',
                        borderColor: 'rgba(26,179,148,1.5)',
                        borderWidth: 1.5,
                    },
                    {
                        label: '',
                        data: $scope.data[1],
                        backgroundColor: 'rgba(248, 172, 89, 0.3)',
                        borderColor: 'rgba(248, 172, 89, 1.5)',
                        borderWidth: 1.5,
                    }]             
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    scales:{
                        yAxes:[{
                            ticks:{
                                beginAtZero: true
                            }
                        }]
                    }
                }
            })
            console.log('ok')
        }

Answer 1

Вам нужно где-то вызвать fCurveChart (), чтобы функция выполнялась для визуализации диаграммы. Когда вы переходите в режим отладки, режим отладки вызывает его.