所以我将 ChartJS 与 Bootstrap 4 和 Laravel 元素一起使用。 代码很好(见下文)。每次我刷新页面时,图表都会显示一毫秒然后消失。
<div class="col-md-6">
<div>
<canvas id="pie-chart" style="width:100%;"></canvas>
<!-- Pie Chart -->
<script>
new Chart(document.getElementById("pie-chart"), {
type: 'pie',
data: {
labels: ["College Project", "Mind Map", "Designers Club"],
datasets: [{
label: "Population (millions)",
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f"],
data: [2478,5267,734]
}]
},
options: {
title: {
display: true,
text: 'Tasks Division'
}
}
});
</script>
</div>
</div>
最佳答案
我遇到了同样的问题。 问题出在布局中延迟加载 app.js。
<script src="{{ asset('js/app.js') }}" defer></script>
它是在我和一个 Vue 实例创建之后加载的。我认为这就是图表消失的原因。
希望对大家有帮助。
关于javascript - ChartJS 出现又消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53884674/