Javascript 如何将Plotly.js图例移出第二个y轴

Plotly.js默认为图例覆盖第二个y轴。下面是他们自己的代码笔示例：

我无法让传奇人物向右移动。我尝试过调整绘图上的边距/填充、图例的x位置、图例上的边距/填充、div的总体大小以及图例的方向

关于图例方向的主题，我可以将图例放在绘图下方，以解决此问题。然而，我在实现这一点上也遇到了困难。以下是我的图例布局代码：

legend: {orientation: 'h',
        y: -0.17,
        x: 0,
        font: {
            family:'Roboto',
            size: 10,
            color: 'rgb(54, 54, 54)'}
        },

下面是我的图表：

---

很明显，这里缺少很多代码，这不是问题的工作示例，但是方向没有改变为水平方向

把它放在绘图下面怎么样？您还可以通过更改

legend

属性中的

x

和

y

值来调整其位置

var trace1={
x:[1,2,3],，
y:[40,50,60]，
名称：“yaxis数据”，
键入：“散布”
};
变量trace2={
x:[2,3,4]，
y:[4,5,6]，
名称：“yaxis2数据”，
yaxis:‘y2’，
键入：“散布”
};
var数据=[trace1，trace2]；
变量布局={
标题：“双Y轴示例”，
亚克斯：{
标题：“亚克西斯标题”
},
yaxis2：{
标题：“亚西2号标题”，
标题字体：{
颜色：'rgb（148103189）'
},
勾选字体：{
颜色：'rgb（148103189）'
},
覆盖：“y”，
一边：“对”
},
图例：{
y:1,，
x:1.1，
bgcolor:'透明'，
}
};
Plotly.newPlot（'myDiv'，数据，布局）
我对他们的大多数文档也有相同的问题-他们告诉您属性的用途，但不告诉您属性的可接受值是什么以及每个值的作用。可以通过执行以下操作将图例设置为水平：

layout:{
  orientation: "h"
}

我想了想。奇怪的是，我无法让我的实际代码生成具有水平方向的图例。我正在更新我的问题，包括一个截图。1.1，当然！您知道plotly是否有每个格式输入的可接受范围的巨大列表？我尝试了各种整数，但我不知道为什么我没有想到1.1。我也认为水平定向会很好，但我真的无法让它工作。@Murenrb如果您对legend有更多问题，请检查那里有很多关于legend的信息。@善良的用户，谢谢链接！我一点也不想听起来忘恩负义，但那个网站实际上并没有太大帮助。在这篇文章之前，我已经详细阅读了它，问题是它没有调用所有可能的属性或那些属性可以设置的值范围。就像这个x=1.1的值。plotly最好为其库列出一个包含所有属性和值范围的庞大列表。但我知道这需要很多时间，这是相当多的痕迹。我认为最好的选择仍然是将其移动到绘图下，但如果您不能这样做，请查看我编辑的答案。我没有更改为水平的问题已通过使用最新的绘图库修复。
layout:{
  orientation: "h"
}