Colocar dois datasets na mesma coluna no gráfico de barras do Chart.js
Galera preciso colocar dois datasets na mesma coluna do gráfico de barras,desse jeito:
Meu gráficos está assim:
Código:
<script>
var ctx = document.getElementById('chartBar').getContext('2d');
var stackedBar = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
datasets: [{
data: [2, 10, 5, 6, 20, 30, 45,20, 10, 5, 2, 20,0, 10, 5, 6, 20, 30, 45,20, 10, 5, 2, 20],
backgroundColor: 'rgb(0, 128, 160)',
borderColor: 'rgb(0, 128, 160)',
}]
},
options: {
scaleBeginAtZero : true,
scaleShowGridLines : true,
scaleGridLineColor : "rgba(0,0,0,.005)",
scaleGridLineWidth : 0,
scaleShowHorizontalLines: true,
scaleShowVerticalLines: true,
barShowStroke : true,
barStrokeWidth : 0,
tooltipCornerRadius: 2,
barDatasetSpacing : 3,
scales: {
xAxes: [{
stacked: true,
ticks: {
}
}],
yAxes: [{
stacked: true
}]
}
}
});
</script>
<div class="col-md-6"> <canvas id="chartBar" height="150"></canvas></div>
Alguém pode me ajudar?Discussão (4)
Carregando comentários...