【前端笔记】highcharts图表之3D条形图的设置

前面都与3D饼图相同，区别就在test.js的内容

var chart = new Highcharts.Chart({
	//用于设置图表区相关属性
	chart: {
		//放置图表的div的id
		renderTo: 'container',
		//类型条形图
		type: 'column',
		//背景设为透明
		backgroundColor: 'rgba(0,0,0,0)',
		//3D显示样式
		options3d: {
			//是否3D显示
			enabled: true,
			//调整看到的条形图的角度
			alpha: 2,
			beta: 15,
			depth: 100,
			viewDistance: 90
		}
	},
	//改变条形图默认颜色
	colors: ['#0DD9D4'],
	// 禁用右下角版权信息
	credits: {
		enabled: false
	},
	//标题
	title: {
		text: '平均睡觉时间统计',
		style: {
			fontSize: '32px',
			color: ' #00000',
			textalign: 'center',
			fontFamily: 'PingFang-SC-Heavy'
		}
	},
	//设置图表的表现效果 设置该选项，会对整个图表生效。但是，如果你在series中单独又定制了相应的样式，那么plotOptions的设置将会被自定义的覆盖。
	plotOptions: {
		column: {
			depth: 50
		}
	},
	//设置x轴
	xAxis: {
		categories: ['一月', '二月', '三月', '四月', '五月', '六月',
			'