网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

+ [自动旋转效果](#_145)
+ [视觉映射组件配置](#_148)
+ - [首界面跳转到子界面](#_169)
	- * [3D.html全部代码](#3Dhtml_182)

动态三维柱状图

今天带来的是超绚丽的一个实用的图表——三维柱状图，注意此图表是在子界面展示的，通过点击右侧第二个南丁格尔图跳转过来的！

如果二维柱状图还不会的话，可以看下我之前写的Apache Echarts常用图表之柱状图
这里有二维柱状图基础的讲解，看完再来看三维的就更容易啦！

三维柱状图数据存储

定义三个数组分别存储x,y,z轴的数据。

注意，此处均为模拟数据不具有参考性。

//x轴
var job = [ "网页UI设计","后期制作","广告设计","软件测试","模型设计","软件开发","动画制作",
"教学人员","网络维护","Web开发","保险销售","资金管理","服务业","财务规划","教学人员"];

//y轴
var days = [ "星期一","星期二","星期三","星期四","星期五","星期六","星期天"];

//z轴
var data = [ //对应x,y,z
	[0,0,1],[0,1,1],[0,2,2],[0,3,4],[0,4,0],
	[0,5,2.0],[0,6,0],[0,7,1],[0,8,8.0],[0,9,0],
	[0,10,2],[0,11,0.1],[0,12,0],[0,13,1],[0,14,0.5],
	[1,0,1.6],[1,1,1.2],[1,2,1],[1,3,3],[1,4,1],
	[1,5,2.8],[1,6,1],[1,7,0],[1,8,0],[1,9,0],
	[1,10,1],[1,11,0],[1,12,0],[1,13,0],[1,14,2],
	[2,0,0.5],[2,1,1],[2,2,0.5],[2,3,1],[2,4,3],
	[2,5,4.1],[2,6,1],[2,7,0],[2,8,2],[2,9,0],
	[2,10,2],[2,11,0],[2,12,1],[2,13,1],[2,14,0],
	[3,0,0.8],[3,1,0.5],[3,2,1],[3,3,4],[3,4,3],
	[3,5,3.4],[3,6,0],[3,7,0],[3,8,1],[3,9,0],
	[3,10,3],[3,11,0],[3,12,


![img](https://img-blog.csdnimg.cn/img_convert/891c5234a5698decdc61c74681f118e3.png)
![img](https://img-blog.csdnimg.cn/img_convert/ad76af8af8db21d4684114283c5e8c99.png)
![img](https://img-blog.csdnimg.cn/img_convert/f4194166b568e983a25aac0926e22259.png)

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

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

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**

续会持续更新**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**