我正在嘗試使用 Chartjs 在我的 django 專案中可視化資料。現在我只關心可視化部分而不是后端的東西,但由于一些奇怪的原因,即使我直接從 Chartjs 網站復制并粘貼圖表,圖表也拒絕顯示。
<div id="chart_div" class="option-chart">
<canvas id="myChart" width="648" height="495"></canvas>
</div>
<script>
const ctx = document.getElementById('myChart');
const myChart = {
type : 'bar',
data : {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options : {
scales: {
y: {
beginAtZero: true
}
}
}
};
</script>
從上面的代碼可以看出。它的樣板檔案,但我無法將其可視化。
uj5u.com熱心網友回復:
我想你沒有添加cdn鏈接
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/389609.html
標籤:javascript 姜戈 图表 图表.js 数据可视化
