How to create stacked bar chart using react-chartjs-2?
const options = {
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true
}]
}
}
let data ={
datasets:[{
label: 'test1',
data :[1]
},
{
label: 'test2',
data: [2]
}],
labels:['label']
}
render(){
return <Bar data={data} options={options} />
}
Add the stack
option to your datasets.
Identical stack values are stacked together.
const arbitraryStackKey = "stack1";
const data = {
labels: ['a', 'b', 'c', 'd', 'e'],
datasets: [
// These two will be in the same stack.
{
stack: arbitraryStackKey,
label: 'data1',
data: [1, 2, 3, 4, 5]
},
{
stack: arbitraryStackKey,
label: 'data2',
data: [5, 4, 3, 2, 1]
}
]
}