Skip to content

Commit 97c520d

Browse files
visikyvisiky
authored
docs: 图表组件 api 整理 (#2290)
* docs: 图表组件的 api 文档若干更新 * docs(component): 图表组件文档更新 * docs: 对称条形图文档，yAxis 属于图表组件 非图表样式 clsoe: #2289 * docs: 调整api页，图表顺序 * docs(events): 图表事件相关文档 * fix: 修复 lint * docs: 文档样式调整
1 parent 2a6b76c commit 97c520d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

76 files changed

+507
-161
lines changed

‎docs/api/components/annotations.en.md

+37-16
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,26 @@ order: 4
55

66
`markdown:docs/styles/component.md`
77

8-
Annotation，as an auxiliary element of the chart, it is mainly used to identify additional mark notes on the plot.
8+
🏷️ Annotation，as an auxiliary element of the chart, it is mainly used to identify additional mark notes on the plot.
99

10-
![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*B0q9R7s1v3sAAAAAAAAAAABkARQnAQ)
10+
🎨 Go to [AntV 设计 | 标注 Annotation](https://www.yuque.com/mo-college/vis-design/ybatti) of 墨者学院 to learn more about **Design guide**
1111

12-
Go to [AntV 设计 | 标注 Annotation](https://www.yuque.com/mo-college/vis-design/ybatti) of 墨者学院 to learn more about **Design guide**
12+
#### Types of annotations
13+
14+
<img src="https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*B0q9R7s1v3sAAAAAAAAAAABkARQnAQ" class="component-img" alt="annotation" />
15+
16+
G2Plot 提供了以下图形标注类型：
17+
18+
| **类型** | **描述** | **预览** | **用法** |
19+
| :----------: | :--------------------------: | :-----------------: | :-----------------: |
20+
| arc | 辅助弧线，只在**极坐标系**下生效。常用于绘制仪表盘。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*SccqSpP2hG4AAAAAAAAAAABkARQnAQ) | `{ type: 'arc' }`  |
21+
| image | 辅助图片，在图表上添加辅助图片。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*KYTbSbvRKHQAAAAAAAAAAABkARQnAQ) | `{ type: 'image' }` |
22+
| line | 辅助线（可带文本），例如表示平均值或者预期分布的直线。| ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*hd7PQ4z_JS8AAAAAAAAAAABkARQnAQ) | `{ type: 'line' }` |
23+
| text | 辅助文本，指定位置添加文本说明。| ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*PdjoSrdEhnwAAAAAAAAAAABkARQnAQ) | `{ type: 'text' }` |
24+
| region | 辅助框，框选一段图区，设置背景、边框等。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*VEOZR5rXpqMAAAAAAAAAAABkARQnAQ) | `{ type: 'region' }` |
25+
| regionFilter | 区域着色，将图表中位于矩形选区中的图形元素提取出来，重新着色。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*cp2jSJfeJDYAAAAAAAAAAABkARQnAQ) | `{ type: 'regionFilter' }` |
26+
| dataMarker | 特殊数据点标注，多用于折线图和面积图。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*h-e2TLivyI4AAAAAAAAAAABkARQnAQ) | `{ type: 'dataMarker' }` |
27+
| dataRegion | 特殊数据区间标注，多用于折线图和面积图。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*NHbSRKacUesAAAAAAAAAAABkARQnAQ) | `{ type: 'dataRegion' }` |
1328

1429
#### Usage
1530

