Как интегрировать анимационный график matplotlib с веб-интерфейсом flask

#python #html #css #matplotlib #flask

Вопрос:

Я строю данные, считывая напряжение и ток ячейки и некоторые другие параметры, используя matplotlib в python. Я использую Funcanimation для анимации сюжета. Он строит графики в режиме реального времени. Данные считываются каждую секунду. Я могу сделать это с помощью matplotlib сейчас, я хочу добавить этот matplotlib в веб-приложение, используя flask, который должен иметь ту же функциональность, что и раньше. Любые предложения о том, как я должен подойти к этому. Любая помощь будет признательна. Заранее спасибо.

вот видео о том, как мой график отображает данные, просто чтобы дать представление о том, о чем я говорю.

Это ссылка на видео. https://drive.google.com/file/d/1XCw__YgY0MmrsQadQ5Z0at3Uk5H5vKC-/view?usp=sharing

Ответ №1:

попробуйте это, возможно, это решит вашу проблему

 import base64
from io import BytesIO

from flask import Flask
from matplotlib.figure import Figure

app = Flask(__name__)


@app.route("/")
def hello():
    # Generate the figure **without using pyplot**.
    fig = Figure()
    ax = fig.subplots()
    ax.plot([1, 2])
    # Save it to a temporary buffer.
    buf = BytesIO()
    fig.savefig(buf, format="png")
    # Embed the result in the html output.
    data = base64.b64encode(buf.getbuffer()).decode("ascii")
    return f"<img src='data:image/png;base64,{data}'/>"