highchart 生成一个3d的柱状图

highchart生成一个光秃秃的柱状图

let report = {

             chart: {

                type: 'column',

                margin: 0,

                options3d: {

                    enabled: true,

                    alpha: 15, // 控制x轴角度

                    beta: 10, // 控制y轴角度

                    depth: 110, // 柱子深度

                    viewDistance: 150 // 视距

                }

            },

            title: {

                text: null

            },

            xAxis: {

                visible: false

            },

            yAxis: {

                visible: false

            },

            legend: {

                enabled: false

            },

            plotOptions: {

                column: {

                    depth: 30,

                    dataLabels: {

                        enabled: true,

                        inside: true, // 将数据标签显示在柱子内部

                        color:'#FFFFFF',

                        style: {

                            fontSize: '14px',

                            textOutline: 'none',

                        },

                        formatter: function() { // 设置数据标签格式为数据点的y值

                            return this.y;

                        }

                    }

                }

            },

            series: [{

                name: 'My Data',

                data: [10, 20, 30, 40],

                colorByPoint: true // 每个柱子使用不同的颜色

            }]

        }