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 // 每個柱子使用不同的顏色
}]
}
