You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2020/09/03 10:42:07 UTC

[incubator-echarts-doc] branch next updated: fix issues in en docs.

This is an automated email from the ASF dual-hosted git repository.

shenyi pushed a commit to branch next
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-doc.git


The following commit(s) were added to refs/heads/next by this push:
     new 42c5f92  fix issues in en docs.
42c5f92 is described below

commit 42c5f92f391bbd7699bc6440ad1728155352fa7f
Author: pissang <bm...@gmail.com>
AuthorDate: Thu Sep 3 18:41:50 2020 +0800

    fix issues in en docs.
---
 en-src/option/partial/focus-blur-scope.md |  48 +++++++++
 en-src/option/partial/label-layout.md     | 136 ++++++++++++++++++++++++
 en-src/option/partial/selected-mode.md    |  15 +++
 en/option/partial/focus-blur-scope.md     |  48 +++++++++
 en/option/partial/label-layout.md         | 136 ++++++++++++++++++++++++
 en/option/partial/mark-area.md            |  38 ++++---
 en/option/partial/mark-line.md            |  25 ++---
 en/option/partial/mark-point.md           |  36 ++++---
 en/option/partial/marker.md               |   2 -
 en/option/partial/selected-mode.md        |  16 +++
 en/option/partial/silent.md               |   2 +-
 en/option/partial/text-style.md           |  26 +++++
 en/option/partial/zr-graphic.md           |   9 --
 en/option/series/bar.md                   | 159 ++++++++++++++++++---------
 en/option/series/boxplot.md               |   8 ++
 en/option/series/candlestick.md           |   4 -
 en/option/series/custom.md                |   8 ++
 en/option/series/effectScatter.md         |  14 +++
 en/option/series/funnel.md                |  43 +++++++-
 en/option/series/gauge.md                 |  25 +++--
 en/option/series/graph.md                 |  16 ++-
 en/option/series/heatmap.md               |   6 ++
 en/option/series/line.md                  |   8 ++
 en/option/series/lines.md                 |  10 +-
 en/option/series/map.md                   |   8 ++
 en/option/series/parallel.md              | 171 +++++++++++++++++++++++++++++-
 en/option/series/pictorialBar.md          |   6 ++
 en/option/series/pie.md                   |  14 ++-
 en/option/series/radar.md                 |  14 ++-
 en/option/series/sankey.md                |  14 ++-
 en/option/series/scatter.md               |  10 ++
 en/option/series/sunburst.md              |   6 ++
 en/option/series/themeRiver.md            |   8 ++
 en/option/series/tree.md                  |  12 +++
 34 files changed, 954 insertions(+), 147 deletions(-)

