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 // 每个柱子使用不同的颜色
}]
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
2021-04-27 .net 5 webapi 跨域配置
2017-04-27 获取CheckBox的值
2017-04-27 DataSet 动态添加列