无边距，无轴，无标题绘图图

Question

我正在尝试创建一个干净简单的图形，但生成的 HTML 元素中似乎总是存在某种边距。这是代码：

import plotly.graph_objects as go

fig = go.Figure()
fig.add_trace(
    go.Bar(
        x=[87],
        y=['empty'],
        orientation='h',
        hoverinfo='none',
    )
)
fig.add_trace(
    go.Bar(
        x=[13],
        y=['empty'],
        orientation='h',
        hoverinfo='none',
    )
)

fig.update_xaxes(
    showticklabels=False,
    showgrid=False,
    zeroline=False,
    range=[0, 100]
)
fig.update_yaxes(
    showticklabels=False,
    showgrid=False,
    zeroline=False,
)
fig.update_layout(
    barmode='stack',
    height=50,
    margin=dict(l=0, r=0, t=0, b=0),
    paper_bgcolor='rgba(0,0,0,0)',
    plot_bgcolor='rgba(0,0,0,0)',
    showlegend=False,
)
fig.show()

结果如下图： （白色背景只是浏览器背景。）

虽然我已将边距设置为零，但当我在浏览器中检查元素时，似乎仍然存在顶部和底部边距：

我希望完全没有边距。我该如何实现这个目标？

最后，我只想添加圆角，但结果有点偏离，因为边距分别向上和向下推动圆角。

Answer 1

我不知道为什么，但将

range=[0, 0.4]

添加到

update_yaxes

解决了我的问题：

fig.update_yaxes(
    showticklabels=False,
    showgrid=False,
    zeroline=False,
    range=[0, 0.4],
)

我不知道为什么

0.4

是一个好数字。我认为在这种情况下任何低于 0.4 的值都可以。