diff --git a/en-src/option/partial/focus-blur-scope.md b/en-src/option/partial/focus-blur-scope.md
new file mode 100644
index 0000000..8d035d9
--- /dev/null
+++ b/en-src/option/partial/focus-blur-scope.md
@@ -0,0 +1,48 @@
+
+{{ target: partial-focus-blur-scope }}
+
+### focus(string) = 'none'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+在高亮图形时,是否淡出其它数据的图形已达到聚焦的效果。支持如下配置:
+
++ `'none'` 不淡出其它图形,默认使用该配置。
++ `'self'` 只聚焦(不淡出)当前高亮的数据的图形。
++ `'series'` 聚焦当前高亮的数据所在的系列的所有图形。
+
+{{ if: ${isGraph} }}
++ `'adjacency'` 聚焦关系图中的邻接点和边的图形
+
+{{ elif: ${isTree} }}
++ `'ancestor'` 聚焦所有祖先节点
++ `'descendant'` 聚焦所有子孙节点
+{{ /if }}
+
+**示例:**
+
+下面代码配置了柱状图在高亮一个图形的时候,淡出当前直角坐标系所有其它的系列。
+
+```js
+emphasis: {
+    focus: 'series',
+    blurScope: 'coordinateSystem'
+}
+```
+
+~[600x400](${galleryViewPath}bar-y-category-stack&reset=1&edit=1)
+
+### blurScope(string) = 'coordinateSystem'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+在开启`focus`的时候,可以通过`blurScope`配置淡出的范围。支持如下配置
+
++ `'coordinateSystem'` 淡出范围为坐标系,默认使用该配置。
++ `'series'` 淡出范围为系列。
++ `'global'` 淡出范围为全局。
+
diff --git a/en-src/option/partial/label-layout.md b/en-src/option/partial/label-layout.md
new file mode 100644
index 0000000..fc32f4a
--- /dev/null
+++ b/en-src/option/partial/label-layout.md
@@ -0,0 +1,136 @@
+
+{{ target: partial-label-layout }}
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+标签的统一布局配置。
+
+该配置项是在每个系列默认的标签布局基础上,统一调整标签的`(x, y)`位置,标签对齐等属性以实现想要的标签布局效果。
+
+该配置项也可以是一个有如下参数的回调函数
+
+```js
+// 标签对应数据的 dataIndex
+dataIndex: number
+// 标签对应的数据类型,只在关系图中会有 node 和 edge 数据类型的区分
+dataType?: string
+// 标签对应的系列的 index
+seriesIndex: number
+// 标签显示的文本
+text: string
+// 默认的标签的包围盒,由系列默认的标签布局决定
+labelRect: {x: number, y: number, width: number, height: number}
+// 默认的标签水平对齐
+align: 'left' | 'center' | 'right'
+// 默认的标签垂直对齐
+verticalAlign: 'top' | 'middle' | 'bottom'
+// 标签所对应的数据图形的包围盒,可用于定位标签位置
+rect: {x: number, y: number, width: number, height: number}
+// 默认引导线的位置,目前只有饼图(pie)和漏斗图(funnel)有默认标签位置
+// 如果没有该值则为 null
+labelLinePoints?: number[][]
+```
+
+**示例:**
+
+将标签显示在图形右侧 10px 的位置,并且垂直居中:
+
+```js
+labelLayout(params) {
+    return {
+        x: params.rect.x + 10,
+        y: params.rect.y + params.rect.height / 2,
+        verticalAlign: 'middle',
+        align: 'left'
+    }
+}
+```
+
+根据图形的包围盒尺寸决定文本尺寸
+
+```js
+
+labelLayout(params) {
+    return {
+        fontSize: Math.max(params.rect.width / 10, 5)
+    };
+}
+```
+
+#${prefix} hideOverlap(boolean)
+
+是否隐藏重叠的标签。
+
+下面示例演示了在关系图中开启该配置后,在缩放时可以实现自动的标签隐藏。
+
+~[600x400](${galleryViewPath}graph-label-overlap&edit=1&reset=1)
+
+#${prefix} moveOverlap(string)
+
+在标签重叠的时候是否挪动标签位置以防止重叠。
+
+目前支持配置为:
+
++ `'shiftX'` 水平方向依次位移,在水平方向对齐时使用
++ `'shiftY'` 垂直方向依次位移,在垂直方向对齐时使用
+
+下面是标签右对齐并配置垂直方向依次位移以防止重叠的示例。
+
+~[600x400](${galleryViewPath}scatter-label-align-right&edit=1&reset=1)
+
+#${prefix} x(number|string)
+
+标签的 x 位置。支持绝对的像素值或者`'20%'`这样的相对值。
+
+#${prefix} y(number|string)
+
+标签的 y 位置。支持绝对的像素值或者`'20%'`这样的相对值。
+
+#${prefix} dx(number)
+
+标签在 x 方向上的像素偏移。可以和`x`一起使用。
+
+#${prefix} dy(number)
+
+标签在 y 方向上的像素偏移。可以和`y`一起使用
+
+#${prefix} rotate(number)
+
+标签旋转角度。
+
+#${prefix} width(number)
+
+标签显示的宽度。可以配合`overflow`使用控制标签显示在固定宽度内
+
+#${prefix} height(number)
+
+标签显示的高度。可以配合`lineOverflow`使用控制标签显示在固定高度内
+
+#${prefix} align(string)
+
+标签水平对齐。可以设置`'left'`, `'center'`, `'right'`。
+
+#${prefix} verticalAlign(string)
+
+标签垂直对齐。可以设置`'top'`, `'middle'`, `'bottom'`。
+
+#${prefix} fontSize(number)
+
+标签的文本大小,可以根据
+
+#${prefix} draggable(boolean)
+
+标签是否可以允许用户通过拖拽二次调整位置。
+
+#${prefix} labelLinePoints(Array)
+
+标签引导线三个点的位置。格式为:
+
+```js
+[[x, y], [x, y], [x, y]]
+```
+
+在饼图中常用来微调已经计算好的引导线,其它情况一般不建议设置。
+
diff --git a/en-src/option/partial/selected-mode.md b/en-src/option/partial/selected-mode.md
new file mode 100644
index 0000000..77f0bb0
--- /dev/null
+++ b/en-src/option/partial/selected-mode.md
@@ -0,0 +1,15 @@
+
+{{ target: partial-selected-mode }}
+
+## selectedMode(boolean|string) = false
+
+{{ if: ${version} }}
+{{ use: partial-version(
+    version = ${version}
+) }}
+{{ /if }}
+
+<ExampleUIControlEnum options="true,false,single,multiple" />
+
+选中模式的配置,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选`'single'`,`'multiple'`,分别表示单选还是多选。
+
diff --git a/en/option/partial/focus-blur-scope.md b/en/option/partial/focus-blur-scope.md
new file mode 100644
index 0000000..8d035d9
--- /dev/null
+++ b/en/option/partial/focus-blur-scope.md
@@ -0,0 +1,48 @@
+
+{{ target: partial-focus-blur-scope }}
+
+### focus(string) = 'none'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+在高亮图形时,是否淡出其它数据的图形已达到聚焦的效果。支持如下配置:
+
++ `'none'` 不淡出其它图形,默认使用该配置。
++ `'self'` 只聚焦(不淡出)当前高亮的数据的图形。
++ `'series'` 聚焦当前高亮的数据所在的系列的所有图形。
+
+{{ if: ${isGraph} }}
++ `'adjacency'` 聚焦关系图中的邻接点和边的图形
+
+{{ elif: ${isTree} }}
++ `'ancestor'` 聚焦所有祖先节点
++ `'descendant'` 聚焦所有子孙节点
+{{ /if }}
+
+**示例:**
+
+下面代码配置了柱状图在高亮一个图形的时候,淡出当前直角坐标系所有其它的系列。
+
+```js
+emphasis: {
+    focus: 'series',
+    blurScope: 'coordinateSystem'
+}
+```
+
+~[600x400](${galleryViewPath}bar-y-category-stack&reset=1&edit=1)
+
+### blurScope(string) = 'coordinateSystem'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+在开启`focus`的时候,可以通过`blurScope`配置淡出的范围。支持如下配置
+
++ `'coordinateSystem'` 淡出范围为坐标系,默认使用该配置。
++ `'series'` 淡出范围为系列。
++ `'global'` 淡出范围为全局。
+
diff --git a/en/option/partial/label-layout.md b/en/option/partial/label-layout.md
new file mode 100644
index 0000000..fc32f4a
--- /dev/null
+++ b/en/option/partial/label-layout.md
@@ -0,0 +1,136 @@
+
+{{ target: partial-label-layout }}
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+标签的统一布局配置。
+
+该配置项是在每个系列默认的标签布局基础上,统一调整标签的`(x, y)`位置,标签对齐等属性以实现想要的标签布局效果。
+
+该配置项也可以是一个有如下参数的回调函数
+
+```js
+// 标签对应数据的 dataIndex
+dataIndex: number
+// 标签对应的数据类型,只在关系图中会有 node 和 edge 数据类型的区分
+dataType?: string
+// 标签对应的系列的 index
+seriesIndex: number
+// 标签显示的文本
+text: string
+// 默认的标签的包围盒,由系列默认的标签布局决定
+labelRect: {x: number, y: number, width: number, height: number}
+// 默认的标签水平对齐
+align: 'left' | 'center' | 'right'
+// 默认的标签垂直对齐
+verticalAlign: 'top' | 'middle' | 'bottom'
+// 标签所对应的数据图形的包围盒,可用于定位标签位置
+rect: {x: number, y: number, width: number, height: number}
+// 默认引导线的位置,目前只有饼图(pie)和漏斗图(funnel)有默认标签位置
+// 如果没有该值则为 null
+labelLinePoints?: number[][]
+```
+
+**示例:**
+
+将标签显示在图形右侧 10px 的位置,并且垂直居中:
+
+```js
+labelLayout(params) {
+    return {
+        x: params.rect.x + 10,
+        y: params.rect.y + params.rect.height / 2,
+        verticalAlign: 'middle',
+        align: 'left'
+    }
+}
+```
+
+根据图形的包围盒尺寸决定文本尺寸
+
+```js
+
+labelLayout(params) {
+    return {
+        fontSize: Math.max(params.rect.width / 10, 5)
+    };
+}
+```
+
+#${prefix} hideOverlap(boolean)
+
+是否隐藏重叠的标签。
+
+下面示例演示了在关系图中开启该配置后,在缩放时可以实现自动的标签隐藏。
+
+~[600x400](${galleryViewPath}graph-label-overlap&edit=1&reset=1)
+
+#${prefix} moveOverlap(string)
+
+在标签重叠的时候是否挪动标签位置以防止重叠。
+
+目前支持配置为:
+
++ `'shiftX'` 水平方向依次位移,在水平方向对齐时使用
++ `'shiftY'` 垂直方向依次位移,在垂直方向对齐时使用
+
+下面是标签右对齐并配置垂直方向依次位移以防止重叠的示例。
+
+~[600x400](${galleryViewPath}scatter-label-align-right&edit=1&reset=1)
+
+#${prefix} x(number|string)
+
+标签的 x 位置。支持绝对的像素值或者`'20%'`这样的相对值。
+
+#${prefix} y(number|string)
+
+标签的 y 位置。支持绝对的像素值或者`'20%'`这样的相对值。
+
+#${prefix} dx(number)
+
+标签在 x 方向上的像素偏移。可以和`x`一起使用。
+
+#${prefix} dy(number)
+
+标签在 y 方向上的像素偏移。可以和`y`一起使用
+
+#${prefix} rotate(number)
+
+标签旋转角度。
+
+#${prefix} width(number)
+
+标签显示的宽度。可以配合`overflow`使用控制标签显示在固定宽度内
+
+#${prefix} height(number)
+
+标签显示的高度。可以配合`lineOverflow`使用控制标签显示在固定高度内
+
+#${prefix} align(string)
+
+标签水平对齐。可以设置`'left'`, `'center'`, `'right'`。
+
+#${prefix} verticalAlign(string)
+
+标签垂直对齐。可以设置`'top'`, `'middle'`, `'bottom'`。
+
+#${prefix} fontSize(number)
+
+标签的文本大小,可以根据
+
+#${prefix} draggable(boolean)
+
+标签是否可以允许用户通过拖拽二次调整位置。
+
+#${prefix} labelLinePoints(Array)
+
+标签引导线三个点的位置。格式为:
+
+```js
+[[x, y], [x, y], [x, y]]
+```
+
+在饼图中常用来微调已经计算好的引导线,其它情况一般不建议设置。
+
diff --git a/en/option/partial/mark-area.md b/en/option/partial/mark-area.md
index 94e58ed..5b74be7 100644
--- a/en/option/partial/mark-area.md
+++ b/en/option/partial/mark-area.md
@@ -17,12 +17,6 @@ Label in mark area.
     prefix = ${prefix} + '##'
 ) }}
 
