将Plotly.js中容器中间的Y轴的0值对齐

Question

玩Plotly.js，需要制作带有正负值的堆叠条形图，但是要使Y轴的0值在容器的中间对齐，该如何实现？

这是我困在这里的操场：https://codepen.io/anatoly314/pen/oNjopvR

现在我的布局如下，但是最好看一下我的Codepen示例以获取整个图片。

const layout = {
        yaxis: {
          visible: true,
          constraintoward: 'center',
          showticklabels: false
        },
        xaxis: {
          visible: false
        },
        barmode: 'relative',
        showlegend: false,
        margin: {
          l: 0,
          r: 0,
          t: 0,
          b: 0
        },
        autosize: true,
        height: 200,
        width: 100,
        displayModeBar: false
      };

提前谢谢您

Answer 1

您将必须手动设置Y轴范围。