1、立项原因：
食品安全监管部门需要实时掌握辖区内食品抽检数据、风险企业分布、问题食品类别等关键信息。传统报表形式不够直观，无法快速发现问题和趋势。本项目设计了一套数据可视化大屏，将复杂数据以图表形式直观呈现，帮助监管人员快速决策。
2、行业场景：
适用于市场监管部门、食品安全检测机构等场景。大屏展示抽检合格率趋势、风险等级分布、问题企业排行、不合格食品类别、实时预警信息等核心指标。采用科技蓝风格，支持动态数据刷新，适合在大屏幕或会议室展示。前端基于ECharts实现，图表交互流畅，数据可对接后端API实时更新。
（1）关键指标展示：实时显示抽检合格率、高风险企业数、问题食品批次、今日抽检数等核心数据，支持与上月对比，趋势一目了然。
（2）合格率趋势图：以折线图展示近6个月抽检合格率变化，直观反映食品安全状况的改善或恶化趋势。
（3）风险等级分布：以饼图展示高风险、中风险、低风险及正常企业的比例，帮助监管人员聚焦重点监管对象。
（4）问题企业排行：以柱状图列出问题批次最多的前5家企业，便于开展针对性检查。
（5）不合格食品类别分析：以饼图展示蔬菜水果、肉制品、粮油制品等各类食品的不合格占比，为专项整治提供数据支撑。
（6）实时预警列表：展示最新高风险预警信息，包括企业名称、问题描述、风险等级，支持按级别筛选和处理状态跟踪。
1、我负责的具体任务：
本项目由我独立完成前端数据可视化大屏的设计和开发，具体任务包括：
- 设计大屏整体布局，采用深色科技风格背景
- 开发关键指标卡片（抽检合格率、高风险企业数、问题食品批次、今日抽检数）
- 集成ECharts实现合格率趋势折线图
- 实现风险等级分布饼图（高风险/中风险/低风险/正常企业占比）
- 开发问题企业排行柱状图（TOP5企业问题批次统计）
- 实现不合格食品类别分析饼图
- 设计实时预警列表，展示最新高风险预警信息
- 编写响应式CSS，适配不同分辨率的大屏幕显示
2、技术栈与架构亮点：
技术栈：HTML5 + CSS3 + JavaScript + ECharts 5.4
评论