mirror of https://gitee.com/antv-l7/antv-l7
57 lines
1021 B
Markdown
57 lines
1021 B
Markdown
---
|
|
title: 散点图
|
|
order: 2
|
|
---
|
|
|
|
`markdown:docs/common/style.md`
|
|
|
|
在地理区域上放置相等大小的圆点，用来表示地域上的空间布局或数据分布。
|
|
|
|
## 使用
|
|
|
|
散点图通过 PointLayer 对象实例化
|
|
|
|
```javascript
|
|
import { PointLayer } from '@antv/l7';
|
|
```
|
|
|
|
<img width="80%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*LnlmQ7sFWigAAAAAAAAAAABkARQnAQ'>
|
|
|
|
### shape
|
|
|
|
- circle
|
|
- square
|
|
- hexagon
|
|
- triangle
|
|
- pentagon
|
|
- octogon
|
|
- hexagram
|
|
- rhombus
|
|
- vesica
|
|
|
|
散点图 shape 一般设置成常量
|
|
|
|
### color
|
|
|
|
color 可以根据数据的差异设置成不同颜色，表示数据的不同分类。
|
|
|
|
### size
|
|
|
|
散点图一般等大小的图形,size 一般设置成常量
|
|
|
|
```javascript
|
|
const scatter = new PointLayer()
|
|
.source(data)
|
|
.shape(circle)
|
|
.size(5)
|
|
.color('red')
|
|
.style({
|
|
opacity: 0.3,
|
|
strokeWidth: 1,
|
|
});
|
|
```
|
|
|
|
[在线案例](../../../examples/point/scatter#scatter)
|
|
|
|
`markdown:docs/common/layer/base.md`
|