Plotly 图例无法扩展 phone

Question

我正在使用 Dash 进行绘图。当我在桌面上查看它时，它看起来不错

但是当我在 phone 上查看时，图例位置与图表重叠。

我的图例是使用

设置的

legend=dict(
    bgcolor='rgba(0,0,0,0)',
    orientation="h",
    yanchor="bottom",
    y=-0.15,
    xanchor="left",
    x=0
)

如何修复图例？奖励问题，如何修复模式栏？

Answer 1

我做了一个 hacky 解决方法。缩放问题的原因是手机的屏幕宽度非常低（~300px），所以我将 body 的 min-width 设置为 500px

body {
    min-width:500px;
}

这会导致网站在首次加载后显示为放大，所以我放入了小 JS 脚本

<meta id="myViewport" name="viewport" content="width=device-width" />
<script>
    window.onload = function () {
        if(window.innerWidth <= 500) {
            var mvp = document.getElementById('myViewport');
            mvp.setAttribute('content','width=500');
        }
    }
</script>

这似乎提高了它的可用性。不是一个完美的解决方案，但是呃..我之前也有一个锁定的纵横比，但我已经解锁了手机的纵横比所以它可以自由弯曲。

Plotly 图例无法扩展 phone

Plotly legend doesn't scale on phone

python

plotly

plotly-dash