Skip to content

Commit

Permalink
docs: pr问题修复
Browse files Browse the repository at this point in the history
  • Loading branch information
fanyang authored and boyongjiong committed Jul 13, 2024
1 parent 681622b commit d258242
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 10 deletions.
10 changes: 5 additions & 5 deletions sites/docs/docs/tutorial/basic-class.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,16 +38,16 @@ Inside LogicFlow, we think of a flowchart as a graph consisting of nodes and edg

<code id="graphData" src="../../src/tutorial/basic/instance/graphData"></code>

`nodes`: Contains all nodes. Each node's data attributes are detailed in the <a href="../api/nodeModelApi.en-US.md#DataAttributes">nodeModel</a>.
**`nodes`**: Contains all nodes. Each node's data attributes are detailed in the <a href="../api/nodeModelApi.en-US.md#DataAttributes">nodeModel</a>.

`edges`: Contains all edges, connecting two nodes through `sourceNodeId` and `targetNodeId`. Each edge's data attributes are detailed in the <a href="../api/edgeModelApi.en-US.md#DataAttributes">EdgeModel</a>.
**`edges`**: Contains all edges, connecting two nodes through `sourceNodeId` and `targetNodeId`. Each edge's data attributes are detailed in the <a href="../api/edgeModelApi.en-US.md#DataAttributes">EdgeModel</a>.


`type`: Indicates the type of node or edge, which can be a basic type built into LogicFlow such as `rect` or `polyline`, or a custom type defined by users based on these basic types.
**`type`**: Indicates the type of node or edge, which can be a basic type built into LogicFlow such as `rect` or `polyline`, or a custom type defined by users based on these basic types.

`text`: `text` can represent either node text or edge text. For node text, the node coordinates are automatically used as the text coordinates. For edge text, an appropriate coordinate is computed based on the type of edge. In some scenarios, text positions can be adjusted and dragged. Therefore, our text data in LogicFlow provides coordinate attributes.
**`text`**: `text` can represent either node text or edge text. For node text, the node coordinates are automatically used as the text coordinates. For edge text, an appropriate coordinate is computed based on the type of edge. In some scenarios, text positions can be adjusted and dragged. Therefore, our text data in LogicFlow provides coordinate attributes.

`properties`: Each node and edge has properties including node style, shape attributes, and business-specific properties reserved for particular business scenarios. Examples include node shape attributes like `width` and `height`, `style` attributes, and business-specific properties like `isPass`.
**`properties`**: Each node and edge has properties including node style, shape attributes, and business-specific properties reserved for particular business scenarios. Examples include node shape attributes like `width` and `height`, `style` attributes, and business-specific properties like `isPass`.

## Diagram Rendering

Expand Down
10 changes: 5 additions & 5 deletions sites/docs/docs/tutorial/basic-class.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,15 +39,15 @@ const lf = new LogicFlow({

<code id="graphData" src="../../src/tutorial/basic/instance/graphData"></code>

`nodes`: 包含所有的节点。每个节点的数据属性详见 <a href="../api/nodeModelApi.md#数据属性">nodeModel</a> 。
**`nodes`**: 包含所有的节点。每个节点的数据属性详见 <a href="../api/nodeModelApi.md#数据属性">nodeModel</a> 。

`edges`: 包含所有的边,通过起始 `sourceNodeId``targetNodeId` 将两个节点相连。每个边的数据属性详见 <a href="../api/edgeModelApi.md#数据属性">edgeModel</a>。
**`edges`**: 包含所有的边,通过起始 `sourceNodeId``targetNodeId` 将两个节点相连。每个边的数据属性详见 <a href="../api/edgeModelApi.md#数据属性">edgeModel</a>。

`type`: 表示节点或者边的类型,这里的类型不仅可以是`rect`,`polyline`这种LogicFlow内置的基础类型,也可以是用户基于基础类型自定义的类型。
**`type`**: 表示节点或者边的类型,这里的类型不仅可以是`rect`,`polyline`这种LogicFlow内置的基础类型,也可以是用户基于基础类型自定义的类型。

`text`: `text`可以是节点文本,也可以是连线文本,如果是节点文本,默认自动采用节点坐标作为节点文本坐标,如果是连线文本,我们会基于不同的连线类型计算一个合适的坐标作为节点坐标。在有些应用场景下,我们的文本位置是可以改变的和拖动的,基于此,我们LogicFlow的文本数据提供坐标属性。
**`text`**: `text`可以是节点文本,也可以是连线文本,如果是节点文本,默认自动采用节点坐标作为节点文本坐标,如果是连线文本,我们会基于不同的连线类型计算一个合适的坐标作为节点坐标。在有些应用场景下,我们的文本位置是可以改变的和拖动的,基于此,我们LogicFlow的文本数据提供坐标属性。

`properties`: 每个节点和边都有properties属性,包含节点样式、形状属性和业务自定义属性(保留给具体业务场景使用的数据),比如节点自身的形状属性`width`,`height`,样式属性`style`和业务自定义属性`isPass`等。
**`properties`**: 每个节点和边都有properties属性,包含节点样式、形状属性和业务自定义属性(保留给具体业务场景使用的数据),比如节点自身的形状属性`width`,`height`,样式属性`style`和业务自定义属性`isPass`等。

## 图渲染

Expand Down

0 comments on commit d258242

Please sign in to comment.