@@ -28,21 +43,27 @@ annotations: [
2843
];
2944
```
3045

31-
#### Types of annotations
46+
#### Configurations（_AnnotationCfg_）
3247

33-
G2Plot 提供了以下图形标注类型：
48+
> ❕ means: _required_
3449
35-
| **Type** | **Description** | **Usage** |
36-
| :----------: | :-------------------------------------------------: | :-----------------------------------: |
37-
| arc | 辅助弧线，只在**极坐标系**下生效。常用于绘制仪表盘。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*SccqSpP2hG4AAAAAAAAAAABkARQnAQ) | `{ type: 'arc' }`  |
38-
| image | 辅助图片，在图表上添加辅助图片。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*KYTbSbvRKHQAAAAAAAAAAABkARQnAQ) | `{ type: 'image' }` |
39-
| line | 辅助线（可带文本），例如表示平均值或者预期分布的直线。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*hd7PQ4z_JS8AAAAAAAAAAABkARQnAQ) | `{ type: 'line' }` |
40-
| text | 辅助文本，指定位置添加文本说明。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*PdjoSrdEhnwAAAAAAAAAAABkARQnAQ) | `{ type: 'text' }` |
41-
| region | 辅助框，框选一段图区，设置背景、边框等。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*VEOZR5rXpqMAAAAAAAAAAABkARQnAQ) | `{ type: 'region' }` |
42-
| regionFilter | 区域着色，将图表中位于矩形选区中的图形元素提取出来，重新着色。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*cp2jSJfeJDYAAAAAAAAAAABkARQnAQ) | `{ type: 'regionFilter' }` |
43-
| dataMarker | 特殊数据点标注，多用于折线图和面积图。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*h-e2TLivyI4AAAAAAAAAAABkARQnAQ) | `{ type: 'dataMarker' }` |
44-
| dataRegion | 特殊数据区间标注，多用于折线图和面积图。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*NHbSRKacUesAAAAAAAAAAABkARQnAQ) | `{ type: 'dataRegion' }` |
50+
| Properties | Type | Description | Apply to |
51+
| --- | --- | --- | --- |
52+
| type ❕| _string_ | 图形标注类型. |
53+
| position ❕ | _object_ | 标注位置. |
54+
| animate | _boolean_ | 是否进行动画. |
55+
| autoAdjust | _boolean_ | 文本超出绘制区域时，是否自动调节文本方向. |
56+
| start | _array_ | 起始位置. | <tag color="green" text="line"> Line </tag> <tag color="green" text="region"> Region </tag>
57+
| end | _array_ | 结束位置. | <tag color="green" text="line"> Line </tag> <tag color="green" text="region"> Region </tag>
58+
| src | _string_ | 图片路径. | <tag color="green" text="image"> Image</tag>
59+
| content | _string_ | 文本内容. | <tag color="green" text="text"> Text </tag>
60+
| lineLength | _string_ | line 长度. | <tag color="green" text="text"> DataRegion </tag>
61+
| container | _string_ | 自定义 HTML 图形标记的容器元素. | <tag color="green" text="html"> Html </tag>
62+
| html | _string_ | 自定义的图形标记的 HTML 元素，可为 HTML DOM 字符串，或 HTML 元素，或 html 回调函数. | <tag color="green" text="html"> Html </tag>
63+
| alignX | _string_ | DOM 元素在 X 方向的对齐方式，用于 html. 可选值: `'left' | 'middle' | 'right'` | <tag color="green" text="html"> Html </tag>
64+
| alignY | _string_ | DOM 元素在 Y 方向的对齐方式，用于 html. 可选值: `'left' | 'middle' | 'right'` | <tag color="green" text="html"> Html </tag>
65+
| 更多内容，查看下方的具体 api |
4566

46-
#### Configurations（_AnnotationCfg_）
67+
#### Configuration item details
4768

4869
`markdown:docs/common/annotations.en.md`

‎docs/api/components/annotations.zh.md

+39-18
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,27 @@ order: 4
55

66
`markdown:docs/styles/component.md`
77

8-
图形标注，Annotation，作为图表的辅助元素，主要用于在图表上标识额外的标记注解。
8+
🏷️ 图形标注，Annotation，作为图表的辅助元素，主要用于在图表上标识额外的标记注解。
99

10-
![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*B0q9R7s1v3sAAAAAAAAAAABkARQnAQ)
10+
🎨 前往墨者学院 [AntV 设计 | 标注 Annotation](https://www.yuque.com/mo-college/vis-design/ybatti) 查看**设计指引**。
1111

12-
前往墨者学院 [AntV 设计 | 标注 Annotation](https://www.yuque.com/mo-college/vis-design/ybatti) 查看**设计指引**。
12+
13+
#### 图表标注类型
14+
15+
<img src="https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*B0q9R7s1v3sAAAAAAAAAAABkARQnAQ" class="component-img" alt="annotation" />
16+
17+
G2Plot 提供了以下图形标注类型：
18+
19+
| **类型** | **描述** | **预览** | **用法** |
20+
| :----------: | :-------------------------------: | :-----------------------: | :----------------------: |
21+
| arc | 辅助弧线，只在**极坐标系**下生效。常用于绘制仪表盘。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*SccqSpP2hG4AAAAAAAAAAABkARQnAQ) | `{ type: 'arc' }`  |
22+
| image | 辅助图片，在图表上添加辅助图片。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*KYTbSbvRKHQAAAAAAAAAAABkARQnAQ) | `{ type: 'image' }` |
23+
| line | 辅助线（可带文本），例如表示平均值或者预期分布的直线。| ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*hd7PQ4z_JS8AAAAAAAAAAABkARQnAQ) | `{ type: 'line' }` |
24+
| text | 辅助文本，指定位置添加文本说明。| ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*PdjoSrdEhnwAAAAAAAAAAABkARQnAQ) | `{ type: 'text' }` |
25+
| region | 辅助框，框选一段图区，设置背景、边框等。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*VEOZR5rXpqMAAAAAAAAAAABkARQnAQ) | `{ type: 'region' }` |
26+
| regionFilter | 区域着色，将图表中位于矩形选区中的图形元素提取出来，重新着色。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*cp2jSJfeJDYAAAAAAAAAAABkARQnAQ) | `{ type: 'regionFilter' }` |
27+
| dataMarker | 特殊数据点标注，多用于折线图和面积图。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*h-e2TLivyI4AAAAAAAAAAABkARQnAQ) | `{ type: 'dataMarker' }` |
28+
| dataRegion | 特殊数据区间标注，多用于折线图和面积图。 | ![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*NHbSRKacUesAAAAAAAAAAABkARQnAQ) | `{ type: 'dataRegion' }` |
1329

1430
#### 使用方式
1531

@@ -25,25 +41,30 @@ annotations: [
2541
fill: 'red',
2642
},
2743
},
28-
];
44+
];s
2945
```
3046

