diff --git a/docs/api/graphic-style.en.md b/docs/api/graphic-style.en.md
index 0e35c0f633..4efe862ee6 100644
--- a/docs/api/graphic-style.en.md
+++ b/docs/api/graphic-style.en.md
@@ -48,19 +48,9 @@ Result:
## Configure line styles
-| Properties | Type | Description |
-| ------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| stroke | string | The color of the line |
-| lineWidth | number | Line width |
-| lineDash | [number,number] | With dotted line configuration, the first value is the length of each segment of the dotted line, and the second value is the distance between segments. LineDash sets [0,0] to no stroke. |
-| opacity | number | Transparency |
-| shadowColor | string | Shadow color |
-| shadowBlur | number | Gaussian blur coefficient |
-| shadowOffsetX | number | Sets the horizontal distance between the shadow and the shape |
-| shadowOffsetY | number | Sets the vertical distance of the shadow from the shape |
-| cursor | string | Mouse style. Mouse styles with CSS, default 'default'。 |
-
-Use the full graphic style `lineStyle` to configure the Line graphic style. Example:
+`markdown:docs/common/line-style.en.md`
+
+In a line plot, you can use `linestyle` directly to configure the Line graphic style. Example:
```ts
lineStyle: {
diff --git a/docs/api/graphic-style.zh.md b/docs/api/graphic-style.zh.md
index 41746d9cdf..765320bb06 100644
--- a/docs/api/graphic-style.zh.md
+++ b/docs/api/graphic-style.zh.md
@@ -48,19 +48,9 @@ G2Plot 使用 [G](https://github.com/antvis/g) 作为绘图引擎，一些图形
## 配置线的样式
-| 属性名 | 类型 | 介绍 |
-| ------------- | --------------- | ------------------------------------------------------------------------------------------------------ |
-| stroke | string | 线的颜色 |
-| lineWidth | number | 线宽 |
-| lineDash | [number,number] | 虚线配置，第一个值为虚线每个分段的长度，第二个值为分段间隔的距离。lineDash 设为[0,0]的效果为没有描边。 |
-| opacity | number | 透明度 |
-| shadowColor | string | 阴影颜色 |
-| shadowBlur | number | 高斯模糊系数 |
-| shadowOffsetX | number | 设置阴影距图形的水平距离 |
-| shadowOffsetY | number | 设置阴影距图形的垂直距离 |
-| cursor | string | 鼠标样式。同 css 的鼠标样式,默认 'default'。 |
-
-示例代码，使用全量图形样式配置 Line (基础折线图) 的折线图形样式 `LineStyle`：
+`markdown:docs/common/line-style.zh.md`
+
+在折线图中，你可以直接使用 `linestyle` 来配置 line 几何图形的样式。示例:
```ts
lineStyle: {
@@ -74,7 +64,7 @@ lineStyle: {
shadowOffsetY: 5,
cursor: 'pointer'
}
-```
+````
效果：
@@ -83,12 +73,12 @@ lineStyle: {
## 配置文字样式
| 属性名 | 类型 | 介绍 |
-| ------------- | --------------- | ------------------------------------------------------------------------------------------------------------ |
+| ------------- | --------------- | ------------------------------------------------------------------------------------------------------------ | -------- | -------- | ------------ | --------------------------- |
| fontSize | number | 文字大小 |
| fontFamily | string | 文字字体 |
| fontWeight | number | 字体粗细 |
| lineHeight | number | 文字的行高 |
-| textAlign | string | 设置文本内容的当前对齐方式, 支持的属性：`center` | `end` | `left` | `right` | `start`，默认值为`start` |
+| textAlign | string | 设置文本内容的当前对齐方式, 支持的属性：`center` | `end` | `left` | `right` | `start`，默认值为`start` |
| textBaseline | string | 设置在绘制文本时使用的当前文本基线, 支持的属性:`top` | `middle` | `bottom` | `alphabetic` | `hanging`。默认值为`bottom` |
| fill | string | 文字的填充色 |
| fillOpacity | number | 文字的填充透明度 |
diff --git a/docs/api/plots/area.en.md b/docs/api/plots/area.en.md
index 56ff2aba69..4b001abb8c 100644
--- a/docs/api/plots/area.en.md
+++ b/docs/api/plots/area.en.md
@@ -67,7 +67,7 @@ Area graphic style.
#### line
-**optional** _lineStyle_
+**optional** _object_
Line graphic style in the Area.
diff --git a/docs/api/plots/area.zh.md b/docs/api/plots/area.zh.md
index 36253e7535..612796461c 100644
--- a/docs/api/plots/area.zh.md
+++ b/docs/api/plots/area.zh.md
@@ -67,7 +67,7 @@ order: 1
#### line
-**optional** _lineStyle_
+**optional** _object_
面积中折线的样式。
diff --git a/docs/api/plots/tiny-area.en.md b/docs/api/plots/tiny-area.en.md
index 63fcb84554..9b83808771 100644
--- a/docs/api/plots/tiny-area.en.md
+++ b/docs/api/plots/tiny-area.en.md
@@ -37,7 +37,7 @@ Area chart style.
#### line
-**optional** _lineStyle_
+**optional** _object_
The pattern of polylines in the area.
diff --git a/docs/api/plots/tiny-area.zh.md b/docs/api/plots/tiny-area.zh.md
index 92a6939657..b073b04eb3 100644
--- a/docs/api/plots/tiny-area.zh.md
+++ b/docs/api/plots/tiny-area.zh.md
@@ -37,7 +37,7 @@ order: 15
#### line
-**optional** _lineStyle_
+**optional** _object_
面积中折线的样式。
diff --git a/docs/common/axis.en.md b/docs/common/axis.en.md
index 987ad43980..1707a7ea49 100644
--- a/docs/common/axis.en.md
+++ b/docs/common/axis.en.md
@@ -1,4 +1,3 @@
-
##### position
**optional** _`top` | `bottom` | `left` | `right`_
@@ -11,15 +10,15 @@ For Cartesian coordinates, set the position of the coordinate axes.
Configurations related to axis label. Set this to `null` to prevent the axis label from appearing. The details of _ AxisLabelCfg_ are as follows:
-| Properties | Type | |
-| ------------ | -----------------------------------------------------| ------- | ------------------------ |
-| style | _[ShapeAttrs](/zh/docs/api/shape/shape-attrs)_ | - | Axis label text graphic property style |
-| offset | _number_ | - | Axis label offset
-| rotate | _number_ | - | Axis label text rotation Angle |
-| autoRotate | _boolean_ | `true` | Whether to rotate automatically, default true |
-| autoHide | _boolean_ | `false` | Whether to hide it automatically, default to false |
-| autoEllipsis | _boolean_ | `false` | Whether to ellipsis label when overflow, default to false |
-| formatter | _`(text: string, item: ListItem, index: number) => any`_ | `false` | Format function |
+| Properties | Type | |
+| ------------ | -------------------------------------------------------- | ------- | --------------------------------------------------------- |
+| style | _[ShapeAttrs](/zh/docs/api/graphic-style)_ | - | Axis label text graphic property style |
+| offset | _number_ | - | Axis label offset |
+| rotate | _number_ | - | Axis label text rotation Angle |
+| autoRotate | _boolean_ | `true` | Whether to rotate automatically, default true |
+| autoHide | _boolean_ | `false` | Whether to hide it automatically, default to false |
+| autoEllipsis | _boolean_ | `false` | Whether to ellipsis label when overflow, default to false |
+| formatter | _`(text: string, item: ListItem, index: number) => any`_ | `false` | Format function |
##### verticalFactor
@@ -95,7 +94,17 @@ Coordinate axis configuration item, NULL means not displayed.
The configuration item of the coordinate axis scale line. NULL means not displayed.
-`markdown:docs/common/line-style.en.md`
+| Properties | Type | Description |
+| ---------- | ----------- | -------------------------------------- |
+| style | _lineStyle_ | The style of tickLine. |
+| alignTick | _boolean_ | Whether aligh tickLine with tick label |
+| length | _number_ | The length of tickLine. |
+
+Go [ShapeAttrs](/zh/docs/api/graphic-style) see more details about _ShapeAttrs_. The params of _ShapeAttrsCallback_ are as follow：
+
+```ts
+type ShapeAttrsCallback = (item: any, index: number, items: any[]) => ShapeAttrs;
+```
##### subTickLine
@@ -103,7 +112,17 @@ The configuration item of the coordinate axis scale line. NULL means not display
A configuration item for a coordinate subscale. NULL indicates that it is not displayed.
-`markdown:docs/common/line-style.en.md`
+| Properties | Type | Description |
+| ---------- | ---------------------------------- | -------------------------- |
+| style | _ShapeAttrs \| ShapeAttrsCallback_ | The style of subTickLine. |
+| count | _number_ | The count of subTickLine. |
+| length | _number_ | The length of subTickLine. |
+
+Go [ShapeAttrs](/zh/docs/api/graphic-style) see more details about _ShapeAttrs_. The params of _ShapeAttrsCallback_ are as follow：
+
+```ts
+type ShapeAttrsCallback = (item: any, index: number, items: any[]) => ShapeAttrs;
+```
##### title
@@ -111,13 +130,14 @@ A configuration item for a coordinate subscale. NULL indicates that it is not di
A configuration item for the title, NULL means not to be displayed.
-| Properties | Type | Description |
-| ---------- | ------------ | ------------------------------------------------------------------ |
-| text | _string_ | The title of axis |
-| offset | _number_ | The distance of the title from the coordinate axis |
-| spacing | _lineStyle_ | The distance between the title and the text on the coordinate axis |
-| style | _shapeStyle_ | Title text configuration items |
-| autoRotate | _boolean_ | Whether to rotate automatically or not |
+| Properties | Type | Description |
+| ---------- | ------------ | -------------------------------------------------------------------------- |
+| text | _string_ | The title of axis |
+| position | _string_ | Position of the axis title, default: 'center'. Options: start, center, end |
+| offset | _number_ | The distance of the title from the coordinate axis |
+| spacing | _number_ | The distance between the title and the text on the coordinate axis |
+| style | _shapeStyle_ | Title text configuration items |
+| autoRotate | _boolean_ | Whether to rotate automatically or not |
**_shapeStyle_**
@@ -139,14 +159,12 @@ Axis grid line configuration item. NULL means not shown.
| Properties | Type | Description |
| -------------- | ------------------ | ------------------------------------------------------------------ |
-| line.style | _lineStyle_ | The style of the line |
+| line | _lineStyle_ | The style of the line |
| alternateColor | _string\|string[]_ | The fill color between two grid lines |
| closed | _boolean_ | Whether to close the grid for circle |
| alignTick | _boolean_ | If the value is false, it will be displayed between the two scales |
-The configurations of **_lineStyle_** are as follows:
-
-`markdown:docs/common/line-style.en.md`
+Then config of `grid.line` is the same as: [line](#line)
##### animate
diff --git a/docs/common/axis.zh.md b/docs/common/axis.zh.md
index 92729d1abe..5018c41115 100644
--- a/docs/common/axis.zh.md
+++ b/docs/common/axis.zh.md
@@ -10,17 +10,16 @@
文本标签的配置项，null 表示不展示。_AxisLabelCfg_ 配置如下：
-| 参数名 | 类型 | 默认值 | 描述 |
-| ------------ | -----------------------------------------------------| ------- | ------------------------ |
-| style | _[ShapeAttrs](/zh/docs/api/shape/shape-attrs)_ | - | 坐标轴刻度线的样式配置项 |
-| offset | _number_ | - | label 的偏移量 |
-| rotate | _number_ | - | 文本旋转角度 |
-| autoRotate | _boolean_ | `true` | 是否自动旋转 |
+| 参数名 | 类型 | 默认值 | 描述 |
+| ------------ | -------------------------------------------------------- | ------- | ------------------------ |
+| style | _[ShapeAttrs](/zh/docs/api/graphic-style)_ | - | 坐标轴刻度线的样式配置项 |
+| offset | _number_ | - | label 的偏移量 |
+| rotate | _number_ | - | 文本旋转角度 |
+| autoRotate | _boolean_ | `true` | 是否自动旋转 |
| autoHide | _boolean_ | `false` | 是否自动隐藏 |
| autoEllipsis | _boolean_ | `false` | 是否自动省略 |
| formatter | _`(text: string, item: ListItem, index: number) => any`_ | `false` | 格式化函数 |
-
##### verticalFactor
**optional** _number_
@@ -93,9 +92,19 @@
**optional** _object_
-坐标轴刻度线线的配置项，null 表示不展示。
+坐标轴刻度线的配置项，null 表示不展示。
-`markdown:docs/common/line-style.zh.md`
+| 细分配置项名称 | 类型 | 功能描述 |
+| -------------- | ---------------------------------- | ---------------------------- |
+| style | _ShapeAttrs \| ShapeAttrsCallback_ | 坐标轴刻度线的样式。 |
+| alignTick | _boolean_ | 坐标轴刻度线是否同 tick 对齐 |
+| length | _number_ | 坐标轴刻度线长度 |
+
+关于 _ShapeAttrs_ 详细查看 [ShapeAttrs](/zh/docs/api/graphic-style) 文档。_ShapeAttrsCallback_ 回调参数如下：
+
+```ts
+type ShapeAttrsCallback = (item: any, index: number, items: any[]) => ShapeAttrs;
+```
##### subTickLine
@@ -103,7 +112,17 @@
坐标轴子刻度线的配置项，null 表示不展示。
-`markdown:docs/common/line-style.zh.md`
+| 细分配置项名称 | 类型 | 功能描述 |
+| -------------- | ---------------------------------- | -------------------- |
+| style | _ShapeAttrs \| ShapeAttrsCallback_ | 坐标轴子刻度线的样式。 |
+| count | _number_ | 子刻度个数 |
+| length | _number_ | 坐标轴子刻度线长度 |
+
+关于 _ShapeAttrs_ 详细查看 [ShapeAttrs](/zh/docs/api/graphic-style) 文档。_ShapeAttrsCallback_ 回调参数如下：
+
+```ts
+type ShapeAttrsCallback = (item: any, index: number, items: any[]) => ShapeAttrs;
+```
##### title
@@ -111,13 +130,14 @@
标题的配置项，null 表示不展示。
-| 细分配置项名称 | 类型 | 功能描述 |
-| -------------- | ------------ | ------------------------ |
-| text | _string_ | 坐标轴标题 |
-| offset | _number_ | 标题距离坐标轴的距离 |
-| spacing | _lineStyle_ | 标题距离坐标轴文本的距离 |
-| style | _shapeStyle_ | 标题文本配置项 |
-| autoRotate | _boolean_ | 是否自动旋转 |
+| 细分配置项名称 | 类型 | 功能描述 |
+| -------------- | ------------ | --------------------------------------------------------- |
+| text | _string_ | 坐标轴标题 |
+| position | _string_ | 轴标题的位置，默认：'center'。可选项： start, center, end |
+| offset | _number_ | 标题距离坐标轴的距离 |
+| spacing | _number_ | 标题距离坐标轴文本的距离 |
+| style | _shapeStyle_ | 标题文本配置项 |
+| autoRotate | _boolean_ | 是否自动旋转 |
**_shapeStyle_**
@@ -139,14 +159,12 @@
| 细分配置项名称 | 类型 | 功能描述 |
| -------------- | ------------------ | -------------------------------------------------------- |
-| line.style | _lineStyle_ | 线的样式, |
+| line | _lineStyle_ | 线的样式, |
| alternateColor | _string\|string[]_ | 两个栅格线间的填充色 |
| closed | _boolean_ | 对于 circle 是否关闭 grid |
| alignTick | _boolean_ | 是否同刻度线对齐，如果值为 false，则会显示在两个刻度中间 |
-**_lineStyle_**的配置如下：
-
-`markdown:docs/common/line-style.zh.md`
+网格线条样式的配置与 [line](#line) 是一致的。
##### animate
diff --git a/docs/common/label.en.md b/docs/common/label.en.md
index 55618b6b84..21312dc1b5 100644
--- a/docs/common/label.en.md
+++ b/docs/common/label.en.md
@@ -18,7 +18,7 @@
| formatter | _Function_ | Format function |
| autoHide | _boolean_ | Whether to hide it automatically, default to false |
-Types of __*LabelLineCfg*__ are as follow: (Go [ShapeAttrs](/zh/docs/api/shape/shape-attrs) see more details about _ShapeAttrs_)
+Types of __*LabelLineCfg*__ are as follow: (Go [ShapeAttrs](/zh/docs/api/graphic-style) see more details about _ShapeAttrs_)
```plain
type LabelLineCfg = {
diff --git a/docs/common/label.zh.md b/docs/common/label.zh.md
index 16cd4d317e..1c433a1d3c 100644
--- a/docs/common/label.zh.md
+++ b/docs/common/label.zh.md
@@ -18,7 +18,7 @@
| formatter | _Function_ | 格式化函数 |
| autoHide | _boolean_ | 是否自动隐藏，默认 false |
-__*LabelLineCfg*__ 类型定义如下：（关于 _ShapeAttrs_ 详细查看 [ShapeAttrs](/zh/docs/api/shape/shape-attrs) 文档）
+__*LabelLineCfg*__ 类型定义如下：（关于 _ShapeAttrs_ 详细查看 [ShapeAttrs](/zh/docs/api/graphic-style) 文档）
```plain
type LabelLineCfg = {
diff --git a/docs/common/line-style.en.md b/docs/common/line-style.en.md
index f0583d1109..889b065ec2 100644
--- a/docs/common/line-style.en.md
+++ b/docs/common/line-style.en.md
@@ -1,18 +1,20 @@
-| Properties | Type | Description |
-| ------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| stroke | _string_ | color of the line |
-| lineWidth | _number_ | width of the line |
-| lineDash | [number,number] | configure dashed line, the first parameter is the length of each segment, the second parameter is the gap between segment. When lineDash is set to [0,0], there is no effect. |
-| opacity | _number_ | opacity |
-| shadowColor | _string_ | shadow color |
-| shadowBlur | _number_ | Gaussian blur coefficient |
-| shadowOffsetX | _number_ | configure horizontal distance between shadow and line |
-| shadowOffsetY | _number_ | configure vertical distance between shadow and line |
-| cursor | _string_ | mouse style, same as the mouse style of CSS, default value : 'default' |
+> **Attention:** The full configuration of lineStyle is `{ style: { stroke: '#ddd', ... } }`, please check it when your configuration doesn't work.
-Example：
+| Properties | Type | Description |
+| ------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| stroke | _string_ | color of the line |
+| lineWidth | _number_ | width of the line |
+| lineDash | _[number,number]_ | configure dashed line, the first parameter is the length of each segment, the second parameter is the gap between segment. When lineDash is set to [0,0], there is no effect. |
+| opacity | _number_ | opacity |
+| shadowColor | _string_ | shadow color |
+| shadowBlur | _number_ | Gaussian blur coefficient |
+| shadowOffsetX | _number_ | configure horizontal distance between shadow and line |
+| shadowOffsetY | _number_ | configure vertical distance between shadow and line |
+| cursor | _string_ | mouse style, same as the mouse style of CSS, default value : 'default' |
+
+Example (config the grid line style of xAxis)：
```ts
{
diff --git a/docs/common/line-style.zh.md b/docs/common/line-style.zh.md
index acbc19cb48..e9193b4602 100644
--- a/docs/common/line-style.zh.md
+++ b/docs/common/line-style.zh.md
@@ -1,10 +1,12 @@
-| 属性名 | 类型 | 介绍 |
-| ------------- | --------------- | ------------------------------------------------------------------------------------------------------ |
+> **注意:** 线条样式的完整配置是 `{ style: { stroke: '#ddd', ... } }`, 如果配置线条样式不生效的时候，请检查一下。
+
+| 属性名 | 类型 | 介绍 |
+| ------------- | ----------------- | ------------------------------------------------------------------------------------------------------ |
| stroke | _string_ | 线的颜色 |
| lineWidth | _number_ | 线宽 |
-| lineDash | [number,number] | 虚线配置，第一个值为虚线每个分段的长度，第二个值为分段间隔的距离。lineDash 设为[0,0]的效果为没有描边。 |
+| lineDash | _[number,number]_ | 虚线配置，第一个值为虚线每个分段的长度，第二个值为分段间隔的距离。lineDash 设为[0,0]的效果为没有描边。 |
| opacity | _number_ | 透明度 |
| shadowColor | _string_ | 阴影颜色 |
| shadowBlur | _number_ | 高斯模糊系数 |
@@ -12,7 +14,7 @@
| shadowOffsetY | _number_ | 设置阴影距图形的垂直距离 |
| cursor | _string_ | 鼠标样式。同 css 的鼠标样式,默认 'default'。 |
-示例代码：
+示例（设置 x 轴的 grid 网格线条样式）：
```ts
{
diff --git a/docs/common/theme.en.md b/docs/common/theme.en.md
index 2af1579833..454ac2636c 100644
--- a/docs/common/theme.en.md
+++ b/docs/common/theme.en.md
@@ -7,13 +7,15 @@ Built-in defaults: 'default' and 'dark'
theme: 'default', // 'dark',
}
```
+
#### Theme attributes
In addition to using the built-in 'default' and 'dark' themes, you can also modify some of the theme content by setting the theme properties.
The following table lists the specific properties on the configuration items that make up the topic:
-| **Properties** | **Type** | **Description** || --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------- |
+| **Properties** | **Type** | **Description** |
+| --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------- |
| defaultColor | _string_ | Theme color |
| padding | _number_ | number[] |
| fontFamily | _string_ | Chart font |
@@ -23,7 +25,7 @@ The following table lists the specific properties on the configuration items tha
| maxColumnWidth | _number_ | Maximum width of histogram, pixel value |
| minColumnWidth | _number_ | Minimum width of histogram, pixel value |
| roseWidthRatio | _number_ | Rose width ratio, 0-1 range of value |
-| multiplePieWidthRatio | _number_ | Multilayer pie and loop ratio, 0-1 range values |
+| multiplePieWidthRatio | _number_ | Multilayer pie and loop ratio, 0-1 range values |
| geometries | _object_ | Configure the style of each shape for each Geometry, including the default style and the style for each state |
| components | _object_ | Configure theme samples for axes, legends, tooltips, and annotations |
| labels | _object_ | Configure the theme style of the label under Geometry |
@@ -56,11 +58,12 @@ usage:
除了以上介绍的主题属性之外，还可以传入主题样式表来自定义主题。如果你需要对全局主题进行配置的话，对样式风格进行切换，比如更改颜色、字体大小、边框粗细等
usage:
+
```ts
{
theme: {
styleSheet: {
- fontFamily: 'Avenir'
+ fontFamily: 'Avenir';
}
}
}
@@ -68,18 +71,16 @@ usage:
支持的样式表属性：
-| **Properties** | **Type** | **Description** |
-| ----------------------- | -------- | ------------- |
-| `backgroundColor` | _string_ | Background color |
+| **Properties** | **Type** | **Description** |
+| ----------------------- | -------- | ------------------------------------------------- |
+| `backgroundColor` | _string_ | Background color |
| `brandColor` | _string_ | Brand color，默认取 10 色分类颜色色板的第一个颜色 |
-| `paletteQualitative10` | _string_ | Qualitative palette，分类个数小于 10 时使用 |
-| `paletteQualitative20` | _string_ | Qualitative palette，分类个数大于 10 时使用 |
-| `paletteSemanticRed` | _string_ | Semantic red |
-| `paletteSemanticGreen` | _string_ | Semantic green |
-| `paletteSemanticYellow` | _string_ | Semantic yellow |
-| `fontFamily` | _string_ | fontFamily |
-
-
+| `paletteQualitative10` | _string_ | Qualitative palette，分类个数小于 10 时使用 |
+| `paletteQualitative20` | _string_ | Qualitative palette，分类个数大于 10 时使用 |
+| `paletteSemanticRed` | _string_ | Semantic red |
+| `paletteSemanticGreen` | _string_ | Semantic green |
+| `paletteSemanticYellow` | _string_ | Semantic yellow |
+| `fontFamily` | _string_ | fontFamily |
#### Update theme
diff --git a/docs/common/tooltip.en.md b/docs/common/tooltip.en.md
index a2d443b619..6a10c690fc 100644
--- a/docs/common/tooltip.en.md
+++ b/docs/common/tooltip.en.md
@@ -75,7 +75,7 @@ Configure tooltip crosshairs to work if and only if 'showCrosshairs' is true.
| Properties | Type | Description |
| -------------- | ---------------------- | --------------------------------------------------------------------------------------------- |
| type | \_`x` \| `y` \| `xy`\_ | Crosshairs Type: 'X' represents the auxiliary line on the X axis, 'Y' on the Y axis |
-| line | _lineStyle_ | The configuration item for line, see more [_ShapeAttrs_](/en/docs/api/shape/shape-attrs) |
+| line | _lineStyle_ | The configuration item for line, see more [_ShapeAttrs_](/en/docs/api/graphic-style#configure-line-styles) |
| text | _textStyle_ | Guideline text configuration, support callback |
| textBackground | _textBackgroundStyle_ | Guideline text background configuration |
| follow | _boolean_ | Whether the guide line follows the mouse. Default is false, that is, to locate the data point |
@@ -89,7 +89,7 @@ Configure tooltip crosshairs to work if and only if 'showCrosshairs' is true.
| Properties | Type | Description |
| ---------- | -------------------- | ------------------------------------------- |
| padding | _number \| number[]_ | White space around the background of a text |
-| style | _shapeStyle_ | The configuration item for line, see more [_ShapeAttrs_](/en/docs/api/shape/shape-attrs) |
+| style | _shapeStyle_ | The configuration item for line, see more [_ShapeAttrs_](/en/docs/api/graphic-style) |
##### showMarkers
diff --git a/docs/common/tooltip.zh.md b/docs/common/tooltip.zh.md
index ede1d448c3..4490a578c7 100644
--- a/docs/common/tooltip.zh.md
+++ b/docs/common/tooltip.zh.md
@@ -75,12 +75,12 @@ true 表示合并当前点对应的所有数据并展示，false 表示只展示
| 细分配置项名称 | 类型 | 功能描述 |
| -------------- | --------------------- | ------------------------------------------------------------------- |
| type | _`x` \| `y` \| `xy`_ | crosshairs 的类型: `x` 表示 x 轴上的辅助线，`y` 表示 y 轴上的辅助项 |
-| line | _lineStyle_ | 线的配置项，详细可见 [_ShapeAttrs_](/zh/docs/api/shape/shape-attrs) |
+| line | _lineStyle_ | 线的配置项，详细可见 [_ShapeAttrs_](/zh/docs/api/graphic-style#configure-line-styles) |
| text | _textStyle_ | 辅助线文本配置，支持回调 |
| textBackground | _textBackgroundStyle_ | 辅助线文本背景配置 |
| follow | _boolean_ | 辅助线是否跟随鼠标移动，默认为 false，即定位到数据点 |
-**_*textStyle*_**
+**_textStyle_**
`markdown:docs/common/text-style.zh.md`
@@ -89,7 +89,7 @@ true 表示合并当前点对应的所有数据并展示，false 表示只展示
| 细分配置项名称 | 类型 | 功能描述 |
| -------------- | -------------------- | ------------------ |
| padding | _number \| number[]_ | 文本背景周围的留白 |
-| style | _shapeStyle_ | 线的配置项, 详细可见 [_ShapeAttrs_](/zh/docs/api/shape/shape-attrs) |
+| style | _shapeStyle_ | 线的配置项, 详细可见 [_ShapeAttrs_](/zh/docs/api/graphic-style) |
##### showMarkers