docs: update base node links

This commit is contained in:
Aaron 2024-11-28 20:37:54 +08:00
parent 57f954a97e
commit 4ead6cf6d8
2 changed files with 4 additions and 4 deletions

View File

@ -23,7 +23,7 @@ Defines the node's style, including color, size, etc.
<img width="200" src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*Ot4bSbBx97EAAAAAAAAAAAAADmJ7AQ/original" />
> For an in-depth understanding of node composition, read [Core Concepts - Element](/en/manual/core-concept/element).
> For an in-depth understanding of node composition, read [Core Concepts - Element - Node](/en/manual/core-concept/element#node).
The following style will be explained sequentially based on atomic shapes:
@ -60,7 +60,7 @@ The following style will be explained sequentially based on atomic shapes:
| `label${StyleProps}` | Additional label style options, refer to [TextStyleProps](https://g.antv.antgroup.com/api/basic/text). For instance, `labelFontSize` specifies the label font size | [TextStyleProps](https://g.antv.antgroup.com/api/basic/text) | - |
| labelBackground | Whether to display a background | boolean | false |
| labelBackgroundFill | Label background fill color | string | - |
| labelBackgroundRadius | Label background corner radius <br> - `number`: Sets the same radius for all four corners <br> - `number[]`: Sets the radius for each corner, completing missing values <br> - `string`: Similar to the CSS `padding` property, values are separated by spaces | number &#124; number[] &#124; string | 0 |
| labelBackgroundRadius | Label background corner radius <br> - `number`: Sets the same radius for all four corners <br> - `number[]`: Sets the radius for each corner | number &#124; number[] | 0 |
| `labelBackground${StyleProps}` | Additional label background style options, refer to [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect). For instance, `labelBackgroundFillOpacity` specifies the transparency of the label background | [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect) | - |
### Halo Style `halo`

View File

@ -39,7 +39,7 @@ const graph = new Graph({
<img width="200" src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*Ot4bSbBx97EAAAAAAAAAAAAADmJ7AQ/original" />
> 深入了解节点构成,请阅读 [核心概念 - 元素](/manual/core-concept/element)。
> 深入了解节点构成,请阅读 [核心概念 - 元素 - 节点](/manual/core-concept/element#节点)。
以下样式配置将按原子图形依次说明:
@ -76,7 +76,7 @@ const graph = new Graph({
| `label${StyleProps}` | 更多标签样式配置,参考 [TextStyleProps](https://g.antv.antgroup.com/api/basic/text) 属性值。例如 labelFontSize 代表标签文字大小 | [TextStyleProps](https://g.antv.antgroup.com/api/basic/text) | - |
| labelBackground | 是否显示背景 | boolean | false |
| labelBackgroundFill | 标签背景填充色 | string | - |
| labelBackgroundRadius | 标签背景圆角半径 <br> - number: 统一设置四个圆角半径 <br> - number[]: 分别设置四个圆角半径,会补足缺省的分量 <br> - string: 与 [CSS padding](https://developer.mozilla.org/zh-CN/docs/Web/CSS/padding) 属性类似,使用空格分隔 | number &#124; number[] &#124; string | 0 |
| labelBackgroundRadius | 标签背景圆角半径 <br> - number: 统一设置四个圆角半径 <br> - number[]: 分别设置四个圆角半径,不足则自动补充 | number &#124; number[] | 0 |
| `labelBackground${StyleProps}` | 更多标签背景样式配置,参考 [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect) 属性值。例如 labelBackgroundFillOpacity 代表标签背景透明度 | [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect) | - |
### 光晕样式 halo