-###${prefix} emphasis(Object)
-
-{{ use: partial-label(
-    prefix = ${prefix} + '###'
-) }}
-
 ##${prefix} itemStyle(Object)
 
 Style of the mark area.
@@ -31,7 +25,17 @@ Style of the mark area.
     prefix = "##" + ${prefix}
 ) }}
 
-###${prefix} emphasis(Object)
+##${prefix} emphasis(Object)
+
+Emphasis status of mark area.
+
+###${prefix} label(Object)
+
+{{ use: partial-label(
+    prefix = ${prefix} + '###'
+) }}
+
+###${prefix} itemStyle(*)
 
 {{ use: partial-item-style(
     prefix = "###" + ${prefix}
@@ -46,9 +50,7 @@ The scope of the area is defined by `data`, which is an array with two item, rep
 {{ if: ${hasCoord} }}
 2. Specify the coordinate in data coordinate system (i.e., cartesian) using
 [coord](~series-${seriesType}.markArea.data.0.coord), which can be also set as `'min'`, `'max'`, `'average'` (e.g, `coord: [23, 'min']`, or `coord: ['average', 'max']`).
-{{ /if }}
-
-{{ if: ${hasType} }}
+{{ /if }}{{ if: ${hasType} }}
 3. Locate the point on the min value or max value of `series.data` using [type](~series-${seriesType}.markArea.data.0.type), where [valueIndex](~series-${seriesType}.markArea.data.0.valueIndex) or [valueDim](~series-${seriesType}.markPoint.data.0.valueDim) can be used to specify the dimension on which the min, max or average are calculated.
 4. If in cartesian, you can only specify `xAxis` or `yAxis` to define a mark area based on only X or Y axis, see sample [scatter-weight](${galleryEditorPath}scatter-weight)
 {{ /if }}
@@ -200,12 +202,6 @@ Style of the item.
     prefix = "#"+${prefix}
 ) }}
 
-##${prefix} emphasis(Object)
-
-{{ use: partial-item-style(
-    prefix = "##"+${prefix}
-) }}
-
 #${prefix} label(Object)
 
 Label style of the item.
@@ -215,7 +211,15 @@ Label style of start point and end point will be merged together.
     prefix = '#'+${prefix}
 ) }}
 
-##${prefix} emphasis(Object)
+#${prefix} emphasis(Object)
+
+##${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+    prefix = "##"+${prefix}
+) }}
+
+##${prefix} label(Object)
 
 {{ use: partial-label(
     prefix = '##'+${prefix}
diff --git a/en/option/partial/mark-line.md b/en/option/partial/mark-line.md
index 3f79139..f673fe4 100644
--- a/en/option/partial/mark-line.md
+++ b/en/option/partial/mark-line.md
@@ -31,12 +31,6 @@ Mark line text.
     prefix = ${prefix} + '##'
 ) }}
 
-###${prefix} emphasis(Object)
-
-{{ use: mark-line-label(
-    prefix = ${prefix} + '###'
-) }}
-
 ##${prefix} lineStyle(Object)
 
 Mark line style.
@@ -48,7 +42,17 @@ Mark line style.
     hasCurveness = true
 ) }}
 
-###${prefix} emphasis(Object)
+##${prefix} emphasis(Object)
+
+Emphasis status of mark line.
+
+###${prefix} label(Object)
+
+{{ use: mark-line-label(
+    prefix = ${prefix} + '###'
+) }}
+
+###${prefix} lineStyle(Object)
 
 {{ use: partial-line-style(
     prefix = "###" + ${prefix}
@@ -248,13 +252,6 @@ Line style of this data item, which will be merged with `lineStyle` of starting
     hasCurveness = true
 ) }}
 
-##${prefix} emphasis(Object)
-
-{{ use: partial-line-style(
-    prefix = "##"+${prefix},
-    hasCurveness = true
-) }}
-
 #${prefix} label(Object)
 
 Label of this data item, which will be merged with `label` of starting point and ending point.
diff --git a/en/option/partial/mark-point.md b/en/option/partial/mark-point.md
index 5f6302d..9c67e79 100644
--- a/en/option/partial/mark-point.md
+++ b/en/option/partial/mark-point.md
@@ -29,13 +29,6 @@ Label of mark point.
     formatter = true
 ) }}
 
-###${prefix} emphasis(Object)
-
-{{ use: partial-label(
-    prefix = "###" + ${prefix},
-    formatter = true
-) }}
-
 ##${prefix} itemStyle(Object)
 
 Mark point style.
@@ -44,7 +37,18 @@ Mark point style.
     prefix = "##" + ${prefix}
 ) }}
 
-###${prefix} emphasis(Object)
+##${prefix} emphasis(Object)
+
+Emphasis status of mark point.
+
+###${prefix} label(Object)
+
+{{ use: partial-label(
+    prefix = "###" + ${prefix},
+    formatter = true
+) }}
+
+###${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
     prefix = "###" + ${prefix}
@@ -144,24 +148,26 @@ Mark point style.
     prefix = "###" + ${prefix}
 ) }}
 
-####${prefix} emphasis(Object)
-
-{{ use: partial-item-style(
-    prefix = "####" + ${prefix}
-) }}
-
 ###${prefix} label(Object)
 
 {{ use: partial-label(
     prefix = ${prefix} + '###'
 ) }}
 
