plotly.js图例重叠图表

Question

请看示例截图 - 我不能重现除了在这个网站上，它似乎与css有些冲突，但任何想法是什么？

通常情况下，如果没有足够的水平空间，则将图例移动到顶部。但是，此示例显示图例与图形重叠。即使我将图例方向设置为水平，它仍然会与图形重叠。

你有什么想法可以发生吗？

Answer 1

由css向导https://tiki.org/item6567（Luci）修复：

.js-plotly-plot .plotly .main-svg {overflow: visible}
.js-plotly-plot .plotly .main-svg .legend {transform: translate(640px, 100px)}

Answer 2

将图例放在情节之外对我有用：

var layout = {
  showlegend: true,
  legend: {
    x: 1,
  }
};

Answer 3

在归一化坐标中调整图例位置应该会有所帮助。另请参见here。 即：

layout = go.Layout(
     legend={"x" : 1.2, "y" : 1}
)