Chart.js - 动画后图表消失[因为Bootstrap Js]

Question

我用Chart.js创建了一个图表，但是在动画完成后我的图表就消失了。

这是我的脚本代码。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>

    <script>
        let myChart = document.getElementById('myChart').getContext('2d');

        let massPopChart = new Chart(myChart, {
            type:'line', // bar, horizontalBar, pie, line, doughnut, radar, polarArea
            data:{
                labels:['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
                datasets:[{
                    label:'Sales',
                    data:[
                        500,
                        304,
                        601,
                        670,
                        912,
                        612,
                        500
                    ]
                }]
            },
            options:{}
        });
    </script>

这就是我打电话给myChart的方式：

<div class="row">
    <div class="col-md-12">
        <div class="container">
            <canvas id="myChart"></canvas>
        </div>
    </div>
</div>

我正在使用Laravel 5.4

更新：我也试过调试它，发现一旦bootstrap的javascript完成加载就消失了。

Answer 1

我看到你没有为你的视图包含整个代码所以我猜你的代码中有一些@endsection。如果是这样，那么只需从代码中删除@endsection并进行测试即可。这样它应该在Laravel 5.4中使用bootstrap。