Chart.js - アニメーション後にグラフが消える[ブートストラップ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と呼ばれる方法です：

UPDATE私はLaravel 5.4を使用してい

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

を：私もそれをデバッグしようと、それはjavascriptをいったん消えていることが分かりましたBootstrapの読み込みが完了しました。

Answer 1

私はビューの全体のコードを含めていないので、あなたはあなたのコード@hereectionのどこかにいると思います。その場合は、コードから@endsectionを削除してテストしてください。この方法で、ブートストラップを使ってLaravel 5.4で動作するはずです。