mirror of
https://gitee.com/antv/g6.git
synced 2024-11-29 18:28:19 +08:00
docs: update base node links
This commit is contained in:
parent
57f954a97e
commit
4ead6cf6d8
@ -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 | number[] | 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 | 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`
|
||||
|
@ -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 | number[] | string | 0 |
|
||||
| labelBackgroundRadius | 标签背景圆角半径 <br> - number: 统一设置四个圆角半径 <br> - number[]: 分别设置四个圆角半径,不足则自动补充 | number | number[] | 0 |
|
||||
| `labelBackground${StyleProps}` | 更多标签背景样式配置,参考 [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect) 属性值。例如 labelBackgroundFillOpacity 代表标签背景透明度 | [RectStyleProps](https://g.antv.antgroup.com/api/basic/rect) | - |
|
||||
|
||||
### 光晕样式 halo
|
||||
|
Loading…
Reference in New Issue
Block a user