手把手教你做出数据可视化项目（六）动态3D柱状图及其自动旋转

数据可视化前言：https://blog.csdn.net/diviner_s/article/details/115933789
项目最终效果图：

此篇博客为自己学习pink老师的课后完成的项目的总结与记录，仅供交流参考。版权所有，转载请标注原作者！
使用echarts技术做的可视图，此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。

动态三维柱状图

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

如果二维柱状图还不会的话，可以看下我之前写的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,0],[3,13,0],[3,14,1],
	[4