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

在规范化坐标中调整图例位置应该会有所帮助。 另请参阅此处 。 即：

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