设置stack后，两个bar并排显示，而不是堆叠显示~

Question

对比了好多次，写的没问题啊，但是为啥是并排显示的。。提问区的方法也没用啊~

chart.setOption({
      xAxis: {
        type: "value",
        show: false,
      },
      yAxis: {
        type: "category",
        show: false,
      },
      series: [
        {
          type: "bar",
          stack: "总量",
          data: [200],
          barWidth: 10,
        },
        {
          type: "bar",
          stack: "总量",
          data: [250],
        },
      ],
      grid: {
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
      },
    });

Answer 1

慕哥9542403 2022-04-06 22:51:54

series: [{
        type: 'bar',
        data: [200],
        barWidth: '10px',
        itemStyle: {
          color: '#45c946'
        }
      },
      {
        type: 'bar',
        data: [250],
        barWidth: '10px',
        barGap: '-100%',
        z: "-1",
        itemStyle: {
          color: '#eee'
        }
      }]

• qq_慕虎1066881 #1

  还是没有效果诶

• 慕盖茨9018266 回复 qq_慕虎1066881 #2

  series: [{
          type: 'bar',
          data: [200],
          z: 10,
          barWidth: 10,
          itemStyle: {
            color: '#45c946'
          }
        },
        {
          type: 'bar',
          data: [250],
          barWidth: 10,
          barGap: '-100%',
          itemStyle: {
            color: '#eee'
          }
        }]

Answer 2

真的太虚了 2022-05-15 23:45:18

第二个bar的data设置为50

Answer 3

SunShineQQ 2022-03-29 02:21:25

设置一个stack是不行的，添加一个

barGap