enable positioning of horizontal legend below xaxis label

I want to put a (long) legend horizontally and below the xaxis.

But I have some trouble with positioning.

1. By default, the legend runs into the axis label (see Fig. below).
2. Putting the legend below the xaxis seems to require some guessing for a negative y (or are the better ways?

Plotly.newPlot('graph', [
   {  y: [2, 1, 3]},
   {  y: [4, 2, 5]},
   {  y: [3, 3, 6]},
  ],
  {xaxis: {title: {text: 'axis label'}},
           legend: {title: {text: 'legend title'},
                    orientation: 'h'}
  }
)

https://jsfiddle.net/5udmbkza

Comienza con el JSFiddle proporcionado y reproduce la leyenda horizontal debajo de la etiqueta del eje x utilizando la configuración de Plotly.newPlot indicada en el issue. Traza cómo se posicionan en el layout la leyenda y la etiqueta del eje, y verifica después que las leyendas horizontales largas puedan colocarse debajo del eje x sin solaparse ni tener que adivinar manualmente valores y negativos.