echarts 堆叠柱状图立体 怎么写
时间: 2023-11-14 13:07:49 浏览: 101
要实现 echarts 堆叠柱状图立体,需要在 series 中设置 type 为 'bar',并且设置三维效果,可以通过设置 barWidth3D 和 barDepth 来控制柱子的宽度和深度。同时,需要设置 stack 属性来实现堆叠效果。
以下是一个简单的示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
zAxis: {
type: 'value'
},
series: [{
name: 'A',
type: 'bar',
stack: 'stack',
barWidth3D: 20,
barDepth: 10,
data: [120, 200, 150, 80, 70, 110, 130]
}, {
name: 'B',
type: 'bar',
stack: 'stack',
barWidth3D: 20,
barDepth: 10,
data: [220, 180, 210, 140, 60, 90, 70]
}]
};
```
阅读全文