-####${prefix} emphasis(Object)
+###${prefix} emphasis(Object)
+
+####${prefix} label(Object)
 
 {{ use: partial-label(
     prefix = ${prefix} + '####'
 ) }}
 
+####${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+    prefix = "####" + ${prefix}
+) }}
+
 {{ use: partial-animation(
     prefix = "#" + ${prefix}
 ) }}
diff --git a/en/option/partial/marker.md b/en/option/partial/marker.md
index 6df9371..2ecd4b1 100644
--- a/en/option/partial/marker.md
+++ b/en/option/partial/marker.md
@@ -9,8 +9,6 @@
     name = ${name}
 ) }}
 
-prefix
-
 {{ use: partial-mark-line(
     prefix = ${prefix},
     seriesType = ${seriesType},
diff --git a/en/option/partial/selected-mode.md b/en/option/partial/selected-mode.md
new file mode 100644
index 0000000..11ab4fe
--- /dev/null
+++ b/en/option/partial/selected-mode.md
@@ -0,0 +1,16 @@
+
+{{ target: partial-selected-mode }}
+
+## selectedMode(boolean|string) = false
+
+{{ if: ${version} }}
+{{ use: partial-version(
+    version = ${version}
+) }}
+{{ /if }}
+
+<ExampleUIControlEnum options="true,false,single,multiple" />
+
+Selected mode.  It is enabled by default, and you may set it to be `false` to disabled it.
+
+Besides, it can be set to `'single'` or `'multiple'`, for single selection and multiple selections.
diff --git a/en/option/partial/silent.md b/en/option/partial/silent.md
index 0d5baf6..13cc7c4 100644
--- a/en/option/partial/silent.md
+++ b/en/option/partial/silent.md
@@ -1,7 +1,7 @@
 
 {{ target: partial-silent }}
 
-${prefix}# silent(boolean) = false
+#${prefix} silent(boolean) = false
 
 Whether to ignore mouse events. Default value is false, for triggering and responding to mouse events.
 
diff --git a/en/option/partial/text-style.md b/en/option/partial/text-style.md
index 62382c2..6e395de 100644
--- a/en/option/partial/text-style.md
+++ b/en/option/partial/text-style.md
@@ -29,6 +29,32 @@
     enableAutoColor = ${enableAutoColor}
 ) }}
 
+#${prefix} width(number)
+
+Width of text block.
+
+#${prefix} height(number)
+
+Height of text block.
+
+#${prefix} overflow(string) = 'none'
+
+Determine how to display the text when it's overflow. Available when `width` is set.
+
++ `'truncate'` Truncate the text and trailing with `ellipsis`.
++ `'break'` Break by word
++ `'breakAll'` Break by character.
+
+#${prefix} ellipsis(string) = '...'
+
+Ellipsis to be displayed when `overflow` is set to `truncate`.
+
+#${prefix} lineOverflow(string) = 'none'
+
+Determine how to display the text when it's overflow on height.
+
++ `'truncate'` Truncate the overflow lines.
+
 {{ if: !${noRich} }}
 #${prefix} rich(Object)
 
diff --git a/en/option/partial/zr-graphic.md b/en/option/partial/zr-graphic.md
index 2b04160..0ef9079 100644
--- a/en/option/partial/zr-graphic.md
+++ b/en/option/partial/zr-graphic.md
@@ -51,15 +51,6 @@ A list of children, each item is a declaration of an element.
     symbolDeclare = ${symbolDeclare}
 ) }}
 
