echarts绘制棱形立体柱状图
时间: 2023-11-11 22:00:10 浏览: 104
利用Echarts写的柱状图
5星 · 资源好评率100%
要绘制棱形立体柱状图,可以使用 echarts 中的 3D 柱状图。在 series 中设置 type 为 'bar3D',并设置相应的数据和坐标轴即可。同时,需要设置视角(camera)和光照(light)等参数来调整图形效果。
以下是一个简单的示例代码:
```javascript
option = {
xAxis3D: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis3D: {
type: 'value'
},
zAxis3D: {
type: 'category',
data: ['X', 'Y', 'Z']
},
grid3D: {
boxWidth: 200,
boxDepth: 80,
viewControl: {
// 设置初始视角
distance: 200
},
light: {
// 设置光照方向
main: {
intensity: 1.2,
shadow: true
},
ambient: {
intensity: 0.3
}
}
},
series: [{
type: 'bar3D',
data: [
['A', 0, 'X', 10],
['B', 1, 'X', 20],
['C', 2, 'X', 30],
['D', 3, 'X', 40],
['E', 4, 'X', 50],
['A', 0, 'Y', 60],
['B', 1, 'Y', 70],
['C', 2, 'Y', 80],
['D', 3, 'Y', 90],
['E', 4, 'Y', 100],
['A', 0, 'Z', 110],
['B', 1, 'Z', 120],
['C', 2, 'Z', 130],
['D', 3, 'Z', 140],
['E', 4, 'Z', 150]
],
shading: 'lambert',
label: {
show: true,
textStyle: {
fontSize: 16,
borderWidth: 1
}
},
itemStyle: {
opacity: 0.8
}
}]
};
```
阅读全文