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

提供されたJSFiddleから始め、issueに記載されたPlotly.newPlot設定を使用して、x軸ラベルの下に水平凡例を再現します。凡例と軸ラベルのレイアウト上の配置方法を追跡し、その後、長い水平凡例を重なりや手動で負のy値を推測することなくx軸の下に配置できることを確認します。