31-
#### 图表标注类型
32-
33-
G2Plot 提供了以下图形标注类型：
47+
#### 配置项（_AnnotationCfg_）
3448

35-
| **类型** | **描述** | **用法** |
36-
| :----------: | :-------------------------------------------------: | :-----------------------------------: |
37-
| arc | 辅助弧线，只在**极坐标系**下生效。常用于绘制仪表盘。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*SccqSpP2hG4AAAAAAAAAAABkARQnAQ) | `{ type: 'arc' }`  |
38-
| image | 辅助图片，在图表上添加辅助图片。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*KYTbSbvRKHQAAAAAAAAAAABkARQnAQ) | `{ type: 'image' }` |
39-
| line | 辅助线（可带文本），例如表示平均值或者预期分布的直线。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*hd7PQ4z_JS8AAAAAAAAAAABkARQnAQ) | `{ type: 'line' }` |
40-
| text | 辅助文本，指定位置添加文本说明。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*PdjoSrdEhnwAAAAAAAAAAABkARQnAQ) | `{ type: 'text' }` |
41-
| region | 辅助框，框选一段图区，设置背景、边框等。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*VEOZR5rXpqMAAAAAAAAAAABkARQnAQ) | `{ type: 'region' }` |
42-
| regionFilter | 区域着色，将图表中位于矩形选区中的图形元素提取出来，重新着色。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*cp2jSJfeJDYAAAAAAAAAAABkARQnAQ) | `{ type: 'regionFilter' }` |
43-
| dataMarker | 特殊数据点标注，多用于折线图和面积图。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*h-e2TLivyI4AAAAAAAAAAABkARQnAQ) | `{ type: 'dataMarker' }` |
44-
| dataRegion | 特殊数据区间标注，多用于折线图和面积图。![image.png](https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*NHbSRKacUesAAAAAAAAAAABkARQnAQ) | `{ type: 'dataRegion' }` |
49+
> ❕ 代表 _必选_
4550
51+
| **属性** | **类型** | **描述** | **用于** |
52+
| --- | --- | --- | --- |
53+
| type ❕ | _string_ | 图形标注类型. |
54+
| position ❕ | _object_ | 标注位置. |
55+
| animate | _boolean_ | 是否进行动画. |
56+
| autoAdjust | _boolean_ | 文本超出绘制区域时，是否自动调节文本方向. |
57+
| start | _array_ | 起始位置. | <tag color="green" text="line"> Line </tag> <tag color="green" text="region"> Region </tag>
58+
| end | _array_ | 结束位置. | <tag color="green" text="line"> Line </tag> <tag color="green" text="region"> Region </tag>
59+
| src | _string_ | 图片路径. | <tag color="green" text="image"> Image</tag>
60+
| content | _string_ | 文本内容. | <tag color="green" text="text"> Text </tag>
61+
| lineLength | _string_ | line 长度. | <tag color="green" text="text"> DataRegion </tag>
62+
| container | _string_ | 自定义 HTML 图形标记的容器元素. | <tag color="green" text="html"> Html </tag>
63+
| html | _string_ | 自定义的图形标记的 HTML 元素，可为 HTML DOM 字符串，或 HTML 元素，或 html 回调函数. | <tag color="green" text="html"> Html </tag>
64+
| alignX | _string_ | DOM 元素在 X 方向的对齐方式，用于 html. 可选值: `'left' | 'middle' | 'right'` | <tag color="green" text="html"> Html </tag>
65+
| alignY | _string_ | DOM 元素在 Y 方向的对齐方式，用于 html. 可选值: `'left' | 'middle' | 'right'` | <tag color="green" text="html"> Html </tag>
66+
| 更多内容，查看下方的具体 api |
4667

