web数据可视化（ECharts版）

实训
实训1会员基本信息及消费能力对比分析
1．训练要点(1）掌握堆积柱状图的绘制。(2）掌握标准条形图的绘制。
(3）掌握瀑布图的绘制。
2．需求说明
“会员信息表． xlsx ”文件记录了某鲜花店销售系统上的会员信息，具体包括会员编号、姓名、性别、年龄、年龄段、城市、人会方式、会员级别、会员人会日、 VIP 建立日、购买总金额、购买总次数信息。绘制堆积柱状图分析会员年龄分布，绘制标准条形图分析会员人会渠道，绘制瀑布图分析不同城市会员消费总金额分布。
3．实现思路及步骤
(1）在 Eclipse 中依次创建3个． html 文件，分别为堆积柱状图． html 、标准条形图． html 和瀑布图． html 。
(2）绘制堆积柱状图。首先，在堆积柱状图． html 文件中引人 echarts . js 库文件。其次，准备一个指定了大小的 div 容器，并使用init0方法初始化容器。最后，设置堆积柱状图的配置项、“性别”“人会方式”数据，完成堆积柱状图绘制。
(3）绘制标准条形图。首先，在标准条形图． html 文件中引人 echarts . js 库文件。其次，准备一个指定了大小的 div 容器，并使用 init 方法初始化容器。最后，设置标准条形图的配置项、“性别”“年龄段”数据，完成标准条形图绘制。
(4）绘制瀑布图。首先，在瀑布图． html 文件中引人 echarts js 库文件。其次，准备一个指定了大小的 div 容器，并使用init0方法初始化容器。最后，设置瀑布图的配置项、“城市”“购买总金额”数据，完成瀑布图绘制。

 

 

 

 

 实训2会员数量相关分析
1．训练要点
掌握折线图的绘制。
2．需求说明
基于“会员信息表． xlsx ”数据绘制折线图，分析历年不同级别会员数量的变化趋势。

3．实现思路及步骤
(1）在 Eelipse 中创建折线图． html 文件。
(2）绘制折线图。首先，在折线图． html 文件中引人 echarts . js 库文件。其次，准备一个指定了大小的 div 容器，并使用 init 方法初始化容器。最后，设置折线图的配置项、“会员人会日”“会员级别”数据，完成折线图绘制。

实训3会员来源结构分析
1．训练要点
(1）掌握饼图的绘制。(2）掌握圆环图的绘制。2.需求说明基于“会员信息表 xlsx ”数据绘制饼图和圆环图，分析会员人会渠道分布。
3．实现思路及步骤
(1）在 Eelipse 中创建饼图． html 和圆环图． html 文件。(2）绘制饼图。首先，在饼图． html 文件中引人 echarts . js 库文件。其次，准备一个指定了大小的 div 容器，并使用init0方法初始化容器。最后，设置饼图的配置项和“人会方式”数据，完成饼图绘制。
(3）绘制圆环图。首先，在圆环图． html 文件中引入 echarts . js 库文件。其次，准备一个
指定了大小的 div 容器，并使用init0方法初始化容器。最后，设置圆环图的配置项和“会方式”数据，完成圆环图绘制。