使用 mathplotlib 重叠多个图

Question

我正在使用 Django 构建一个 Web 应用程序，它可以选择绘制直方图、散点图、条形图等图

使用 matplotlib lib，我正在绘制绘图并将绘图渲染到 HTML 页面。

plt.figure()
plt.title("xyz")
plt.tight_layout()
plt.plot(x,y, 'b')   
plt.plot(x,z, 'r')    
buf = BytesIO()
fig = plt.gcf()
fig.set_size_inches(12,8, forward=True)
fig.savefig(buf, format='png')
plt.clf()

# Get Image
image_base64 = base64.b64encode(
    buf.getvalue()).decode('utf-8').replace('\n', '')

img_src = 'data:image/png;base64, {}'.format(image_base64)

当用户发送两个不同的请求来绘制不同的图时，图例和数据点等内容与其他图混合并导致图重叠。 在附图中，左侧的图应与右侧的图相似。 但是不同绘图请求的内容附加到此响应并显示在此响应中。

Answer 1

这是因为plt被多次重用。 像这样的东西应该有帮助..

def simple(request):
    import random
    import django
    import datetime

    from matplotlib.backends.backend_agg import FigureCanvasAgg as FigureCanvas
    from matplotlib.figure import Figure
    from matplotlib.dates import DateFormatter

    fig=Figure()
    ax=fig.add_subplot(111)
    x=[]
    y=[]
    now=datetime.datetime.now()
    delta=datetime.timedelta(days=1)
    for i in range(10):
        x.append(now)
        now+=delta
        y.append(random.randint(0, 1000))
    ax.plot_date(x, y, '-')
    ax.xaxis.set_major_formatter(DateFormatter('%Y-%m-%d'))
    fig.autofmt_xdate()
    canvas=FigureCanvas(fig)
    response=django.http.HttpResponse(content_type='image/png')
    canvas.print_png(response)
    return response

_来源

Answer 2

这是因为你在同一个图上绘制了两个图。 对于 matplotlib，这意味着：“这是一张画布，请在其上绘制两张图”。

如果您希望将它们拆分，请执行以下任一操作：

• 使用 2 个单独的数字（ https://matplotlib.org/3.1.1/gallery/subplots_axes_and_figures/multiple_figs_demo.html ）
• 在同一图上使用 2 个子图（ https://matplotlib.org/devdocs/gallery/subplots_axes_and_figures/subplots_demo.html ）

Answer 3

我有同样的问题，但使用 Flask。 只需在 plt.save 之后插入 plt.close()。 问题已经解决了。