很久很久以前， 做过一个项目， 因为前端基础差， echarts捣鼓不来， 然后就折腾出来一套比较奇葩的技术方案， 就是前端需要什么图表， 后端先绘制好， 然后前端需要什么图表， 再从后端拉取后端之前响应的图片路径， 再去做渲染。
其实基于后端使用 Matplotlib 绘制图表，前端调用显示的方案是完全可行的。这种模式在服务器端生成图表，然后将生成的图表文件传递给前端进行显示。这种方法在服务器端处理数据和渲染图表可以带来一些优势，比如在服务器端可以进行复杂的计算和数据处理，同时可以避免在客户端安装额外的库或软件。
以下是这种方案的一个基本流程：
- 后端生成图表：
- 在服务器端，使用 Matplotlib 绘制图表。
- 设置
plt.savefig()来将图表保存为文件，例如 PNG 或 SVG 格式。
- 前端加载图表：
- 前端使用 HTML、CSS 和 JavaScript 来加载和显示图表。
- 如果图表是 PNG 或 JPEG 格式，可以直接在 HTML 中使用
<img>标签显示。 - 如果图表是 SVG 格式，可以使用 JavaScript 的 D3.js 库或其他 SVG 处理库来动态显示图表。
- 前后端交互：
- 前端可以通过 AJAX 或其他 HTTP 请求方法从服务器获取数据和图表文件。
- 后端可以响应前端的请求，发送数据和图表文件。
这里是一个简单的例子，展示如何在 Flask 服务器中使用 Matplotlib 生成图表，并将其作为文件发送给前端：
# app.py
from flask import Flask, send_file
import matplotlib.pyplot as plt
import numpy as np
app = Flask(__name__)
@app.route('/plot')
def plot_chart():# 生成数据
)
