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

      '^/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】中对应的任务序号下。




![img](https://img-blog.csdnimg.cn/img_convert/88af40a486b175be30b9530fcff56484.png)
![img](https://img-blog.csdnimg.cn/img_convert/5466112fbfb64ea0381e51c523b6d50e.png)
![img](https://img-blog.csdnimg.cn/img_convert/decd5a534673736be2c37aa575f34dcf.png)

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

58911)]
[外链图片转存中...(img-vygYQcpR-4702036258912)]

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