g6/packages/site/docs/apis/data/EdgeDisplayModel.en.md
Aaron 3534d4669b
docs: adjust docs of data (#5211)
* docs: adjust docs of data

* docs: update api docs
2023-12-01 17:44:49 +08:00

53 lines
2.1 KiB
Markdown

---
title: EdgeDisplayModel
order: 8
---
EdgeDisplayModel is the rendering data of Edge, which is obtained by [EdgeModel](./EdgeModel.en.md) through [data mapping](./DataIntro.en.md#mappers). EdgeDisplayModel can only be accessed by G6.
<embed src="../../common/DataID.en.md"></embed>
## source <Badge type="error">Required</Badge>
**Type**: `string | number`
The ID of the source node of the edge. It should correspond to an item in `nodes`, otherwise the edge data will not be added to the graph.
## target <Badge type="error">Required</Badge>
**Type**: `string | number`
The ID of the target node of the edge. It should correspond to an item in `nodes`, otherwise the edge data will not be added to the graph.
## data <Badge type="error">Required</Badge>
The data in EdgeDisplayModelData is the result of the EdgeModel being mapped through the mapper ([specification.edge](../graph/Specification.en.md#edge)) configured on the Graph instance. It should store all the contents of the EdgeModel, as well as many shape style configurations.
<embed src="../../common/DataAttrTips.zh.md"></embed>
<embed src="../../common/LodLevels.en.md"></embed>
<embed src="../../common/DataAnimates.en.md"></embed>
### keyShape
The style configuration of the key shape of the edge. The key shape of the edge is the overall path shape of the edge.
**Type**: `ShapeStyle`, the shape style configuration of the key shape depends on the different main shapes. For example, the key shape of `'line-edge'` is `'line'`, please refer to [LineStyleProps](/en/apis/shape/line-style-props); the key shape of `'cubic-edge'` is `'path'`, please refer to [PathStyleProps](/en/apis/shape/path-style-props).
<embed src="../../common/DataIconShape.en.md"></embed>
<embed src="../../common/DataHaloShape.en.md"></embed>
<embed src="../../common/DataLabelShape.en.md"></embed>
<embed src="../../common/DataLabelBackgroundShape.en.md"></embed>
<embed src="../../common/DataOtherShapes.en.md"></embed>
:::info
The following attributes are inherited from [EdgeModel](./EdgeModel.en.md)
:::
<embed src="../../common/EdgeUserModel.en.md"></embed>