Web数据可视化教程（基于ECharts）课件 模块7 绘制ECharts高级图表

Web数据可视化教程（基于ECharts）模块7绘制ECharts高级图表【任务7-1】绘制城市AQI雷达图（1）启动Dreamweaver，创建网页task0701.html，将该文件保存到本模块文件夹Unit07中。（2）在网页task0701.html中绘制城市AQI雷达图，并进行必要的属性设置。【任务描述】【代码编写】【任务7-1】绘制城市AQI雷达图浏览电子活页7-2中的内容，熟悉任务7-1的对应代码。在Dreamweaver中编写对应的代码。【图表展示】【任务7-1】绘制城市AQI雷达图任务7-1对的雷达图如图7-7所示。在浏览器中浏览对应的雷达图。图7-7任务7-1对应的雷达图快乐学习高效学习祝学习进步！Web数据可视化教程（基于ECharts）模块7绘制ECharts高级图表【任务7-2】绘制某城市一年气温变化盒须图（1）启动Dreamweaver，创建网页task0702.html，将该文件保存到本模块文件夹Unit07中。（2）在网页task0702.html中绘制某城市一年气温变化盒须图，并进行必要的属性设置。【任务描述】【代码编写】【任务7-2】绘制某城市一年气温变化盒须图在Dreamweaver中创建网页task0702.html，然后编写网页task0702.html对应的代码。【图表展示】【任务7-2】绘制某城市一年气温变化盒须图任务7-2对应的盒须图如图7-8所示。在浏览器中浏览对应的盒须图。图7-8任务7-2对应的盒须图快乐学习高效学习祝学习进步！Web数据可视化教程（基于ECharts）模块7绘制ECharts高级图表【任务7-3】绘制日历热力图（1）启动Dreamweaver，创建网页task0703.html，将该文件保存到本模块文件夹Unit07中。（2）在网页task0703.html中绘制日历热力图，并进行必要的属性设置。【任务描述】【代码编写】【任务7-3】绘制日历热力图在Dreamweaver中创建网页task0703.html，然后编写网页task0703.html对应的代码。【图表展示】【任务7-3】绘制日历热力图任务7-3对应的日历热力图如图7-9所示。在浏览器中浏览对应的日历热力图。图7-9任务7-3对应的日历热力图快乐学习高效学习祝学习进步！Web数据可视化教程（基于ECharts）模块7绘制ECharts高级图表【任务7-4】绘制速度仪表盘（1）启动Dreamweaver，创建网页task0704.html，将该文件保存到本模块文件夹Unit07中。（2）在网页task0704.html中绘制速度仪表盘，并进行必要的属性设置。【任务描述】【代码编写】【任务7-4】绘制速度仪表盘在Dreamweaver中创建网页task0704.html，然后编写网页task0704.html对应的代码。【图表展示】【任务7-4】绘制速度仪表盘任务7-4对应的仪表盘如图7-10所示。在浏览器中浏览对应的仪表盘。图7-10任务7-4对应的仪表盘快乐学习高效学习祝学习进步！Web数据可视化教程（基于ECharts）模块7绘制ECharts高级图表【任务7-5】绘制项目完成率仪表盘（1）启动Dreamweaver，创建网页task0705.html，将该文件保存到本模块文件夹Unit07中。（2）在网页task0705.html中绘制项目完成率仪表盘，并进行必要的属性设置。【任务描述】【代码编写】【任务7-5】绘制项目完成率仪表盘在Dreamweaver中创建网页task0705.html，然后编写网页task0705.html对应的代码。【图表展示】【任务