3D 柱图

3D柱图地理区域上方会显示不同高度的柱体，主题的高度与其在数据集中的数值会成正比。

使用

3D柱图通过 PointLayer对象实例化，将shape设置成不同的3Dshape

shape

3D Shape 支持

  • cylinder
  • triangleColumn
  • hexagonColumn
  • squareColumn

size

3D柱图size 需要设置三个维度 [w, l, z]

  • w 宽
  • l 长
  • z 高度

size设置成常量

  1.  layer.size([2,2,3])

size 回调函数设置

  1.  layer.size('unit_price', h => {
  2.         return [ 6, 6, h / 500 ];
  3.     })
  1. const column = new PointLayer({})
  2.   .source(data)
  3.   .shape('name', [
  4.     'cylinder',
  5.     'triangleColumn',
  6.     'hexagonColumn',
  7.     'squareColumn',
  8.   ])
  9.   .size('unit_price', h => {
  10.     return [6, 6, h / 500];
  11.   })
  12.   .color('name', ['#5B8FF9', '#70E3B5', '#FFD458', '#FF7C6A'])
  13.   .style({
  14.     opacity: 1.0,
  15.   });

[ 上一篇

聚合图 ]($e6e0c18c7c4d6f0a.md)[ 下一篇

JSON ]($907677cc283b50e8.md)