Chart.js仅在我通过Chrome进行调试时才会绘制

Question

我正在尝试在AngularJS网页上使用Chart.JS加载图表。当我简单地加载页面时，即使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（），以便执行该函数以呈现图表。当您进入调试模式时，调试模式会调用它。