如何将Python生成的GFS图表展示至网站（基于PythonAnywhere）

方法一：生成静态图片后通过文件服务展示 #

这是最易上手的方案，适合固定或定时更新的图表场景：

• 修改你的绘图脚本，将生成的图表保存到PythonAnywhere网页可访问的静态目录（比如Flask/Django项目的static文件夹，纯静态网页则存到/home/你的用户名/static）：

  import matplotlib.pyplot as plt
  # 读取GFS数据、绘制图表的代码...
  plt.switch_backend('Agg')  # 强制使用非交互式后端，避免环境报错
  plt.savefig('/home/你的用户名/mysite/static/gfs_weather.png')
  plt.close()  # 释放内存，防止资源占用
  

• 在网页HTML中直接引用该图片路径：

  <img src="/static/gfs_weather.png" alt="GFS气象分析图表">
  

• 若需实时更新，可给文件名添加时间戳（比如gfs_weather_{time.time()}.png），避免浏览器缓存旧图。

方法二：通过Web框架动态生成图表（以Flask为例） #

适合用户请求时实时生成图表的场景：

• 确保已在PythonAnywhere配置好Flask项目，未配置的话直接创建项目即可
• 在Flask路由中编写实时绘图并返回图片流的逻辑：

  from flask import Flask, make_response
  import matplotlib.pyplot as plt
  from io import BytesIO
  import time
  
  app = Flask(__name__)
  
  @app.route('/get_gfs_plot')
  def get_gfs_plot():
      # 读取GFS数据、绘制图表的代码...
      plt.switch_backend('Agg')
      img_buffer = BytesIO()
      plt.savefig(img_buffer, format='png', dpi=100)
      img_buffer.seek(0)
      plt.close()
      # 构造图片响应
      response = make_response(img_buffer.getvalue())
      response.headers['Content-Type'] = 'image/png'
      # 添加时间戳参数，避免缓存
      response.headers['Cache-Control'] = f'no-cache, max-age=0, must-revalidate'
      return response
  

• 在网页中通过<img>标签调用该路由：

  <img src="/get_gfs_plot?t={{ time.time() }}" alt="实时GFS气象图表">
  

方法三：生成矢量图（SVG格式）展示 #

如果需要高清无锯齿的图表，可改用SVG格式：

• 修改Flask路由中的保存格式：

  img_buffer = BytesIO()
  plt.savefig(img_buffer, format='svg')
  img_buffer.seek(0)
  response = make_response(img_buffer.getvalue())
  response.headers['Content-Type'] = 'image/svg+xml'
  

• 网页中同样用<img>标签引用对应路由即可。

关键注意事项 #

• PythonAnywhere上需确保已安装所有依赖包，未安装的话在控制台执行pip install --user matplotlib numpy（根据你的脚本依赖调整）
• 所有绘图代码前必须添加plt.switch_backend('Agg')，避免因PythonAnywhere无图形界面导致的报错

内容的提问来源于stack exchange，提问作者gtabwx