# How to display three datapoints in Apex - bar chart (stacked)

**URL:** <https://forum.inductiveautomation.com/t/how-to-display-three-datapoints-in-apex-bar-chart-stacked/90200>\
**Category:** 3rd Party Modules\
**Tags:** ignition81, perspective\
**Created:** [May 10, 2024, 3:00am UTC](https://forum.inductiveautomation.com/t/how-to-display-three-datapoints-in-apex-bar-chart-stacked/90200 "2024-05-10T03:00:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anantharaman\_Nagaraj](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@Anantharaman\_Nagaraj](https://forum.inductiveautomation.com/u/Anantharaman_Nagaraj)\
**Post date:** [May 10, 2024, 3:00am UTC](https://forum.inductiveautomation.com/t/how-to-display-three-datapoints-in-apex-bar-chart-stacked/90200/1 "2024-05-10T03:00:26Z")

</div>

Hi all, I am using Apex Chart version 1.0.16. Trying to have a stacked bar chart showing three data points: Defect name (text), open defects count (val), and closed defects count (val). I was able to display two of these, we're facing issues when trying to show all three data points stacked together. any possible to way to achieve this ?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 10, 2024, 4:47am UTC](https://forum.inductiveautomation.com/t/how-to-display-three-datapoints-in-apex-bar-chart-stacked/90200/2 "2024-05-10T04:47:49Z")

</div>

Try this:

```python
 var options = {
          series: [{
          name: 'PRODUCT A',
          data: [44, 55, 41, 67, 22, 43]
        }, {
          name: 'PRODUCT B',
          data: [13, 23, 20, 8, 13, 27]
        }, {
          name: 'PRODUCT C',
          data: [11, 17, 15, 15, 21, 14]
        }, {
          name: 'PRODUCT D',
          data: [21, 7, 25, 13, 22, 8]
        }],
          chart: {
          type: 'bar',
          height: 350,
          stacked: true,
          toolbar: {
            show: true
          },
          zoom: {
            enabled: true
          }
        },
        responsive: [{
          breakpoint: 480,
          options: {
            legend: {
              position: 'bottom',
              offsetX: -10,
              offsetY: 0
            }
          }
        }],
        plotOptions: {
          bar: {
            horizontal: false,
            borderRadius: 10,
            borderRadiusApplication: 'end', // 'around', 'end'
            borderRadiusWhenStacked: 'last', // 'all', 'last'
            dataLabels: {
              total: {
                enabled: true,
                style: {
                  fontSize: '13px',
                  fontWeight: 900
                }
              }
            }
          },
        },
        xaxis: {
          type: 'datetime',
          categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT',
            '01/05/2011 GMT', '01/06/2011 GMT'
          ],
        },
        legend: {
          position: 'right',
          offsetY: 40
        },
        fill: {
          opacity: 1
        }
        }

```

---

<div class="post-metadata">

**Author:** ![Anantharaman\_Nagaraj](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@Anantharaman\_Nagaraj](https://forum.inductiveautomation.com/u/Anantharaman_Nagaraj)\
**Post date:** [May 10, 2024, 8:28am UTC](https://forum.inductiveautomation.com/t/how-to-display-three-datapoints-in-apex-bar-chart-stacked/90200/3 "2024-05-10T08:28:17Z")

</div>

Ok will try, thanks