大数据可视化项目实战教程

图书标准信息

• 作者 邵佳靓
• 出版社 电子工业出版社
• 出版时间 2025-04
• 版次 1
• ISBN 9787121501296
• 定价 57.00元
• 装帧 平装
• 开本 16开
• 页数 252页
• 字数 444千字

【内容简介】

本书遵循‘技术实践引领、工作过程导向、项目驱动教学‘的设计理念，引导读者从基础知识到难点内容，逐步掌握数据可视化的全过程。以实际项目为载体串连知识与技能，介绍基于低代码的数据可视化工具、Web前端框架技术和ECharts可视化技术，实现数据可视化大屏及数据管理平台，培养读者数据可视化的能力。本书的主要内容有初识数据可视化、低代码工具数据可视化、智慧农业大屏结构设计、智慧农业大屏数据传输、智慧农业大屏ECharts图表插入、基于Vue.js的智慧农业后台管理系统前端框架搭建、ECharts+Vue.js农业数据管理图表数据传输。在项目实现过程中，详细阐述了可视化低代码工具的使用方法，以及ECharts图表、Web前端基础、Vue.js前端框架等知识。本书适合作为高等职业院校计算机、大数据、人工智能等相关专业的教材或参考用书，也可以作为大数据分析人员的参考用书。

【目录】

项目1  初识数据可视化1

项目描述1

项目目标1

任务准备2

任务1.1  数据可视化的定义与发展历程2

1.1.1  数据可视化的定义2

1.1.2  数据可视化的发展历程3

任务1.2  数据可视化的目的与作用3

任务1.3  数据可视化方法6

任务1.4  数据可视化的行业应用9

任务1.5  数据可视化常见的技术与工具13

1.5.1  数据可视化开发语言13

1.5.2  数据可视化开发工具14

任务实施14

任务实施  使用Excel分析2025年第一季度各品类销售额及增长率14

任务拓展16

任务拓展  在Excel中完成各地区不同产品类别销售额分析16

项目2  低代码工具数据可视化19

项目描述19

项目目标20

任务准备20

任务2.1  报表创建20

2.1.1  FineReport简介与安装20

2.1.2  新增模板数据集25

2.1.3  创建销量分组报表28

2.1.4  创建销量明细报表30

2.1.5  创建销量交叉报表32

任务2.2  销售图表融合34

2.2.1  订单表与下拉框组合34

2.2.2  产品销量占比――饼图38

2.2.3  华北销售员销量占比――柱状图41

2.2.4  产品销量趋势――折线图44

任务2.3  决策报表大屏制作46

任务实施47

任务实施  使用FineReport实现销量报表大屏制作47

任务拓展54

任务拓展  使用FineReport实现农业数据平台制作54

项目3  智慧农业大屏结构设计59

项目描述59

项目目标60

任务准备60

任务3.1  功能架构设计60

3.1.1  功能分解60

3.1.2  确定数据维度61

任务3.2   大屏布局设计61

3.2.1  大屏设计原则61

3.2.2  大屏布局设计62

3.2.3  大屏修饰技巧63

任务3.3  前端开发基础HTML5+CSS363

3.3.1  前端开发工具介绍63

3.3.2  HTML介绍64

3.3.3  HTML常见标签65

3.3.4  CSS基础68

3.3.5  CSS选择器72

3.3.6  盒子模型75

3.3.7  元素的浮动与定位75

任务实施79

任务实施3.1  设计智慧农业大屏功能模块79

任务实施3.2  设计智慧农业大屏的前端布局80

任务实施3.3  实现智慧农业大屏的前端结构81

任务拓展98

任务拓展  搭建开发环境98

项目4  智慧农业大屏数据传输102

项目描述102

项目目标103

任务准备103

任务4.1  JavaScript基础103

4.1.1  JavaScript简介103

4.1.2  JavaScript基础语法104

4.1.3  JavaScript函数105

4.1.4  文档对象模型106

任务4.2   jQuery107

4.2.1  jQuery基础语法107