-{{ use: partial-graphic-cpt-style-emphasis(
-    prefix = ${prefix},
-    optionPath = ${optionPath},
-    usageType = ${usageType},
-    hostName = ${hostName},
-    symbolVisit = ${symbolVisit},
-    symbolDeclare = ${symbolDeclare}
-) }}
-
 {{ use: partial-graphic-cpt-event-handlers(
     prefix = ${prefix},
     optionPath = ${optionPath},
diff --git a/en/option/series/bar.md b/en/option/series/bar.md
index 22c58ee..5db4ca2 100644
--- a/en/option/series/bar.md
+++ b/en/option/series/bar.md
@@ -35,26 +35,6 @@ If to add round caps at the end of the bar sectors. Valid only for bar series on
 
 ~[800x500](${galleryViewPath}polar-roundCap&reset=1&edit=1)
 
-## label(Object)
-
-{{ use: partial-label-desc() }}
-
-{{ use: partial-label(
-    prefix = "##",
-    defaultPosition = "'inside'",
-    formatter = true
-) }}
-
-## itemStyle(Object)
-
-{{ use: partial-item-style-desc() }}
-
-{{ use: partial-bar-item-style(
-    prefix = "##",
-    useColorPalatte = true,
-    hasCallback = true
-) }}
-
 ## showBackground(boolean) = false
 
 {{ use: partial-version(
@@ -82,19 +62,52 @@ Background style of each bar if [showBackground](~series-bar.showBackground) is
     defaultColor = "'rgba(180, 180, 180, 0.2)'"
 ) }}
 
+{{ use: partial-bar-state(
+    prefix = "#",
+    topLevel = true,
+    isNormal = true
+) }}
+
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## emphasis(Object)
 
-### label(Object)
+高亮的图形样式和标签样式。
 
-{{ use: partial-label(
-    prefix = "###",
-    formatter = true
+{{ use: partial-focus-blur-scope() }}
+
+{{ use: partial-bar-state(
+    prefix = "##",
+    topLevel = true,
+    isNormal = false
 ) }}
 
-### itemStyle(Object)
+## blur(Object)
 
-{{ use: partial-bar-item-style(
-    prefix = "###"
+淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-bar.emphasis.focus) 后有效
+
+{{ use: partial-bar-state(
+    prefix = "##",
+    topLevel = true,
+    isNormal = false
+) }}
+
+## select(Object)
+
+数据选中时的图形样式和标签样式。开启 [selectedMode](~series-bar.selectedMode) 后有效。
+
+{{ use: partial-bar-state(
+    prefix = "##",
+    topLevel = true,
+    isNormal = false
+) }}
+
+{{ use: partial-selected-mode(
+    version = '5.0.0'
 ) }}
 
 ## stack(string) = null
@@ -143,41 +156,40 @@ The name of data item.
 
 The value of a single data item.
 
-### label(Object)
+{{ use: partial-bar-state(
+    prefix = "##",
+    topLevel = false,
+    isNormal = true
+) }}
 
-The style setting of the text label in a single bar.
+### emphasis(Object)
 
-{{ use: partial-label(
+单个数据的高亮状态配置。
+
+{{ use: partial-bar-state(
     prefix = "###",
-    defaultPosition = "inside"
+    topLevel = false,
+    isNormal = false
 ) }}
 
-#### emphasis(Object)
-
-{{ use: partial-label(
-    prefix = "####"
-) }}
+### blur(Object)
 
-### itemStyle(Object)
+单个数据的淡出状态配置。
 
-{{ use: partial-bar-item-style(
-    prefix = "###"
+{{ use: partial-bar-state(
+    prefix = "###",
+    topLevel = false,
+    isNormal = false
 ) }}
 
-#### emphasis(Object)
-
-{{ use: partial-bar-item-style(
-    prefix = "####"
-) }}
+### select(Object)
 
-{{ use: partial-tooltip-in-series-data() }}
+单个数据的选中状态配置。
 
-{{ use: partial-marker(
-    prefix = "#",
-    seriesType = "bar",
-    hasCoord = true,
-    hasType = true,
-    name = "mark point"
+{{ use: partial-bar-state(
+    prefix = "###",
+    topLevel = false,
+    isNormal = false
 ) }}
 
 {{ use: partial-clip(
@@ -186,7 +198,11 @@ The style setting of the text label in a single bar.
 
 {{ use: partial-z-zlevel(
     prefix = "#",
-    componentName = "bar chart"
+    componentName = "柱状图"
+) }}
+
+{{ use: partial-silent(
+    prefix = "#"
 ) }}
 
 {{ use: partial-animation(
@@ -197,6 +213,40 @@ The style setting of the text label in a single bar.
 
 
 
+{{ target: partial-bar-state }}
+
+#${prefix} label(Object)
+
+{{ if: ${topLevel} }}
+{{ use: partial-label-desc() }}
+
+{{ else }}
+单个数据的文本配置。
+{{ /if }}
+
+{{ use: partial-label(
+    prefix = "#" + ${prefix},
+    defaultPosition = "'inside'",
+    formatter = ${topLevel}
+) }}
+
+#${prefix} itemStyle(Object)
+
+{{ if: ${topLevel} }}
+{{ use: partial-item-style-desc() }}
+
+{{ else }}
+单个数据的图形样式设置。
+{{ /if }}
+
+{{ use: partial-bar-item-style(
+    prefix = "#" + ${prefix},
+    useColorPalatte = ${topLevel && isNormal},
+    hasCallback = ${topLevel && isNormal}
+) }}
+
+
+
 {{ target: partial-bar-item-style }}
 
 #${prefix} color(Color) = ${defaultColor|default('auto')}
@@ -211,8 +261,11 @@ The border color of bar.
 
 The border width of bar. defaults to have no border.
 
+#${prefix} borderType(string) = 'solid'
+
+柱条的描边类型,默认为实线,支持 `'dashed'`, `'dotted'`。
+
 {{ use: partial-border-radius(
-    propName = 'barBorderRadius',
     prefix = ${prefix}
 ) }}
 
diff --git a/en/option/series/boxplot.md b/en/option/series/boxplot.md
index c68df7d..80cbdc6 100644
--- a/en/option/series/boxplot.md
+++ b/en/option/series/boxplot.md
@@ -58,6 +58,8 @@ It could be absolute value in pixel, such as `[7, 50]`, or percentage, such as `
 
 ## itemStyle(Object)
 
+Style of boxplot.
+
 {{ use: partial-item-style(
     prefix = "##",
     useColorPalatte = true,
@@ -68,6 +70,8 @@ It could be absolute value in pixel, such as `[7, 50]`, or percentage, such as `
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
@@ -134,6 +138,8 @@ Value of data item.
 
 ### itemStyle(Object)
 
+Style of a single data.
+
 {{ use: partial-item-style(
     prefix = "###",
     useColorPalatte = true,
@@ -144,6 +150,8 @@ Value of data item.
 
 ### emphasis(Object)
 
+Emphasis state of a single data.
+
 #### itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/candlestick.md b/en/option/series/candlestick.md
index fc3e548..b2b6c74 100644
--- a/en/option/series/candlestick.md
+++ b/en/option/series/candlestick.md
@@ -211,10 +211,6 @@ Emphasis style of a candle box.
     prefix = "#"
 ) }}
 
-{{ use: partial-silent(
-    prefix = "#"
-) }}
-
 {{ use: partial-animation-init(
     prefix = "#",
     defaultAnimationEasing = 'linear',
diff --git a/en/option/series/custom.md b/en/option/series/custom.md
index c3fbc14..a2ad61b 100644
--- a/en/option/series/custom.md
+++ b/en/option/series/custom.md
@@ -389,8 +389,16 @@ For example:
     hasCallback = false
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## emphasis(Object)
 
+Emphasis state.
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/effectScatter.md b/en/option/series/effectScatter.md
index ec5f812..eab11fe 100644
--- a/en/option/series/effectScatter.md
+++ b/en/option/series/effectScatter.md
@@ -83,6 +83,12 @@ The brush type for ripples. options: `'stroke'` and `'fill'`.
     formatter = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 {{ use: partial-item-style-desc() }}
@@ -95,6 +101,8 @@ The brush type for ripples. options: `'stroke'` and `'fill'`.
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### label(Object)
 
 {{ use: partial-label(
@@ -149,6 +157,8 @@ The brush type for ripples. options: `'stroke'` and `'fill'`.
 
 ### emphasis(Object)
 
+Emphasis state of the specified single data.
+
 #### label(Object)
 
 {{ use: partial-label(
@@ -175,6 +185,10 @@ The brush type for ripples. options: `'stroke'` and `'fill'`.
     prefix = "#"
 ) }}
 
+{{ use: partial-silent(
+    prefix = "#"
+) }}
+
 {{ use: partial-animation(
     prefix = "#"
 ) }}
diff --git a/en/option/series/funnel.md b/en/option/series/funnel.md
index 606cb4d..e93bf6b 100644
--- a/en/option/series/funnel.md
+++ b/en/option/series/funnel.md
@@ -38,8 +38,6 @@ It can be absolute pixel and also the percentage of [layout width](~series-funne
 
 ## orient(string) = 'vertical'
 
-<ExampleUIControlEnum options="vertical,horizontal" />
-
 Orient of funnel,Can be `'vertical'` or `'horizontal'`.
 
 ## sort(string|Function) = 'descending'
@@ -87,8 +85,43 @@ The visual guide line style of label. When [label position](~series-funnel.label
     hasCallback = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## emphasis(Object)
 
+高亮的标签和图形样式。
+
+{{ use: partial-focus-blur-scope() }}
+
+### label(Object)
+
+{{ use: partial-funnel-label(
+    prefix = "###",
+    position = false,
+    formatter = true
+) }}
+
+### labelLine(Object)
+
+{{ use: partial-funnel-label-line(
+    prefix = '###',
+    length = false
+) }}
+
+### itemStyle(Object)
+
+{{ use: partial-item-style(
+    prefix = "###"
+) }}
+
+## blur(Object)
+
+淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-funnel.emphasis.focus) 后有效
+
 ### label(Object)
 
 {{ use: partial-funnel-label(
@@ -111,7 +144,7 @@ The visual guide line style of label. When [label position](~series-funnel.label
 ) }}
 
 {{ use: partial-rect-layout-width-height(
-    componentName = "funnel chart",
+    componentName = "漏斗图",
     defaultLeft = 80,
     defaultTop = 60,
     defaultRight = 80,
@@ -210,6 +243,10 @@ The label configuration of a single data item.
     name = "mark point"
 ) }}
 
+{{ use: partial-silent(
+    prefix = "#"
+) }}
+
 {{ use: partial-animation(
     prefix = "#"
 ) }}
diff --git a/en/option/series/gauge.md b/en/option/series/gauge.md
index 594e421..641aec6 100644
--- a/en/option/series/gauge.md
+++ b/en/option/series/gauge.md
@@ -201,6 +201,8 @@ The color of pointer. Defaults to use [the color of section](~series-gauge.axisL
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### itemStyle(*)
 
 {{ use: partial-item-style(
@@ -251,6 +253,14 @@ The background color of detail.
 
 The border width of detail.
 
+### borderColor(Color) = '#ccc'
+
+The border color of detail.
+
+### offsetCenter(Array) = [0, '40%']
+
+The offset position relative to the center of gauge chart. The first item of array is the horizontal offset; the second item of array is the vertical offset. It could be absolute value and also the percentage relative to the radius of gauge chart.
+
 ### formatter(Function|string)
 
 Formatter is used to format detail, which supports string template and callback function.
@@ -261,14 +271,6 @@ formatter: function (value) {
 }
 ```
 
-### borderColor(Color) = '#ccc'
-
-The border color of detail.
-
-### offsetCenter(Array) = [0, '40%']
-
-The offset position relative to the center of gauge chart. The first item of array is the horizontal offset; the second item of array is the vertical offset. It could be absolute value and also the percentage relative to the radius of gauge chart.
-
 {{ use: partial-text-style(
     prefix = "##",
     defaultColor = "'auto'",
@@ -285,8 +287,11 @@ The text color. Defaults to use [the color of section](~series-gauge.axisLine.li
 
 {{ use: partial-marker(
     prefix = "#",
-    seriesType = "gauge",
-    name = "mark point"
+    seriesType = "gauge"
+) }}
+
+{{ use: partial-silent(
+    prefix = "#"
 ) }}
 
 {{ use: partial-animation(
diff --git a/en/option/series/graph.md b/en/option/series/graph.md
index ea98ac7..85b5ec0 100644
--- a/en/option/series/graph.md
+++ b/en/option/series/graph.md
@@ -123,6 +123,10 @@ Related zooming ratio of nodes when mouse zooming in or out. When it is set as 0
 
 If node is draggable. Only available when using force-directed layout.
 
+## focusNodeAdjacency(boolean) = false
+
+Whether to focus/highlight the hover node and it's adjacencies.
+
 {{ use: partial-symbol(
     prefix = '#',
     defaultSymbol = "'circle'",
@@ -131,10 +135,6 @@ If node is draggable. Only available when using force-directed layout.
     hasCallback = true
 ) }}
 
-## focusNodeAdjacency(boolean) = false
-
-Whether to focus/highlight the hover node and it's adjacencies.
-
 ## edgeSymbol(Array|string) = ['none', 'none']
 
 Symbol of two ends of edge line.
@@ -196,8 +196,16 @@ The style of edge line. [lineStyle.color](~series-graph.lineStyle.color) can be
     prefix = "##"
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/heatmap.md b/en/option/series/heatmap.md
index 2a9aed3..053073b 100644
--- a/en/option/series/heatmap.md
+++ b/en/option/series/heatmap.md
@@ -60,6 +60,12 @@ Work for [coordinateSystem](~series-heatmap.coordinateSystem): 'cartesian2d'.
     defaultPosition = "inside"
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 Work for [coordinateSystem](~series-heatmap.coordinateSystem): 'cartesian2d'.
diff --git a/en/option/series/line.md b/en/option/series/line.md
index 71bd19c..0d6331e 100644
--- a/en/option/series/line.md
+++ b/en/option/series/line.md
@@ -91,6 +91,12 @@ See the example using different `step` options:
     formatter = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 The style of the symbol point of broken line.
@@ -220,6 +226,8 @@ The style of the symbol of single data point.
 
 ### emphasis(Object)
 
+Emphasis state of specified single data.
+
 #### itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/lines.md b/en/option/series/lines.md
index 014f40a..bcbe4c1 100644
--- a/en/option/series/lines.md
+++ b/en/option/series/lines.md
@@ -125,6 +125,12 @@ Label settings. Does not work when [polyline](~series-lines.polyline) is `true`.
     prefix = "##"
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## emphasis(Object)
 
 Emphasis style.
@@ -168,6 +174,8 @@ The line style of this data item.
 
 ### label(Object)
 
+Label of a single line. Available when [polyline](~series-lines.polyline) is not `true`.
+
 {{ use: lines-label(
     prefix = "###"
 ) }}
@@ -227,7 +235,7 @@ the position of label, options:
 
 #${prefix} formatter(string|Function)
 
-{{ use: partial-1d-data-label-formatter() }}
+{{ use: partial-2d-data-label-formatter() }}
 
 {{ use: partial-text-style(
     prefix = ${prefix}
diff --git a/en/option/series/map.md b/en/option/series/map.md
index 40d43bd..361fde3 100644
--- a/en/option/series/map.md
+++ b/en/option/series/map.md
@@ -54,6 +54,12 @@ Show the symbol in related area (dot of series symbol). Available when [legend](
 
 {{ use: partial-datasetIndex() }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## data(Array)
 
 {{ use: partial-1d-data-desc(
@@ -100,6 +106,8 @@ Color of the area.
 
 ### emphasis(Object)
 
+Emphasis state of specified region.
+
 #### itemStyle(Object)
 
 ##### areaColor(Color)
diff --git a/en/option/series/parallel.md b/en/option/series/parallel.md
index b01f638..be39c89 100644
--- a/en/option/series/parallel.md
+++ b/en/option/series/parallel.md
@@ -7,6 +7,175 @@ The series in parallel coordinate system.
 
 {{ use: partial-parallel-introduce() }}
 
+<ExampleBaseOption name="parallel-series" title="平行坐标" title-en="Parallel">
+const dataBJ = [
+    [1,55,9,56,0.46,18,6,"良"],
+    [2,25,11,21,0.65,34,9,"优"],
+    [3,56,7,63,0.3,14,5,"良"],
+    [4,33,7,29,0.33,16,6,"优"],
+    [5,42,24,44,0.76,40,16,"优"],
+    [6,82,58,90,1.77,68,33,"良"],
+    [7,74,49,77,1.46,48,27,"良"],
+    [8,78,55,80,1.29,59,29,"良"],
+    [9,267,216,280,4.8,108,64,"重度污染"],
+    [10,185,127,216,2.52,61,27,"中度污染"],
+    [11,39,19,38,0.57,31,15,"优"],
+    [12,41,11,40,0.43,21,7,"优"],
+    [13,64,38,74,1.04,46,22,"良"],
+    [14,108,79,120,1.7,75,41,"轻度污染"],
+    [15,108,63,116,1.48,44,26,"轻度污染"],
+    [16,33,6,29,0.34,13,5,"优"],
+    [17,94,66,110,1.54,62,31,"良"],
+    [18,186,142,192,3.88,93,79,"中度污染"],
+    [19,57,31,54,0.96,32,14,"良"],
+    [20,22,8,17,0.48,23,10,"优"],
+    [21,39,15,36,0.61,29,13,"优"],
+    [22,94,69,114,2.08,73,39,"良"],
+    [23,99,73,110,2.43,76,48,"良"],
+    [24,31,12,30,0.5,32,16,"优"],
+    [25,42,27,43,1,53,22,"优"],
+    [26,154,117,157,3.05,92,58,"中度污染"],
+    [27,234,185,230,4.09,123,69,"重度污染"],
+    [28,160,120,186,2.77,91,50,"中度污染"],
+    [29,134,96,165,2.76,83,41,"轻度污染"],
+    [30,52,24,60,1.03,50,21,"良"],
+    [31,46,5,49,0.28,10,6,"优"]
+];
+
+const dataGZ = [
+    [1,26,37,27,1.163,27,13,"优"],
+    [2,85,62,71,1.195,60,8,"良"],
+    [3,78,38,74,1.363,37,7,"良"],
+    [4,21,21,36,0.634,40,9,"优"],
+    [5,41,42,46,0.915,81,13,"优"],
+    [6,56,52,69,1.067,92,16,"良"],
+    [7,64,30,28,0.924,51,2,"良"],
+    [8,55,48,74,1.236,75,26,"良"],
+    [9,76,85,113,1.237,114,27,"良"],
+    [10,91,81,104,1.041,56,40,"良"],
+    [11,84,39,60,0.964,25,11,"良"],
+    [12,64,51,101,0.862,58,23,"良"],
+    [13,70,69,120,1.198,65,36,"良"],
+    [14,77,105,178,2.549,64,16,"良"],
+    [15,109,68,87,0.996,74,29,"轻度污染"],
+    [16,73,68,97,0.905,51,34,"良"],
+    [17,54,27,47,0.592,53,12,"良"],
+    [18,51,61,97,0.811,65,19,"良"],
+    [19,91,71,121,1.374,43,18,"良"],
+    [20,73,102,182,2.787,44,19,"良"],
+    [21,73,50,76,0.717,31,20,"良"],
+    [22,84,94,140,2.238,68,18,"良"],
+    [23,93,77,104,1.165,53,7,"良"],
+    [24,99,130,227,3.97,55,15,"良"],
+    [25,146,84,139,1.094,40,17,"轻度污染"],
+    [26,113,108,137,1.481,48,15,"轻度污染"],
+    [27,81,48,62,1.619,26,3,"良"],
+    [28,56,48,68,1.336,37,9,"良"],
+    [29,82,92,174,3.29,0,13,"良"],
+    [30,106,116,188,3.628,101,16,"轻度污染"],
+    [31,118,50,0,1.383,76,11,"轻度污染"]
+];
+
+const dataSH = [
+    [1,91,45,125,0.82,34,23,"良"],
+    [2,65,27,78,0.86,45,29,"良"],
+    [3,83,60,84,1.09,73,27,"良"],
+    [4,109,81,121,1.28,68,51,"轻度污染"],
+    [5,106,77,114,1.07,55,51,"轻度污染"],
+    [6,109,81,121,1.28,68,51,"轻度污染"],
+    [7,106,77,114,1.07,55,51,"轻度污染"],
+    [8,89,65,78,0.86,51,26,"良"],
+    [9,53,33,47,0.64,50,17,"良"],
+    [10,80,55,80,1.01,75,24,"良"],
+    [11,117,81,124,1.03,45,24,"轻度污染"],
+    [12,99,71,142,1.1,62,42,"良"],
+    [13,95,69,130,1.28,74,50,"良"],
+    [14,116,87,131,1.47,84,40,"轻度污染"],
+    [15,108,80,121,1.3,85,37,"轻度污染"],
+    [16,134,83,167,1.16,57,43,"轻度污染"],
+    [17,79,43,107,1.05,59,37,"良"],
+    [18,71,46,89,0.86,64,25,"良"],
+    [19,97,71,113,1.17,88,31,"良"],
+    [20,84,57,91,0.85,55,31,"良"],
+    [21,87,63,101,0.9,56,41,"良"],
+    [22,104,77,119,1.09,73,48,"轻度污染"],
+    [23,87,62,100,1,72,28,"良"],
+    [24,168,128,172,1.49,97,56,"中度污染"],
+    [25,65,45,51,0.74,39,17,"良"],
+    [26,39,24,38,0.61,47,17,"优"],
+    [27,39,24,39,0.59,50,19,"优"],
+    [28,93,68,96,1.05,79,29,"良"],
+    [29,188,143,197,1.66,99,51,"中度污染"],
+    [30,174,131,174,1.55,108,50,"中度污染"],
+    [31,187,143,201,1.39,89,53,"中度污染"]
+];
+
+const schema = [
+    {name: 'date', index: 0, text: '日期'},
+    {name: 'AQIindex', index: 1, text: 'AQI'},
+    {name: 'PM25', index: 2, text: 'PM2.5'},
+    {name: 'PM10', index: 3, text: 'PM10'},
+    {name: 'CO', index: 4, text: ' CO'},
+    {name: 'NO2', index: 5, text: 'NO2'},
+    {name: 'SO2', index: 6, text: 'SO2'},
+    {name: '等级', index: 7, text: '等级'}
+];
+
+const option = {
+    color: [
+        '#c23531', '#91c7ae', '#dd8668'
+    ],
+    legend: {
+        top: 10,
+        data: ['北京', '上海', '广州'],
+        itemGap: 20
+    },
+    parallelAxis: [
+        {dim: 0, name: schema[0].text, inverse: true, max: 31, nameLocation: 'start'},
+        {dim: 1, name: schema[1].text},
+        {dim: 2, name: schema[2].text},
+        {dim: 3, name: schema[3].text},
+        {dim: 4, name: schema[4].text},
+        {dim: 5, name: schema[5].text},
+        {dim: 6, name: schema[6].text},
+        {dim: 7, name: schema[7].text,
+        type: 'category', data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']}
+    ],
+    parallel: {
+        left: '5%',
+        right: '13%',
+        bottom: '10%',
+        top: '20%',
+        parallelAxisDefault: {
+            type: 'value',
+            name: 'AQI指数',
+            nameLocation: 'end',
+            nameGap: 20,
+            nameTextStyle: {
+                fontSize: 12
+            }
+        }
+    },
+    series: [
+        {
+            name: '北京',
+            type: 'parallel',
+            data: dataBJ
+        },
+        {
+            name: '上海',
+            type: 'parallel',
+            data: dataSH
+        },
+        {
+            name: '广州',
+            type: 'parallel',
+            data: dataGZ
+        }
+    ]
+};
+</ExampleBaseOption>
+
 ## type(string) = 'parallel'
 
 {{ use: partial-component-id(
@@ -77,8 +246,6 @@ The value of a data item.
     defaultAnimationEasing = 'linear'
 ) }}
 
-{{ use: partial-tooltip-in-series() }}
-
 
 
 {{ target: partial-parallel-line-style }}
diff --git a/en/option/series/pictorialBar.md b/en/option/series/pictorialBar.md
index 650d18c..0765d8f 100644
--- a/en/option/series/pictorialBar.md
+++ b/en/option/series/pictorialBar.md
@@ -80,6 +80,12 @@ See the example below:
     formatter = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 {{ use: partial-item-style-desc() }}
diff --git a/en/option/series/pie.md b/en/option/series/pie.md
index 7ea7613..f9889ab 100644
--- a/en/option/series/pie.md
+++ b/en/option/series/pie.md
@@ -39,9 +39,7 @@ The offset distance of hovered sector.
 
 ## selectedMode(boolean|string) = false
 
-Selected mode of pie.  It is enabled by default, and you may set it to be `false` to disabled it.
-
-Besides, it can be set to `'single'` or `'multiple'`, for single selection and multiple selections.
+{{ use: partial-selected-mode() }}
 
 ## selectedOffset(number) = 10
 
@@ -143,6 +141,12 @@ The style of visual guide line. Will show when [label position](~series-pie.labe
     smooth = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 {{ use: partial-item-style-desc() }}
@@ -155,6 +159,8 @@ The style of visual guide line. Will show when [label position](~series-pie.labe
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### label(Object)
 
 {{ use: partial-pie-label(
@@ -353,8 +359,6 @@ Label rotation.
 
 {{ target: partial-pie-label-line }}
 
-The style of visual guide line.
-
 #${prefix} show(boolean)
 
 Whether to show the visual guide ine.
diff --git a/en/option/series/radar.md b/en/option/series/radar.md
index 450dd4b..4e531e9 100644
--- a/en/option/series/radar.md
+++ b/en/option/series/radar.md
@@ -42,6 +42,12 @@ Index of [radar](~radar) component that radar chart uses.
     formatter = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 Item style of the inflection point of the lines.
@@ -70,6 +76,8 @@ Area filling style.
 
 ## emphasis(Object)
 
+高亮的样式设置
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
@@ -164,6 +172,8 @@ Area filling style of a single item.
 
 ### emphasis(Object)
 
+Configurations of emphasis state.
+
 #### label(Object)
 
 {{ use: partial-label(
@@ -204,9 +214,5 @@ Area filling style of a single item.
     prefix = "#"
 ) }}
 
-{{ use: partial-animation(
-    prefix = "#"
-) }}
-
 {{ use: partial-tooltip-in-series() }}
 
diff --git a/en/option/series/sankey.md b/en/option/series/sankey.md
index 32c13b1..8111fae 100644
--- a/en/option/series/sankey.md
+++ b/en/option/series/sankey.md
@@ -11,7 +11,7 @@ Sankey diagram is a specific type of streamgraph (can also be seen as a directed
 ~[700x580](${galleryViewPath}sankey-energy&edit=1&reset=1)
 
 
-<br> 
+<br>
 **Visual Encoding: **
 
 The Sankey diagram encodes each `node` of the raw data into a small rectangle. Different nodes are presented in different colors as far as possible. The `label` next to the small rectangul encodes the name of the node.
@@ -46,7 +46,7 @@ The gap between any two rectangles in each column of the Sankey diagram.
 
 ## nodeAlign(string) = 'justify'
 
-Controls the horizontal alignment of nodes in the diagram. 
+Controls the horizontal alignment of nodes in the diagram.
 
 May be:
 
@@ -54,7 +54,7 @@ May be:
 
 + `right`: terminal nodes (those with no outgoing links) are aligned to the right of the diagram.
 
-+ `justify`: initial and terminal nodes are aligned on the left and right edges. 
++ `justify`: initial and terminal nodes are aligned on the left and right edges.
 
 Note when [orient](~series-sankey.orient) is `vertical`, `nodeAlign` controls vertical alignment.
 
@@ -155,6 +155,12 @@ Specify the outEdge style of the specific layer. in which [lineStyle.color](~ser
     formatter1d = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 The style of node rectangle in Sankey diagram.
@@ -176,6 +182,8 @@ The edge style of Sankey diagram, in which [lineStyle.color](~series-sankey.line
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### label(Object)
 
 {{ use: partial-label(
diff --git a/en/option/series/scatter.md b/en/option/series/scatter.md
index 2f7bba4..f28ad46 100644
--- a/en/option/series/scatter.md
+++ b/en/option/series/scatter.md
@@ -56,6 +56,12 @@ Whether to enable the animation effect when mouse is on the symbol.
     formatter = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 {{ use: partial-item-style-desc() }}
@@ -69,6 +75,8 @@ Whether to enable the animation effect when mouse is on the symbol.
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### label(Object)
 
 {{ use: partial-label(
@@ -132,6 +140,8 @@ the style setting about single data point(bubble).
 
 ### emphasis(Object)
 
+Emphasis state of single data.
+
 #### label(Object)
 
 {{ use: partial-label(
diff --git a/en/option/series/sunburst.md b/en/option/series/sunburst.md
index e45c560..c665205 100644
--- a/en/option/series/sunburst.md
+++ b/en/option/series/sunburst.md
@@ -141,6 +141,12 @@ Sunburst charts support data mining by default. That means, when a user clicks a
     defaultRadius = "[0, '75%']"
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## data(Array)
 
 The data structure of [series-sunburst.data](~series-sunburst.data) is like tree. For example:
diff --git a/en/option/series/themeRiver.md b/en/option/series/themeRiver.md
index b1a3913..3e7c738 100644
--- a/en/option/series/themeRiver.md
+++ b/en/option/series/themeRiver.md
@@ -67,6 +67,12 @@ The index of single time axis, which defaults to be 0 because it contains only o
     defaultFontSize = 11
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## itemStyle(Object)
 
 style of each ribbon-shape river branch in theme river.
@@ -77,6 +83,8 @@ style of each ribbon-shape river branch in theme river.
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### label(Object)
 
 {{ use: partial-label(
diff --git a/en/option/series/tree.md b/en/option/series/tree.md
index 3f386cc..9616cd3 100644
--- a/en/option/series/tree.md
+++ b/en/option/series/tree.md
@@ -113,6 +113,12 @@ The style of each node in the tree, where [itemStyle.color] (~ series-tree.itemS
     formatter1d = true
 ) }}
 
+## labelLayout(Object|Function)
+
+{{ use: partial-label-layout(
+    prefix = "##"
+) }}
+
 ## lineStyle(Object)
 
 Defines the style of the tree edge.
@@ -123,6 +129,8 @@ Defines the style of the tree edge.
 
 ## emphasis(Object)
 
+Configurations of emphasis state.
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
@@ -167,6 +175,8 @@ The style of the leaf node in the tree.
 
 ### emphasis(Object)
 
+Emphasis state of leaves nodes.
+
 #### label(Object)
 
 {{ use: partial-label(
@@ -238,6 +248,8 @@ The label of the node.
 
 ### emphasis(Object)
 
+Emphasis state of a single node.
+
 #### label(Object)
 
 {{ use: partial-label(


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org