#javascript #chart.js
#javascript #chart.js
Вопрос:
Я хочу использовать chart.js но я получаю эту ошибку, кто-нибудь хочет помочь мне решить проблему?
Блокировка чтения из разных источников (CORB) заблокированный ответ из разных источников https://cdnjs.com/libraries/Chart.js с помощью MIME введите текст / html. См. https://www.chromestatus.com/feature/5629709824032768 для получения более подробной информации.
Вот мой js.
const Chart = document.getElementById("lineChart");
console.log(Chart);
let lineChart = new Chart(Chart,{
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fill: false,
lineTension: 0.1,
backgroundColor: "rgba(75, 192, 192, 0.4)",
borderColor: "rgba(75, 192, 192, 1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHitRadius: 10,
data: [65, 59, 80, 81, 56, 55, 40],
}
]}
});
Заранее спасибо!
Комментарии:
1. Как вы импортируете js? Используете ли вы
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>
2. Я использую этот <script src=» cdnjs.com/libraries/Chart.js «></script >
Ответ №1:
Основываясь на комментарии, вы импортируете HTML-страницу, а не js-файл.
Вот что вы можете сделать, чтобы решить проблему.
После посещения https://cdnjs.com/libraries/Chart.js вы можете,
- Выберите нужную версию сборки.
- Выберите тип ресурса, который вы хотите (Javascript / Таблица стилей).
- Нажмите на ‘</>’, чтобы скопировать тег сценария, который можно вставить и использовать непосредственно на вашей странице.
Комментарии:
1. Всем привет! @Nik Теперь он не отображается?
2. Что не отображается? Я этого не понял. Не могли бы вы, пожалуйста, уточнить?
3. Диаграмма не отображается на моем веб-сайте. Я не знаю, почему? В консоли нет ошибки. @Nik
4. Можете ли вы добавить фрагмент кода, где эта проблема может быть воспроизведена?
5. У меня нет фрагмента кода, но у меня есть это. Код