4.2.2  jQuery选择器107

4.2.3  使用jQuery操作DOM109

4.2.4  AJAX在jQuery中的应用109

任务4.3  JSON数据结构112

4.3.1  JSON介绍112

4.3.2  JSON数据转换方法112

任务实施113

任务实施4.1  在智慧农业大屏中显示智慧农业公司简介113

任务实施4.2  在智慧农业大屏中加载技术资源JSON数据118

任务实施4.3  在智慧农业大屏中加载农资产品市场价格JSON数据123

任务拓展125

任务拓展  在智慧农业大屏中加载市场分布JSON数据125

项目5  智慧农业大屏ECharts图表插入128

项目描述128

项目目标129

任务准备129

任务5.1  ECharts操作基础流程129

5.1.1  第一个ECharts实例129

5.1.2  基础配置介绍131

任务5.2  ECharts常用图表131

5.2.1  绘制柱状图131

5.2.2  绘制折线图133

5.2.3  绘制饼图137

5.2.4  绘制散点图139

5.2.5  绘制仪表盘141

5.2.6  绘制雷达图142

任务5.3  ECharts图表配置项143

5.3.1  直角坐标系网格及坐标轴143

5.3.2  标题与图例145

5.3.3  工具栏147

5.3.4  主题添加148

任务实施149

任务实施5.1  在智慧农业大屏中绘制“经济作物产值”柱状图149

任务实施5.2  在智慧农业大屏中绘制“组织农户技术培训”折线图152

任务实施5.3  在智慧农业大屏中绘制种植面积占比饼图155

任务实施5.4  在智慧农业大屏中绘制“费用支出占比”环形图158

任务实施5.5  在智慧农业大屏中绘制“地区合作单位业务”地图161

任务拓展164

任务拓展  在智慧农业大屏中绘制“绩效目标完成情况”环形图组合164

项目6  基于Vue.js的智慧农业后台管理系统前端框架搭建166

项目描述166

项目目标167

任务准备167

任务6.1  Vue.js前端框架概述167

6.1.1  Vue.js简介167

6.1.2  Vue.js引入方式168

6.1.3  Vue页面基本结构168

任务6.2  Vue项目开发环境与辅助工具169

6.2.1  Node.js部署169

6.2.2  Node包管理器170

6.2.3  Node.js环境配置171

6.2.4  项目目录介绍173

任务6.3  Vue内置指令与语法174

6.3.1  插值绑定174

6.3.2  属性绑定175

6.3.3  双向绑定175

6.3.4  条件渲染176

6.3.5  列表渲染176

任务6.4  Vue UI组件库177

6.4.1  Element安装与配置177

6.4.2  Element组件介绍178

6.4.3  Element常用组件的应用178

任务实施180

任务实施6.1  在智慧农业后台管理系统中显示简介信息表单180

任务实施6.2  在智慧农业后台管理系统中完成技术资源表格188

任务实施6.3  在智慧农业后台管理系统中完成农资产品市场价格表格197

任务拓展206

任务拓展  在智慧农业后台管理系统中显示市场分布表格206

项目7  Vue.js+Echarts农业数据管理图表数据传输209

项目描述209

项目目标209

任务准备210

任务7.1  AJAX与Axios210

7.1.1  认识Axios210

7.1.2  Axios的基础用法210

任务7.2  前端路由Vue Router211

7.2.1  Vue Router的基本用法212

7.2.2  嵌套路由214

7.2.3  动态路由匹配215

7.2.4  命名路由215

任务7.3  路由插件Vuex216

任务实施217

任务实施7.1  在智慧农业后台管理系统中完成“费用支出”模块217

任务实施7.2  在智慧农业后台管理系统中完成“技术培训”模块227

任务实施7.3  在智慧农业后台管理系统中完成“合作单位”模块235

任务拓展245

任务拓展7.1  在智慧农业后台管理系统中显示绩效目标完成情况245

任务拓展7.2  在智慧农业后台管理系统中显示经济作物产值249