# Apexcharts problem with grouped stacked bar

**URL:** <https://forum.inductiveautomation.com/t/apexcharts-problem-with-grouped-stacked-bar/80528>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 16, 2023, 12:55pm UTC](https://forum.inductiveautomation.com/t/apexcharts-problem-with-grouped-stacked-bar/80528 "2023-10-16T12:55:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [October 16, 2023, 12:55pm UTC](https://forum.inductiveautomation.com/t/apexcharts-problem-with-grouped-stacked-bar/80528/1 "2023-10-16T12:55:45Z")

</div>

Hi,

It seems that Grouped & Stacked bar Apexcharts doesn't work for me. I've created a chart with same properties as this [link](https://apexcharts.com/javascript-chart-demos/bar-charts/grouped-stacked-bars/).

On my designer it shows me that :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/d/3dc4d91e5baacaba9711f428b4b061c2de97f05d.png)

How can I resolve it ?

Thanks

My options property :

```auto
{
  "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 :

```auto
[
  {
    "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"
  }
]

```