堆叠的柱状图怎么填满整个容器的宽度的？

Question

老师的示例里就是填满的，我照搬的却右边长度不够

chart.setOption({
      xAxis: {
        type: 'value',
        show: false
      },
      yAxis: {
        type: 'category',
        show: false
      },
      series: [{
        type: 'bar',
        stack: 'total',
        data: [200],
        barWidth: 10,
        itemStyle: {
          color: '#45c946'
        }
      }, {
        type: 'bar',
        stack: 'total',
        data: [250],
        itemStyle: {
          color: '#eee'
        }
      }],
      grid: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      }
    })

Answer 1

递弱代偿_cz 2022-08-18 18:14:20

                xAxis: {
                    type: 'value',
                    show: false,
                    max: function (value) {
                        // 说明下 这个计算方法是因为:
                        // series 中所有对象的 data 的最大值求和为 value 的 max
                        // series 中取所有对象的 data 的最小值 为 value 的 min
                        // 本例的 value.max = 200 + 250 + 200 value.min = 200
                        // 因此，计算方式为 value.max - value.min * 2
                        return value.max - value.min * 2
                    }
                },

我是这么理解了，如有错误请各位大佬指教，谢谢

Answer 2

慕沐0537814 2022-05-08 20:07:20

已解决：

xAxis: {
        type: "value",
        show: false,
        max: function (value) {
          return value.max;
        },
      },

Answer 3

帅的被人砍_ 2022-03-14 16:15:41

  grid: {

          top: 0,

          bottom: 0,

          left: 0,

          right: 0

        }

Answer 4

weixin_慕盖茨8478392 2022-01-10 14:58:24

会不会这里没有加格式？我也是小白，仅供参考

Answer 5

慕运维1161037 2021-12-24 09:43:51

我i也遇到了这个问题，怎么到现在还没人解答

• weixin_慕田峪7122337 #1

  你好，你这个问题解决了吗