3D柱状图echarts bar3D配置项内容和展示

      var hours = ['做饭', '误报', '粉尘', '其它'];
var days = ['12月', '10月', '9月', '8月'];
var data = [
    [0, 0, 5],
    [0, 1, 1],
    [0, 2, 2],
    [0, 3, 8],
    [1, 0, 3],
    [1, 1, 5],
    [1, 2, 1],
    [1, 3, 9],
    [2, 0, 4],
    [2, 1, 8],
    [2, 2, 4],
    [2, 3, 8],
    [3, 0, 6],
    [3, 1, 7],
    [3, 2, 4],
    [3, 3, 9],
];
option = {
    title: {
        text: '',
        textStyle: {
            fontSize: 18,
            fontWeight: 600,
            fontFamily: 'siyuanheiti_Thin',
        },
        subtext: '',
        subtextStyle: {
            fontSize: 16,
        },
    },
    tooltip: {
        show: false,
    },
    visualMap: {
        show: false,
        max: 20,
        inRange: {
            color: ['#FF4500', '#FF6347', '#CD5C5C', '#B22222', '#CD5C5C', '#F08080', '#FA8072'],
        },
    },
    xAxis3D: {
        name: '',
        type: 'category',
        data: hours,
    },
    yAxis3D: {
        name: '',
        type: 'category',
        data: days,
    },
    zAxis3D: {
        name: '',
        type: 'value',
    },
    grid3D: {
        boxWidth: 200,
        boxDepth: 120,
        axisTick: {
            show: false,
        },
        axisLine: {
            lineStyle: {
                color: '#ccc',
                width: 1,
            },
        },
        axisLabel: {
            color: 'rgba(255,255,255,.6)',
            fontSize: '12',
        },
        light: {
            main: {
                intensity: 1.2,
                shadow: true,
            },
            ambient: {
                intensity: 0.7,
                shadow: true,
            },
        },
        viewControl: {
            alpha: 15,
            beta: 40,
            autoRotate: true,
            zoomSensitivity: 0,
            autoRotateAfterStill: 5,
            distance: 250,
        },
    },
    series: [
        {
            type: 'bar3D',
            name: '数量',
            data: data.map(function (item) {
                return {
                    value: [item[0], item[1], item[2]],
                };
            }),
            shading: 'lambert',
            label: {
                show: true,
                distance: 1,
                textStyle: {
                    color: '#32CD32',
                    fontSize: 18,
                    borderWidth: 0,
                    borderColor: 'none',
                    backgroundColor: 'rgba(255,255,255,0)',
                    fontFamily: 'impact, Simhei',
                },
            },
            itemStyle: {
                opacity: 1,
            },
            /*emphasis: {
				label: {
					textStyle: {
						fontSize: 20,
						color: '#900'
					}
				},
				itemStyle: {
					color: '#900'
				}
			}*/
        },
    ],
};