I'm trying to make a stacked bar with apache echart, the problem is that i want to stack them by scope vertically and not horizontally... I would like that, each bar represents one scope and the values that the scope contains. I tried to group the values by scope but, when I apply it, it divides them horizontally and not vertically....

series: [
  {
    name: 'core',
    type: 'bar',
    stack: 'total',
    label: {
      show: true
    },
    emphasis: {
      focus: 'series'
    },
    data: data.CORE.map(item => {
      return{
        value: item.tCo2,
        name: item.name,
        label: {
          show: true,
          formatter: '{b}'
      },
      }
    })
  },
  {
    name: 'down',
    type: 'bar',
    stack: 'total',
    label: {
      show: true
    },
    emphasis: {
      focus: 'series'
    },
      data: data.DOWNSTREAM.map(item => {
      return{
        value: item.tCo2,
        name: item.name,
        label: {
          show: true,
          formatter: '{b}'

      },
      }
    
    })
  },

I grouped them by scope but I still can't apply, here is a small ex: https://gitlab.com/DavinaDena/reactechart Thanks for your help :'l