Es posible graficar de la siguiente manera?
- Dos barras
- La otra "Overlap" es decir, superpuestas.
- Una de ellas "Stacked" es decir, sumando ambas.
Actualmente ambas se stackean,Data 4 y Data 2 se suman.
Esperado: Lo esperado es que Data 4 y Data 2 se superpongan
var data = {
labels: ["User1"],
datasets: [
{
stack:2,
label: "Data 4",
backgroundColor: "grey",
borderWidth: 1,
data: [100],
},
{
stack:2,
label: "Data 2",
backgroundColor: "lightgreen",
borderWidth: 1,
data: [80],
},
{
stack:1,
label: "Data 3",
backgroundColor: "blue",
borderWidth: 1,
data: [50],
},
{
stack:1,
label: "Data 1",
backgroundColor: "yellow",
borderWidth: 1,
data: [20],
},
],
};
var options = {
indexAxis: "y",
}
var ctx = document.getElementById("myChart").getContext("2d");
var myBarChart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script>
<canvas id="myChart" width="500" height="300"></canvas>