flask推送matplotlib绘图到html

最新推荐文章于 2024-05-11 15:21:56 发布

zhuxian2009

最新推荐文章于 2024-05-11 15:21:56 发布

阅读量4.6k

点赞数 4

分类专栏： web开发量化交易系统 python 量化交易系统

本文链接：https://blog.csdn.net/zhuxian2009/article/details/99712188

版权

量化交易系统同时被 3 个专栏收录

34 篇文章 17 订阅

订阅专栏

python

33 篇文章 5 订阅

订阅专栏

量化交易系统

20 篇文章 13 订阅

订阅专栏

1. matplotlib绘图

import matplotlib.pyplot as plt
import numpy as np
import base64
from io import BytesIO

    #############################################绘图测试
    X = np.linspace(-np.pi, np.pi, 256, endpoint=True)  # -π to+π的256个值
    C, S = np.cos(X), np.sin(X)
    #plt.rcParams['figure.dpi'] = 100  # 分辨率
    #plt.rcParams['savefig.dpi'] = 100  # 图片像素
    plt.rcParams['figure.figsize'] = (8.0, 4.0)  # 设置figure_size尺寸800x400
    plt.plot(X, C)
    plt.plot(X, S)

2. 转二进制

    # figure 保存为二进制文件
    buffer = BytesIO()
    plt.savefig(buffer)
    plot_data = buffer.getvalue()
    # 将matplotlib图片转换为HTML
    imb = base64.b64encode(plot_data)  # 对plot_data进行编码
    ims = imb.decode()
    imd = "data:image/png;base64," + ims

3.推送

return render_template('test.html',  img=imd)

4. html

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link href="/static/css/style2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <h2>查询 > 热点概念</h2>
    <div align="center" style="width:1000px;height:500px;border:0px solid #F00">
	<html>

    <p>
        <img src="{{ img }}">
    </p>

    </div>
	
    </body>
</html>

zhuxian2009

关注

4
点赞
踩
38

收藏

觉得还不错? 一键收藏
4
评论
flask推送matplotlib绘图到html

1.matplotlib绘图import matplotlib.pyplot as pltimport numpy as npimport base64from io import BytesIO #############################################绘图测试 X = np.linspace(-np.pi, np.pi, 256...
复制链接

扫一扫