mirror of https://gitee.com/antv-l7/antv-l7
48 lines
1.0 KiB
Markdown
48 lines
1.0 KiB
Markdown
---
|
|
title: Dot Density
|
|
order: 3
|
|
---
|
|
亮度图又称点密度图，单位面积的内点的个数越多，亮度会越亮，亮度图一般用来表达海量点数据分布情况
|
|
|
|
## 使用
|
|
|
|
### shape
|
|
- dot 如果需要使用亮度图可以将shape设置为dot,或者不设置shape
|
|
|
|
### color
|
|
|
|
- 无权重
|
|
如果数据没有权重可以将颜色设置为常量，渲染时会自动进行颜色叠加，点越多颜色越亮
|
|
- 有权重
|
|
如果数据有权重可以设置一组同一色相，不同亮度的色带，值越大亮度会越亮。
|
|
|
|
|
|
```javascript
|
|
|
|
const pointLayer = new PointLayer()
|
|
.source(data)
|
|
.size(2)
|
|
.shape('dot')
|
|
.color('h8', [
|
|
'#0A3663',
|
|
'#1558AC',
|
|
'#3771D9',
|
|
'#4D89E5',
|
|
'#64A5D3',
|
|
'#72BED6',
|
|
'#83CED6',
|
|
'#A6E1E0',
|
|
'#B8EFE2',
|
|
'#D7F9F0'
|
|
])
|
|
.style({
|
|
opacity: 1
|
|
});
|
|
|
|
scene.addLayer(pointLayer);
|
|
```
|
|
|
|
## 相关demo
|
|
|
|
[城市亮度图](../../../../examples/point/dot)
|