chart js kodlarını farklı sayfadan çağırınca çalışmıyor.
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
</head>
<body>
<canvas id="browser_user" width="400px" height="200px"></canvas>
<script type="text/javascript" src="analytics/analytics.js"></script>
</body>
<script>
//analytics.js page
var browserCanvas = document.getElementById("browser_user").getContext('2d');
var myChart = new Chart(browserCanvas, {
type: 'bar',
data: {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 93, 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: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
bu şekilde ekle
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>
buradan Copy Script Tag
diyerek copyalayabilirsin.
Şimdi oldu google'ın sayfaya çağırdığım cdn kodunu yorum satırına almıştım ama diğer sayfadaki google'a ait canvas kodlarını silmemiştim undefined hatası veriyormuş geliştirici araçlarında onları da yoruma alınca düzeldi.
Kodları açıklasaydın nasıl olurdu :)
Teşekkürler.