渲染没有背景的 Plotly 图表

Question

我的 Django 模板中有一个 Plotly 圆环图呈现，它带有默认的白色背景。我不知道如何在没有背景的情况下渲染它。

我知道如何使背景透明，但是当我尝试调整图表大小时，显然背景仍然存在并且它会拉伸 div 或者如果我将图表变小以便它适合那么它也小且不可读。

有没有办法把背景全部去掉？或者也许我应该使用 Plotly 以外的东西？

感谢您的帮助！

    import plotly.graph_objects as go

    fig = go.Figure(data=[go.Pie(labels=labels, values=values, hole=.3)])
    fig.update_layout(paper_bgcolor='rgba(0,0,0,0)', width=300, height=300,)
    chart = fig.to_html()

Answer 1

您可以更改图的边距。您可能还想移动图例。见下文。

import plotly.graph_objects as go

labels = ['green','red','blue']
values = [1,2,3]
fig = go.Figure(data=[go.Pie(labels=labels, values=values, hole=.3)])
    paper_bgcolor='rgba(0,0,0,0)', 
    width=300, 
    height=300)


# Change margins
fig.update_layout(
    autosize=False,
    margin=dict(
        l=2,
        r=0,
        b=1,
        t=1,
        pad=2
    ),
)

# Move legend
fig.update_layout(legend=dict(
    yanchor="top",
    y=0.95,
    xanchor="left",
    x=0.87
))

渲染没有背景的 Plotly 图表

Render Plotly chart without background

python

django

charts

plotly