3๐
โ
i think you have to change it to something like this:
<div id="container" style="width: 75%;">
<canvas id="canvas"></canvas>
</div>
<script>
var lineChartData = {
labels : ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
datasets : [
{
type: 'bar',
label: "2017",
backgroundColor: 'rgba(151,249,190,0.5)',
borderColor: 'rgba(151,249,190,1)',
borderWidth: 1,
data : [1,2,3,4,5,6,7,8,9,10,11,12]
},
{
type: 'bar',
label: "2018",
backgroundColor: 'rgba(252,147,65,0.5)',
borderColor: 'rgba(252,147,65,1)',
borderWidth: 1,
data : [12,11,10,9,8,7,6,5,4,3,2,1]
}
]
};
window.onload = function() {
var ctx = document.getElementById('canvas').getContext('2d');
window.myBar = new Chart(ctx, {
type: 'bar',
data: lineChartData,
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart'
}
}
});
};
</script>
Source:stackexchange.com