Grouped Stacked chart not grouping

[sahatsawat-s]

the Grouped Stacked is not grouping when i take code from website

series: [
{
name: 'Q1 Budget',
group: 'budget',
data: [44000, 55000, 41000, 67000, 22000]
},
{
name: 'Q1 Actual',
group: 'actual',
data: [48000, 50000, 40000, 65000, 25000]
},
{
name: 'Q2 Budget',
group: 'budget',
data: [13000, 36000, 20000, 8000, 13000]
},
{
name: 'Q2 Actual',
group: 'actual',
data: [20000, 40000, 25000, 10000, 12000]
}
],
chartOptions: {
chart: {
type: 'bar',
height: 350,
stacked: true,
},
stroke: {
width: 1,
colors: ['#fff']
},
dataLabels: {
formatter: (val) => {
return val / 1000 + 'K'
}
},
plotOptions: {
bar: {
horizontal: false,
borderRadius: 10,
dataLabels: {
total: {
enabled: true,
style: {
fontSize: '13px',
fontWeight: 900
}
}
}
},
},
xaxis: {
categories: [
'Online advertising',
'Sales Training',
'Print advertising',
'Catalogs',
'Meetings'
],
labels: {
formatter: (val) => {
return val / 1000 + 'K'
}
}
},
fill: {
opacity: 1,
},
colors: ['#80c7fd', '#008FFB', '#80f1cb', '#00E396'],
legend: {
position: 'top',
horizontalAlign: 'left'
}
},

      ` <apexchart type="bar" height="100%" :options="chartOptions" :series="series"></apexchart>`