Я получаю странную ошибку при попытке построить график с диаграммой js в моем шаблоне django. Я следовал за документом для диаграммы js, но на графиках была ошибка для CORS, заблокированной. Пожалуйста, помогите мне узнать, как получить CSV или Excel локально для моего графика?
home. html
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.14.3/dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"></script>
<body>
<div class="container">
<canvas id="myChart"></canvas>
</div>
<script>
let myChart = document.getElementById('myChart').getContext('2d');
let massPopChart = new Chart(myChart, {
type: 'line',
plugins: [ChartDataSource],
options: {
plugins: {
datasource: {
url: 'sample-dataset.xlsx'
}
}
},
data: {
datasets: [{
backgroundColor: 'rgb(19, 82, 150)',
borderColor: 'transparent'
},
{
backgroundColor: 'rgb(196, 230, 255)',
borderColor: 'transparent'
}
]
}
});
</script>
</body>
Также в браузере появляется другая ошибка:
Uncaught TypeError: Cannot read property 'datasets' of undefined
Что это значит?