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

Beginne mit dem bereitgestellten JSFiddle und reproduziere die horizontale Legende unterhalb der Beschriftung der x-Achse mithilfe der in der Issue angegebenen Plotly.newPlot-Konfiguration. Verfolge, wie die Positionierung von Legende und Achsenbeschriftung im Layout erfolgt, und überprüfe anschließend, dass lange horizontale Legenden unterhalb der x-Achse ohne Überlappung oder manuelles Raten negativer y-Werte platziert werden können.