Hi,
It seems that Grouped & Stacked bar Apexcharts doesn't work for me. I've created a chart with same properties as this link.
On my designer it shows me that :
How can I resolve it ?
Thanks
My options property :
{
"plotOptions": {
"bar": {
"horizontal": true
}
},
"dataLabels": {},
"xaxis": {
"categories": [
"Online advertising",
"Sales Training",
"Print advertising",
"Catalogs",
"Meetings"
],
"labels": {}
},
"legend": {
"horizontalAlign": "left",
"position": "top"
},
"fill": {
"opacity": 1
},
"stroke": {
"colors": [
"#fff"
],
" width": 1
},
"chart": {
"stacked": true,
"type": "bar",
"height": 350
},
"colors": [
"#80c7fd",
"#008FFB",
"#80f1cb",
"#00E396"
]
}
My series property :
[
{
"data": [
44000,
55000,
41000,
67000,
22000
],
"name": "Q1 Budget",
"group": "budget"
},
{
"data": [
48000,
50000,
40000,
65000,
25000
],
"name": "Q1 Actual",
"group": "actual"
},
{
"data": [
13000,
36000,
20000,
8000,
13000
],
"name": "Q2 Budget",
"group": "budget"
},
{
"data": [
20000,
40000,
25000,
10000,
12000
],
"name": "Q2 Actual",
"group": "actual"
}
]