47-
#### 配置项（_AnnotationCfg_）
68+
#### 配置项详解
4869

4970
`markdown:docs/common/annotations.zh.md`

‎docs/api/components/axis.en.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,13 @@ order: 0
55

66
`markdown:docs/styles/component.md`
77

8-
Coordinate axis refers to the axis of statistical chart in two-dimensional space, which is used to define the mapping relationship between **direction** and **value of data** in coordinate system.
8+
🏷️ Coordinate axis refers to the axis of statistical chart in two-dimensional space, which is used to define the mapping relationship between **direction** and **value of data** in coordinate system.
99

10-
Go to [AntV Design | 坐标轴 Axis](https://www.yuque.com/mo-college/vis-design/twx9oi) of 墨者学院 to learn more about **Design guide**.
10+
🎨 Go to [AntV Design | 坐标轴 Axis](https://www.yuque.com/mo-college/vis-design/twx9oi) of 墨者学院 to learn more about **Design guide**.
11+
12+
#### Axes
13+
14+
<img src="https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*o64XRZfivrEAAAAAAAAAAABkARQnAQ" alt="axis" class="component-img" />
1115

1216
#### Usage
1317

‎docs/api/components/axis.zh.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,13 @@ order: 0
55

66
`markdown:docs/styles/component.md`
77

8-
坐标轴指二维空间中统计图表中的轴，它用来定义坐标系中数据在方向和值的映射关系的图表组件。
8+
🏷️ 坐标轴指二维空间中统计图表中的轴，它用来定义坐标系中数据在方向和值的映射关系的图表组件。
99

10-
前往墨者学院 [AntV 设计 | 坐标轴 Axis](https://www.yuque.com/mo-college/vis-design/twx9oi) 查看**设计指引**
10+
🎨 前往墨者学院 [AntV 设计 | 坐标轴 Axis](https://www.yuque.com/mo-college/vis-design/twx9oi) 查看**设计指引**
11+
12+
#### 坐标轴组成
13+
14+
<img src="https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*o64XRZfivrEAAAAAAAAAAABkARQnAQ" alt="axis" class="component-img" />
1115

1216
#### 使用方式
1317

‎docs/api/components/label.en.md

+26-1
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,29 @@ order: 1
55

66
`markdown:docs/styles/component.md`
77

8-
`markdown:docs/common/label.en.md`
8+
🏷️ Label is a content annotation of the current set of data. It includes symbol, label line, text of values and so on, which can be selected according to different chart types.
9+
10+
🎨 Go to [AntV Design | 标签 Label](https://www.yuque.com/mo-college/vis-design/roy3am) of 墨者学院 to learn more about **Design guide**.
11+
12+
#### _LabelCfg_
13+
14+
`markdown:docs/common/label.en.md`
15+
16+
#### LabelLayout
17+
18+
通过 `label.layout` 可以设置标签布局，来进行标签显示策略的处理。
19+
20+
示例：
21+
22+
```ts
23+
{
24+
label: {
25+
layout: [
26+
// 适用于柱状图的标签遮挡处理，会对遮挡的标签进行隐藏
27+
{ type: 'interval-hide-overlap' }
28+
]
29+
}
30+
}
31+
```
32+
33+
<span style="color:red;">详细文档梳理中</span>

‎docs/api/components/label.zh.md

+26-1
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,29 @@ order: 1
55

66
`markdown:docs/styles/component.md`
77

8-
`markdown:docs/common/label.zh.md`
8+
🏷️ 在图表中，标签是对当前的一组数据进行的内容标注。包括数据点、拉线、文本数值等元素，根据不同的图表类型选择使用。
9+
10+
🎨 前往墨者学院 [AntV 设计 | 标签 Label](https://www.yuque.com/mo-college/vis-design/roy3am) 查看**设计指引**
11+
12+
#### 配置项(_LabelCfg_)
13+
14+
`markdown:docs/common/label.zh.md`
15+
16+
#### 标签布局
17+
18+
通过 `label.layout` 可以设置标签布局，来进行标签显示策略的处理。
19+
20+
示例：
21+
22+
```ts
23+
{
24+
label: {
25+
layout: [
26+
// 适用于柱状图的标签遮挡处理，会对遮挡的标签进行隐藏
27+
{ type: 'interval-hide-overlap' }
28+
]
29+
}
30+
}
31+
```
32+
33+
<span style="color:red;">详细文档梳理中</span>

‎docs/api/components/legend.en.md

+2-3
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,9 @@ order: 2
55

66
`markdown:docs/styles/component.md`
77

8+
🏷️ Legend is an auxiliary component of a plot, which uses color, size, and shape mapping, to show the symbol, color, and name of different series. You can click legends to toggle displaying series in the plot.
89

9-
Legend is an auxiliary component of a plot, which uses color, size, and shape mapping, to show the symbol, color, and name of different series. You can click legends to toggle displaying series in the plot.
10-
11-
Go to [AntV Design | 图例 Legend](https://www.yuque.com/mo-college/vis-design/hcs9p2) of 墨者学院 to learn more about **Design guide**
10+
🎨 Go to [AntV Design | 图例 Legend](https://www.yuque.com/mo-college/vis-design/hcs9p2) of 墨者学院 to learn more about **Design guide**
1211

1312
#### Usage
1413

‎docs/api/components/legend.zh.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ order: 2
55

66
`markdown:docs/styles/component.md`
77

8-
图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。
8+
🏷️ 图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。
99

10-
前往墨者学院 [AntV 设计 | 图例 Legend](https://www.yuque.com/mo-college/vis-design/hcs9p2) 查看**设计指引**。
10+
🎨 前往墨者学院 [AntV 设计 | 图例 Legend](https://www.yuque.com/mo-college/vis-design/hcs9p2) 查看**设计指引**。
1111

1212
#### 使用方式
1313

‎docs/api/components/scrollbar.en.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
---
22
title: Scrollbar
3-
order: 5
3+
order: 7
44
---
55

66
`markdown:docs/styles/component.md`
77

8-
Go to [AntV Design | 缩略轴 Axis Navigator](https://www.yuque.com/mo-college/vis-design/gs5ow9) of 墨者学院 to learn more about **Design guide**
9-
108
#### Configurations (_ScrollbarCfg_)
119

1210
`markdown:docs/common/scrollbar.en.md`

‎docs/api/components/scrollbar.zh.md

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
---
2-
title: 缩略轴
3-
order: 5
2+
title: 滚动条
3+
order: 7
44
---
55

66
`markdown:docs/styles/component.md`
77

8-
前往墨者学院 [AntV 设计 | 缩略轴 Axis Navigator](https://www.yuque.com/mo-college/vis-design/gs5ow9) 查看**设计指引**。
9-
108
#### 配置项 (_ScrollbarCfg_)
119

1210
`markdown:docs/common/slider.zh.md`

‎docs/api/components/slider.en.md

+6
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@ order: 6
55

66
`markdown:docs/styles/component.md`
77

8+
🎨 Go to [AntV Design | 缩略轴 Axis Navigator](https://www.yuque.com/mo-college/vis-design/gs5ow9) of 墨者学院 to learn more about **Design guide**
9+
10+
#### Slider
11+
12+
<img src="https://gw.alipayobjects.com/zos/antfincdn/A3UeXLPhhU/slider-intro.jpg" class="component-img" alt="slider" />
13+
814
#### Configurations (_SliderCfg_)
915

1016
`markdown:docs/common/slider.en.md`

0 commit comments

Comments
 (0)