python - Plotly 传奇无法在手机上扩展

Question

我正在使用 Dash 制作一个情节图。当我在桌面上查看时，它看起来不错

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

我的图例是使用

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

如何修复传说？奖金问题，如何修复模式栏？

标签： pythonplotlyplotly-dash

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>

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