Hocam aynı html kodlarını kopyalayıp yapıştırın. Sonradan yapıştırdığınız canvasin ID sini canvas2 diye degistirin.
window.onload ile başlayan fonksiyonu da aşağıdaki gibi değiştirirseniz çalışacaktır. 2. Grafiğin verileri farklı olacaksa canvas2 nin data kısmındaki barChartData yi 2 diye değiştirip diğer scriptti kopyalayıp değerleri değiştirip adını barChartData2 olarak değiştirebilirsiniz.
<script>
window.onload = function() {
var ctx2 = document.getElementById('canvas2').getContext('2d' );
window.myBar = new Chart(ctx2, {
type: 'bar',
data: barChartData,
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: ''
}
}
});
var ctx = document.getElementById('canvas').getContext('2d') ;
window.myBar = new Chart(ctx, {
type: 'bar',
data: barChartData,
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: ''
}
}
});
};
</script>