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 // 每个柱子使用不同的颜色
            }]
        }
复制代码

 

 

posted @   幽冥狂_七  阅读(65)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
历史上的今天:
2021-04-27 .net 5 webapi 跨域配置
2017-04-27 获取CheckBox的值
2017-04-27 DataSet 动态添加列
点击右上角即可分享
微信分享提示