Python - 如何将matplotlib图作为图像输出到Django中的浏览器

时间:2016-11-27 19:42:59

标签: python django matplotlib plot

我使用Python-Pandas,Numpy来实施一些财务指标和策略。我也使用Python中的Matlab库来绘制我的数据。

另一方面,我使用Django作为项目的Web端部分。

我想要做的是使用Django将我的matlab图作为图像输出到浏览器。

任何建议表示赞赏。 非常感谢你!

1 个答案:

答案 0 :(得分:1)

这似乎是一个古老的问题,暂时没有活动,但我最近遇到了类似的问题。我能够解决它,所以我想我可以分享我的解决方案。在这里。 在您的html模板中,您应该有一个按钮来触发ajax请求。例如:

***index.html***

<a href="#" id="plot">Plot</a>

<div id="imagediv"></div>

$('#plot').click(function(){
$.ajax({
        "type"     : "GET",
        "url"      : "/Plot/",
        "data"     : "str",
        "cache"    : false,
        "success"  : function(data) {
            $('#imagediv').html(data);
        }
});

});

你的views.py(或者你想要的单独文件:utils.py)应该有一个绘制图形的函数。

***utils.py***

@login_required()
def MatPlot(request):
    # Example plot
    N = 50
    x = np.random.rand(N)
    y = np.random.rand(N)
    colors = np.random.rand(N)
    area = np.pi * (15 * np.random.rand(N)) ** 2
    plt.scatter(x, y, s=area, c=colors, alpha=0.5)
    # The trick is here.
    f = io.BytesIO()
    plt.savefig(f, format="png", facecolor=(0.95, 0.95, 0.95))
    encoded_img = base64.b64encode(f.getvalue()).decode('utf-8').replace('\n', '')
    f.close()
    # And here with the JsonResponse you catch in the ajax function in your html triggered by the click of a button
return JsonResponse('<img src="data:image/png;base64,%s" />' % encoded_img, safe=False)

当然你需要用一个url连接这个函数,所以:

***urls.py***
url(r'^plot/$', Matplot, name='matplot')