交互层面：统一管理图表鼠标事件、生命周期，减少内存泄漏，交互行为标准化；响应式层面：从底层图表组件→页面布局→全局样式三层保障，全终端自动适配，无需单独写多套图表页面；可维护性：新增图表仅需复用 BaseEChart 或 SVG 组件，无需重复实现 resize、交互逻辑。

后端接口返回评分 JSON → Pinia 存储数据 → 页面组件读取数据 + 工具函数处理数据 → 卡片布局 + 循环渲染分项 → 可视化组件展示分数。实现，搭配 SVG/ECharts 做分数可视化，属于典型。，新增评分维度无需改动视图代码，扩展性强。分项评分是一组同结构数据，使用 Vue。，逻辑清晰、便于调试和后期迭代。