-
内容大纲
本书以任务为导向,全面介绍了数据可视化的流程、ECharts数据可视化和Vue.js的应用,详细讲解了利用ECharts和Vue.js解决实际问题的方法。全书共7章,包括数据可视化、ECharts的常用图表、ECharts的官方文档及常用组件、ECharts中的其他图表、ECharts的高级功能、Vue.js项目开发基础、实战项目。本书第2~6章包含实训,旨在通过练习和操作实践,帮助读者巩固所学内容。
本书可作为高校数据可视化相关课程的教材,也可作为数据可视化技术爱好者的自学用书。 -
作者介绍
-
目录
第1章 数据可视化
任务1.1 认识数据可视化
1.1.1 数据可视化的定义及特性
1.1.2 数据中蕴含的信息
1.1.3 数据可视化的作用
1.1.4 数据可视化的流程
1.1.5 常用的数据可视化工具
任务1.2 ECharts简介
1.2.1 ECharts的发展历程及应用
1.2.2 ECharts5.x的特性
任务1.3 开发工具
1.3.1 VS Code
1.3.2 VS Code的常用插件
小结
第2章 ECharts的常用图表
任务2.1 ECharts实例
2.1.1 准备工作
2.1.2 创建ECharts图表
任务2.2 柱状图
2.2.1 绘制标准柱状图
2.2.2 绘制堆积柱状图
2.2.3 绘制标准条形图
2.2.4 绘制瀑布图
任务2.3 折线图
2.3.1 绘制标准折线图
2.3.2 绘制堆积折线图和堆积面积图
2.3.3 绘制阶梯图
任务2.4 饼图
2.4.1 绘制标准饼图
2.4.2 绘制圆环图
2.4.3 绘制嵌套饼图
2.4.4 绘制南丁格尔玫瑰图
小结
实训
第3章 ECharts的官方文档及常用组件
任务3.1 ECharts的官方文档、基础架构及常用术语
3.1.1 ECharts官方文档简介
3.1.2 ECharts基础架构及常用术语
任务3.2 直角坐标系下的网格及坐标轴
3.2.1 直角坐标系下的网格
3.2.2 直角坐标系下的坐标轴
任务3.3 标题组件与图例组件
3.3.1 标题组件
3.3.2 图例组件
任务3.4 工具箱组件与详情提示框组件
3.4.1 工具箱组件
3.4.2 详情提示框组件
任务3.5 标记点和标记线
3.5.1 标记点
3.5.2 标记线
小结
实训
第4章 ECharts中的其他图表
任务4.1 散点图、气泡图
4.1.1 绘制散点图
4.1.2 绘制气泡图
任务4.2 仪表盘
4.2.1 绘制单仪表盘
4.2.2 绘制多仪表盘
任务4.3 漏斗图或金字塔
4.3.1 绘制标准漏斗图或金字塔
4.3.2 绘制多漏斗图或多金字塔
任务4.4 雷达图和词云图
4.4.1 绘制雷达图
4.4.2 绘制词云图
4.4.3 绘制矩形树图
小结
实训
第5章 ECharts的高级功能
任务5.1 ECharts的图表混搭及多图表联动
5.1.1 ECharts的图表混搭
5.1.2 ECharts的多图表联动
任务5.2 动态切换主题及自定义ECharts主题
5.2.1 动态切换主题
5.2.2 自定义ECharts主题
任务5.3 ECharts中的事件和行为
5.3.1 ECharts中鼠标事件的处理
5.3.2 ECharts组件交互的行为事件
5.3.3 代码触发ECharts组件的行为
任务5.4 异步数据加载与动画加载
5.4.1 ECharts中的异步数据加载
5.4.2 异步数据加载时的动画加载
小结
实训
第6章 Vue.js项目开发基础
任务6.1 初识Vue
6.1.1 Vue概述
6.1.2 Web前端技术发展概述
6.1.3 Web前端的三大主流框架
6.1.4 Vue的下载与引入
6.1.5 在HTML文件中创建第一个Vue实例
6.1.6 Vue实例及其选项
任务6.2 Vue的常用指令
6.2.1 双大括号标签、v-text与v-html指令
6.2.2 Vue的优化指令
6.2.3 v-if、v-else、v-else-if指令
6.2.4 v-show指令
6.2.5 v-bind指令
6.2.6 v-for指令
6.2.7 v-on指令
6.2.8 v-model指令
任务6.3 Vue的生命周期
任务6.4 Vue 的路由
6.4.1 路由的安装和基本使用
6.4.2 嵌套路由
6.4.3 传递参数及获取参数
6.4.4 路由重定向
6.4.5 编程式导航
任务6.5 Axios组件
6.5.1 Axios的基本介绍
6.5.2 Axios的安装及引入
6.5.3 get请求
6.5.4 post请求
小结
实训
第7章 实战项目
任务7.1 创建Vue项目
7.1.1 Vue脚手架及单页面应用程序
7.1.2 Vue环境安装
7.1.3 Vue项目的创建
7.1.4 初始Vue项目的目录结构
7.1.5 Vue项目加载时文件的执行顺序
任务7.2 项目的设计思路
7.2.1 项目概述
7.2.2 项目功能结构
7.2.3 项目文件夹组织结构
7.2.4 Vue单文件组件的组成部分
任务7.3 学校数据可视化分析大屏的设计与实现
7.3.1 学校数据可视化分析大屏的设计
7.3.2 学校数据可视化分析大屏的实现
任务7.4 登录页的设计与实现
7.4.1 利用Element-UI设计静态登录页
7.4.2 登录页面功能的实现
任务7.5 学校大屏中的折线图、饼图和雷达图
7.5.1 在学校大屏中绘制折线图
7.5.2 在学校大屏中绘制饼图
7.5.3 在学校大屏中绘制雷达图
小结
实训
参考文献
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...