Reduce the width of the boxplot - plotly js

plotly.js
1

I am using plotly js javascript library. But, in the case of single or two boxplots, the boxplots are taking too much space. Is there any way to set the width?

My code looks as:

var y0 = [];
var y1 = [];
for (var i = 0; i < 50; i ++) {
	y0[i] = Math.random();
	y1[i] = Math.random() + 1;
}

let layout = {
  showlegend: false,
  newshape: {
    line: {
      width: 1
    }
  },
  /* boxgap: 0.9, */
  yaxis:
  {
    tickprefix: "$"
  },
  height: 450
}

var trace1 = {
  y: y0,
  type: 'box'
};


var data = [trace1];

Plotly.newPlot('myDiv', data, layout);

<head>
	<!-- Load plotly.js into the DOM -->
	<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>

<body>
	<div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>

Here, I have set, newshape.line.width but it does not seems working. It looks like boxgap seems working by reducing the width, but on the other hand when there are many boxplot, it is taking too small width. Is there any pay way to fix this one and set the max width of a boxplot?

Here is the jsfiddle if you need.

2

I wish I had an answer for you, but I am just checking to see if you figured this out. I have been banging my head on this for a while now. I see lots of similar questions and 0 answers.