苏州工业职业技术学院刘文军、胡霞；南京第五十五所技术开发有限公司宋学永

单元1  Web数据可视化概述.........1单元描述.. 1任务分解.. 2知识要点.. 21. 数据可视化 .... 22. Web 数据可视化类型及方法 ...... 23. Web 数据可视化相关技术 .......... 3任务1.1  认识Web 前端开发.............. 4任务1.2  认识Web 数据可视化应用案例........... 5单元小结.. 6课后练习.. 6单元2  新能源汽车大数据可视化监测平台..............7单元描述.. 7任务分解.. 8知识要点.. 81. 新能源汽车基础 ........... 82. 车辆数据与存储 ........... 93. 前端框架数据驱动模式 ............. 10任务2.1  理解新能源汽车远程监测业务........... 11任务2.2  理解业务数据...... 13任务2.3  确定车辆数据模型.............. 15单元小结 16课后练习 16单元3  Web基础............17单元描述 17任务分解 18知识要点 181. 前端开发常用工具介绍............. 182. HTML+CSS 基础........ 193. 网页中的JavaScript... 23任务3.1  搭建开发环境...... 25任务3.2  创建新能源汽车单车监控页面........... 28任务3.3  呈现车辆运行状态.............. 38单元小结 43课后练习 43单元4  前端框架45单元描述 45任务分解 47知识要点 471. 前端框架简介............. 472. Vue.js 安装... 493. webpack 构建项目 ...... 514. Vue.js 基础... 535. 常用插件...... 63任务4.1  搭建Vue 开发环境............. 66任务4.2  新能源汽车大数据分析系统路由与组件设计.... 80任务4.3  新能源汽车大数据分析系统用户管理页面实现. 94任务4.4  新能源汽车大数据分析系统动态页面实现...... 108单元小结 ............. 113课后练习 ............. 113单元5  数据可视化设计基础.....114单元描述............. 114任务分解............. 115知识要点............. 1151. 有效可视化创建步骤 .1152. 常用可视化工具 ....... 1223. ECharts 基础 ............. 1234. D3 基础 ..... 128任务5.1  认识数据可视化 130任务5.2  使用ECharts 实现车辆数据可视化. 133任务5.3  使用D3 完成车辆实时监控可视化.. 138单元小结............. 143课后练习............. 143单元6   数据可视化整合............ 144单元描述............. 145任务分解............. 145知识要点............. 1461. Ajax 介绍 ... 1462. VUE 的生命周期 ...... 1483. async 与await ........... 1494. ECharts 实现Web 可视化图表绘制....... 150任务6.1  研发与维修统计分析页面设计与实现............. 150任务6.2  新增故障比例可视化展示. 154任务6.3  车辆城市分布Top10 可视化展示.... 158任务6.4  单车总电流监控可视化展示............ 163任务6.5  单车蓄电池温度可视化展示............ 168单元小结............. 173课后练习............. 173单元7  新能源汽车数据大屏......175单元描述 .............175任务分解 .............176知识要点 .............1761. 大屏设计的步骤 ....... 1762. 大屏布局 .... 1773. 大屏设计技巧 ........... 178任务7.1  建立数据分析维度.............179任务7.2  实现大屏布局.....180任务7.3  数据大屏实现.....182单元小结..............199课后练习..............199参考文献 .200

万物互联背景下，数据呈现爆炸式增长。当前通过可视化的信息呈现方式提高数据效益、提高洞察力成为行业关注的焦点。本书以“新能源汽车大数据可视化监测平台”项目为载体，以丰富的可视化和交互式图表作为信息表现方式，旨在通过Web可视化设计方法以及主流前端框架、工具的综合运用，使学生快速提高Web前端开发技术水平，实现培养很好的Web前端工程师目的。本书共分7个单元。内容包括：Web数据可视化概述、新能源汽车大数据可视化监测平台、Web基础、前端框架、数据可视化设计基础、数据可视化整合、新能源汽车数据大屏。本书涵盖多学科知识，综合性强；以实际项目为载体，化繁为简，循序渐进，弥补了学校教学缺乏实战的弊端，是Web可视化技术的优佳图书。本书适合作为高职高专计算机专业、大数据相关专业课程的教学用书，也可供从事数据可视化、数据分析、前端设计的技术人员参考阅读。