/weather-frontend

graduation design front end

Primary LanguageVueMIT LicenseMIT

毕业设计前端

最后系统的实现成果设想

  1. 有一个世界地图,世界地图可以展示实时天气。
  2. 点击世界地图上的每个地区(或区域),会进一步展示详细的当前天气数据,以及该地区对应的时空天气(近一个周或近一个月 -> 具体实现看数据是否允许)。
  3. 各个地区天气数据的分析图 (主要是 天气因素-时间分析图)
    1. 降水量
    2. 温度
    3. pm2.5
    4. 等等(主要是把具有分析价值的数据进行统一分析)

问题

  1. 如何解决渐变渲染的问题
    1. canvas 渲染是在一个矩形中渲染的,所以只要把矩形分割的足够小,然后每个矩形直接渲染对应温度所匹配的颜色即可.
  2. 怎么去获取全球气候数据

梳理一下现在前端需要做的东西 2.20

  1. 在具体地区实时天气页面
    1. 当地天气概览
    2. 当地天气的天气预报(24h,7day,30day)
    3. 当地天气的 pm2.5 指数 -> 用扇形图来表示,每个模块代表 pm2.5 的一种物质)
    4. 当地天气的历史图
  2. 自定义观察图表,即用户可以添加某个地区的某个天气属性进行可视化观测。(主要是历史天气数据的可视化观测)

突然想到一个特色点

  • 可以专门设置一个专栏,用于用户自定义可视化图表,即提供对应的数据和可选择的可视化图表类型,让用户去自定义