跳到主要内容

Style

style 方法用于配制图层的样式,相同图层拥有不同的 shape 图形,不同 shape 的图层 style 方法接受不同的参数。

🌟 蜂窝热力图和网格热力图的 style 样式可以参考实际绘制的图层。

layer.style({
  opacity: 0.5,
});

common

通用 style 参数,所有图形都支持的参数。

style 类型 描述 默认值
opacity number 图形的透明度 1

heatmap

shape 为 heatmap、heatmap3D 类型的时候,绘制经典热力图。

style 类型 描述 默认值
intensity number 热力的强度 10
radius number 热力点的半径 10
rampColors number 热力的色值 1

rampColors

  • colors  颜色数组
  • positions 数据区间

配置值域映射颜色的色带,值域的范围为 [0 - 1], 对应的我们需要为每一个 position 位置设置一个颜色值。

⚠️ colors, positions 的长度要相同

layer.style({
  rampColors: {
    colors: ['#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C'],
    positions: [0, 0.2, 0.4, 0.6, 0.8, 1.0],
  },
});

hexagon

绘制蜂窝热力图。

style 类型 描述 默认值
angle number 图形旋转角度 0
coverage number 图形覆盖比率 0.9

grid

绘制网格热力图。

style 类型 描述 默认值
coverage number 图形覆盖比率 1
© Copyright 2026 Ant Group Co., Ltd..备案号:京ICP备15032932号-38
全站搜索
文档与示例输入关键词开始搜索

输入关键词,查找文档、API 与示例

↑↓选择↵打开Esc关闭