三维散点echarts scatter3D配置项内容和展示

配置项如下
      option = {
    visualMap: [{
        bottom: 10,
        calculable: true,
        dimension: 3,
        max: 100,
        inRange: {
            color: ['#1710c0', '#0b9df0', '#00fea8', '#00ff0d', '#f5f811', '#f09a09', '#fe0300'],
            symbolSize: [1, 100]
        },
        textStyle: {
            color: '#000'
        }
    }],
    grid3D: {
        show: true,
        boxWidth: 90,
        boxHeight: 90,
        boxDepth: 90,
        axisLine: {
            show: true,
            lineStyle: {
                color: 'red',
                opacity: 1,
                width: 2
            }
        },
        axisLabel: {
            show: true,
            margin: 5,
            textStyle: {
                color: 'blue',
                fontSize: 20
            }
        },
        axisTick: {
            show: false,
            length: 0,
            lineStyle: {
                color: '#eee',
                opacity: 0,
                width: 0
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: ['#eee'],
                opacity: 1,
                width: 1
            }
        },
        splitArea: {
            show: true,
            areaStyle: {
                color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
            }
        },
        axisPointer: {
            show: true,
            lineStyle: {
                color: 'red',
                opacity: 1,
                width: 1
            },
            label: {
                show: true,
                margin: 8,
                textStyle: {
                    color: 'red',
                    fontSize: 20
                }
            }
        }
    },
    xAxis3D: {
        show: false,
        name: '星期',
        type: 'category',
        data:['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis3D: {
        show: false,
        name: '时间',
        type: 'category',
        data:['3am','6am','9am','12am','3pm','6pm','9pm','12pm']
    },
    zAxis3D: {
        show: false,
        name: '降水量/cc',
        type: 'value'
    },
    series: [{
        type: 'scatter3D',
        symbolSize: 50,
        coordinateSystem: 'cartesian3D',
        data: [
            ['周一', '3am', 30, 200, 200],
            ['周三', '9am', 10, 9, 9]
        ],
        itemStyle: {
            opacity: 1
        }
    }]
}
    
截图如下