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

Bắt đầu với JSFiddle được cung cấp và tái hiện chú giải ngang bên dưới nhãn trục x bằng cấu hình Plotly.newPlot trong issue. Theo dõi cách chú giải và nhãn trục được định vị trong layout, sau đó xác minh rằng các chú giải ngang dài có thể được đặt bên dưới trục x mà không bị chồng lấn hoặc phải phỏng đoán thủ công các giá trị y âm.