2024大数据职业技能竞赛（国赛）模块E数据展现题解_编写vue工程代码,根据接口,用折线图展示每年上架商品数量的变化情况,同时将用于图

    pathRewrite:{
      '^/api':'/dataVisualization'
    }
  }
}

}
}

### 插件


把echarts.min.js文件方在assets文件夹里面来


axios是内置的可全局引用


## 电商


#### [子任务一：用柱状图展示消费额最高的省份]( )


编写Vue工程代码，根据接口，用柱状图展示2020年消费额最高的5个省份，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。


![](https://img-blog.csdnimg.cn/direct/684c92a4129e46a88ed655be89588dc9.png)


![](https://img-blog.csdnimg.cn/direct/a5f226e5094140649211805f9c18cafe.png)


#### [子任务二：用柱状图展示消费额最低的省份]( )


编写Vue工程代码，根据接口，用柱状图展示2020年消费额最低的5个省份，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。


![](https://img-blog.csdnimg.cn/direct/0b9b3c6416bf4e748d933e84016db4ec.png)


![](https://img-blog.csdnimg.cn/direct/8179110a571e41afbb7e5b3742f10fb7.png)


#### [子任务三：用折线图展示每年上架商品数量变化]( )


编写Vue工程代码，根据接口，用折线图展示每年上架商品数量的变化情况，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。


![](https://img-blog.csdnimg.cn/direct/f8e2cbf68509436a8bf70ee48d4d7021.png)


![](https://img-blog.csdnimg.cn/direct/b85b60a7dcf74ab78d5b7d1f1b4a92c9.png)


#### [子任务四：用条形图展示平均消费额最高的省份]( )


编写Vue工程代码，根据接口，用条形图展示2020年平均消费额（四舍五入保留两位小数）最高的5个省份，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。


![](https://img-blog.csdnimg.cn/direct/10d1bec302b24949a5d6b3753e837515.png)



#### 子任务五：用折柱混合图展示省份平均消费额和地区平均消费额


编写Vue工程代码，根据接口，用折柱混合图展示2020年各省份平均消费额（四舍五入保留两位小数）和地区平均消费额（四舍五入保留两位小数）的对比情况，柱状图展示平均消费额最高的5个省份，折线图展示这5个省所在的地区的平均消费额变化，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



#### 子任务六：用柱状图展示各地区消费额的中位数


编写Vue工程代码，根据接口，用柱状图展示2020年各地区所有订单消费额的中位数（降序排列，若有小数则四舍五入保留两位），同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



#### 子任务七：用饼状图展示各地区消费能力


编写Vue工程代码，根据接口，用饼状图展示2020年各地区的消费总额占比，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



#### 子任务八：用条形图展示消费额最高的地区


编写Vue工程代码，根据接口，用条形图展示2020年消费额最高的5个地区，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。


#### 子任务九：用散点图展示省份平均消费额


编写Vue工程代码，根据接口，用基础散点图展示2020年最高10个省份平均消费额（四舍五入保留两位小数），同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



#### 子任务十：用饼状图展示各地区的平均消费能力


编写Vue工程代码，根据接口，用饼状图展示2020年各地区订单的平均消费额，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



#### 子任务十一：用条形图展示平均消费额最高的地区


编写Vue工程代码，根据接口，用条形图展示2020年平均消费额（四舍五入保留两位小数）最高的5个地区，同时将用于图表展示的数据结构在浏览器的console中进行打印输出，将图表可视化结果和浏览器console打印结果分别截图并粘贴至客户端桌面【Release\任务E提交结果.docx】中对应的任务序号下。



**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数大数据工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。**
![img](https://img-blog.csdnimg.cn/img_convert/6b269e32cf5df7ccb27d7a5ccd5eb6c0.png)
![img](https://img-blog.csdnimg.cn/img_convert/c52be1d9c605dd1f50d00461107d9e8b.png)
![img](https://img-blog.csdnimg.cn/img_convert/b5d7bd6244a8d89542c828c27aa8f248.png)
![img](https://img-blog.csdnimg.cn/img_convert/b9959506f2074038d16cf3c03a095e7e.png)
![img](https://img-blog.csdnimg.cn/img_convert/d11b7e85051475c65975dde4a5bdf9fb.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上大数据开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注大数据获取）**
![img](https://img-blog.csdnimg.cn/img_convert/d5308ee4e74416501e4b5939f16e7058.png)

面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注大数据获取）**
[外链图片转存中...(img-kb5seuvs-1712820498992)]