提问人:Albion_Euan 提问时间:11/7/2023 最后编辑:Albion_Euan 更新时间:11/7/2023 访问量:18
如何在我的网站中嵌入 Plotly 图表,以便它在移动设备上正确显示
How do I embed a Plotly chart in my website so that it displays properly on mobile devices
问:
我正在尝试将用 python 创建的 Plotly 图表嵌入到我的网站中。我已将图表发布到 Plotly 并从那里嵌入它。在网站上使用桌面查看图表时,它看起来符合预期。在移动设备上加载图表时会出现此问题。图表中显示的数据似乎在大小上进行了适当的调整,但标签和标题却没有。这使得图形看起来很奇怪地压缩。我在下面附上了 2 张图片。第一个是它在桌面上的显示方式,第二个是它在移动设备上的显示方式。桌面上的示例
这是我用来嵌入图形的 iframe:
<iframe src="//url.embed?link=false&modebar=false" title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='yes' style='width:100%;height:600px;overflow:auto;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe>
我尝试在 iframe 中调整大小,但发现这通常会使情况变得更糟。
无论如何,我是否可以创建图表,以便在移动设备上查看时对其进行适当调整?
答: 暂无答案
评论