在Django主页添加动态生成的matplotlib图片

我想在我的家中添加动态生成的图片。我不想保存这个数字，只是直接在我的主页上显示一些文字。我views.py的样子：在Django主页添加动态生成的matplotlib图片

from django.shortcuts import render 
def index(request): 
    import random 
    import datetime 
    import django 
    import pylab 
    import PIL, PIL.Image 
    import io 

    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) 
    graphic1 =django.http.HttpResponse(content_type='image/png') 
    canvas.print_png(graphic1) 
    return render(request, 'personal/home.html',{'graphic':graphic1})

功能index已经包含在urls.py。那里没问题。我home.html貌似

{% extends "personal/header.html" %} 
{% block content %} 
<p> Welcome to my website!</p> 
{% include "personal/includes/htmlpic.html" %} 
{% endblock %}

我htmlpic.html是：

{% block graphic %} 
<div id="content"> 
    <img src= "data:image/png;base64,{{graphic|safe}}" > 
</div> 
{% endblock %}

错误：这个数字并没有显示出来。它是这样的一个断开的链接：

<img src="data:image/png;base64,&lt;HttpResponse status_code=200, " image png">

它清楚地复制状态，而不是在二进制图像（并添加额外的报价）。你能告诉我我在这里做错了吗？或者建议一个类似的Q & A？

PS。我是Django的新手，请大方。

来源

2016-07-29 giosans

根据我的经验，using data URIs is usually a bad idea。

在这种情况下，无论如何都不需要它们。只需创建一个单独的视图来返回图像。为了简单起见，我在此使用gnuplot。该命令只是将一个正弦函数的png图像打印到标准输出。（Here是从一个matplotlib帆布获取图像数据的一些指导。）在views.py：

def my_plot(request): 
    import subprocess 
    plot = subprocess.check_output(['gnuplot', '-e', 'set terminal pngcairo; plot sin(x)']) 
    response = HttpResponse(plot, content_type="image/png") 
    return response

说你映射这个视图网址plot，因此写urls.py在这里：

urlpatterns = patterns(
    '', 

    url(r'^$', views.index, name='home'), 

    url(r'^plot$', views.my_plot, name='plot') 
)

然后，您可以简单地使用生成图像的视图作为图像的来源。在htmlpic.html：

<img src="plot"></img>

对我来说，这是一个更清晰的关注点分离。一个视图渲染你的模板，另一个渲染图像。如果你希望在程序的其他地方嵌入这个图像，这种方式可以让你这样做，而不用重复自己。

来源

2016-07-29 11:08:07

感谢您的回答。看起来很有希望。我会稍后再尝试，并将其标记为已解决，如果这对我有用。 – giosans

在Django主页添加动态生成的matplotlib图片

回答

相关问题