mirror of https://gitee.com/antv-l7/antv-l7
977 B
977 B
title | order |
---|---|
3D 柱图 | 5 |
3D柱图地理区域上方会显示不同高度的柱体,主题的高度与其在数据集中的数值会成正比。
使用
3D柱图通过 PointLayer对象实例化,将shape设置成不同的3Dshape
shape
3D Shape 支持
- cylinder
- triangleColumn
- hexagonColumn
- squareColumn
size
3D柱图size 需要设置三个维度 [w, l, z]
- w 宽
- l 长
- z 高度
size设置成常量
layer.size([2,2,3])
size 回调函数设置
layer.size('unit_price', h => {
return [ 6, 6, h / 500 ];
})
const column = new PointLayer({})
.source(data)
.shape('name', [
'cylinder',
'triangleColumn',
'hexagonColumn',
'squareColumn'
])
.size('unit_price', h => {
return [ 6, 6, h / 500 ];
})
.color('name', [ '#5B8FF9', '#70E3B5', '#FFD458', '#FF7C6A' ])
.style({
opacity: 1.0
});