如何将matplotlib画出的图在网页上显示

要在网页上显示 Matplotlib 绘制的图形，可以使用 Matplotlib 的 `FigureCanvas` 类来将图形渲染为图像。然后，可以使用 Flask 等 Web 框架将渲染的图像嵌入到网页中。

以下是一个简单的例子：

from flask import Flask, render_template
from matplotlib.backends.backend_agg import FigureCanvasAgg as FigureCanvas
from matplotlib.figure import Figure

app = Flask(__name__)

@app.route('/')
def index():
    # 创建一个 Matplotlib 图形
    fig = Figure()
    ax = fig.add_subplot(111)
    ax.plot([1, 2, 3], [4, 5, 6])

    # 将图形渲染为图像
    canvas = FigureCanvas(fig)
    png_output = io.BytesIO()
    canvas.print_png(png_output)

    # 返回渲染后的图像
    return render_template('index.html', image_data=png_output.getvalue())

if __name__ == '__main__':
    app.run()

在上面的例子中，我们首先创建了一个 Matplotlib 图形，然后将其渲染为 PNG 图像。最后，我们将图像作为字节流嵌入到 `index.html` 模板中，并将其返回给客户端。

在 `index.html` 模板中，可以使用以下代码嵌入图像：

<img src="data:image/png;base64,{{ base64.b64encode(image_data).decode() }}" />

这将使用 `base64` 编码将图像嵌入到 HTML 中。