如何在绘图中绘制二维箱线图？

Question

我正在尝试使用js绘制2d箱线图，plotly.js绘制图像（使用跨越x和y轴的箱线图来描述两个变量的分布），如下所示： https://i.stack.imgur.com/2yxOQ.png

但是在情节中，我只能找到像这样的boxplot：

var x = ['day 1', 'day 1', 'day 1', 'day 1', 'day 1', 'day 1',
     'day 2', 'day 2', 'day 2', 'day 2', 'day 2', 'day 2']

var trace1 = {
  y: [0.2, 0.2, 0.6, 1.0, 0.5, 0.4, 0.2, 0.7, 0.9, 0.1, 0.5, 0.3],
  x: x,
  name: 'kale',
  marker: {color: '#3D9970'},
  type: 'box'
};

https://codepen.io/plotly/pen/JKGMdQ?editors=0010

如何结合水平和垂直箱线图，并使用plotly.js进行相同操作？