Django将seaborn或者matplotlib格式图片传到前端显示

1、创建图表函数

需要导入的库

import base64
from io import BytesIO
import matplotlib
import matplotlib.pyplot as plt
import seaborn as sns

# 箱型图
def box(title='探索性数据分析箱型图'):
    matplotlib.use('Agg')  # 不出现画图的框
    plt.rcParams['font.sans-serif'] = ['SimHei']  # 这两行用来显示汉字
    plt.rcParams['axes.unicode_minus'] = False
    sns.boxplot([133,123,899,198,849,180,844])  # 箱线图
    plt.title(title, loc='center')
    sio = BytesIO()
    plt.savefig(sio, format='png', bbox_inches='tight', pad_inches=0.0)
    data = base64.encodebytes(sio.getvalue()).decode()
    src = 'data:image/png;base64,' + str(data)
    # 记得关闭，不然画出来的图是重复的
    plt.close()
    return src

2、url配置

 url(r'^box/', views.box, name='box'),  # 创建图表函数

下面的几句代码就能实现将图片以二进制的格式传到前端。

    sio = BytesIO()
    plt.savefig(sio, format='png', bbox_inches='tight', pad_inches=0.0)
    data = base64.encodebytes(sio.getvalue()).decode()
    src = 'data:image/png;base64,' + str(data)
    # # 记得关闭，不然画出来的图是重复的
    plt.close()
    return src

3、前端代码

只需将后台的src变量传到前台就可以显示图片

<div class="data_distribution">
            <div class="show_img">
                <img src="{{ src }}" alt="探索性数据分析"/>
            </div>
        </div>

4、实现效果