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/11/04 09:33:59 UTC

[incubator-echarts-doc] branch next updated: update en doc

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 7507f19  update en doc
7507f19 is described below

commit 7507f19736011d1ff8b887700cb63a0cd630016c
Author: pissang <bm...@gmail.com>
AuthorDate: Wed Nov 4 17:31:45 2020 +0800

    update en doc
---
 en/option/component/data-zoom-slider.md      | 131 ++++++++++++++++++++++++---
 en/option/component/timeline.md              |  69 +++++++-------
 en/option/component/visual-map-continuous.md |  69 ++++++++++++++
 en/option/component/visual-map.md            |  85 +++++++----------
 en/option/partial/label-line.md              |  59 ++++++++++++
 en/option/partial/mark-area.md               |   8 ++
 en/option/partial/mark-line.md               |   8 ++
 en/option/partial/mark-point.md              |   4 +
 en/option/partial/state-animation.md         |  15 +++
 en/option/partial/zr-graphic.md              |   8 ++
 en/option/series/bar.md                      |  26 ++++++
 en/option/series/boxplot.md                  |  16 ++++
 en/option/series/candlestick.md              |  16 ++++
 en/option/series/custom.md                   |  22 +++--
 en/option/series/effectScatter.md            |  44 +++++++++
 en/option/series/funnel.md                   |  16 ++++
 en/option/series/gauge.md                    |  16 ++++
 en/option/series/graph.md                    |  32 +++++++
 en/option/series/heatmap.md                  |   8 ++
 en/option/series/line.md                     |  78 ++++++++++++++++
 en/option/series/lines.md                    |  16 ++++
 en/option/series/map.md                      |  32 +++++++
 en/option/series/pictorialBar.md             |  48 ++++++++++
 en/option/series/pie.md                      |  67 ++++++--------
 en/option/series/radar.md                    |  20 +++-
 en/option/series/sankey.md                   |  36 +++++++-
 en/option/series/scatter.md                  |  51 ++++++++++-
 en/option/series/sunburst.md                 |  24 ++++-
 en/option/series/themeRiver.md               |  28 ++++++
 en/option/series/tree.md                     |  24 +++++
 en/option/series/treemap.md                  |  28 ++++++
 31 files changed, 946 insertions(+), 158 deletions(-)

diff --git a/en/option/component/data-zoom-slider.md b/en/option/component/data-zoom-slider.md
index 3c28cf0..e43fa4f 100644
--- a/en/option/component/data-zoom-slider.md
+++ b/en/option/component/data-zoom-slider.md
@@ -3,13 +3,12 @@
 
 # dataZoom.slider(Object)
 
-**dataZoomSlider**
 
-(Please refer to the [introduction of dataZoom](~dataZoom).)
+Slider type dataZoom component provides functions like data thumbnail, zoom, brush to select, drag to move, click to locate.
 
+The followling picture shows areas to interact.
 
-<br>
-<br>
+![600xauto](~dataZoom-zone.png)
 
 ## type(string) = 'slider'
 
@@ -35,23 +34,50 @@ The style of data shadow.
 
 ### lineStyle(Object)
 
-Line style of shadow
+Line style of data shadow
 
 {{ use: partial-line-style(
     prefix = "###",
     defaultWidth = 0.5,
-    defaultOpacity = 0.3,
-    defaultColor = '#2f4554'
+    defaultColor = '#d2dbee'
 ) }}
 
 ### areaStyle(Object)
 
-Area style of shadow
+Area style of data shadow
 
 {{ use: partial-area-style(
     prefix = "###",
-    defaultOpacity = 0.3,
-    defaultColor = 'rgba(47,69,84,0.3)'
+    defaultOpacity = 0.2,
+    defaultColor = 'd2dbee'
+) }}
+
+## selectedDataBackground(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Styles of selected data shadow.
+
+### lineStyle(Object)
+
+Line style of selected data shadow.
+
+{{ use: partial-line-style(
+    prefix = "###",
+    defaultWidth = 0.5,
+    defaultColor = '#8fb0f7'
+) }}
+
+### areaStyle(Object)
+
+Area style of selected data shadow.
+
+{{ use: partial-area-style(
+    prefix = "###",
+    defaultOpacity = 0.2,
+    defaultColor = '#8fb0f7'
 ) }}
 
 ## fillerColor(Color) = 'rgba(47,69,84,0.25)'
@@ -77,8 +103,6 @@ Icon shape of handle, which supports path string. Its default value is:
 
 {{ use: partial-icon-image-path() }}
 
-Refer to [area-simple example](${galleryEditorPath}area-simple) for customized icon.
-
 ## handleSize(number|string) = '100%'
 
 <ExampleUIControlPercent min="0" step="1" default="100%" />
@@ -91,7 +115,47 @@ Style of handle. Please refer to [area-simple example](${galleryEditorPath}area-
 
 {{ use: partial-item-style(
     prefix = "##",
-    defaultColor = "#a7b7cc"
+    defaultColor = "#fff",
+    defaultBorderColor = "#ACB8D1"
+) }}
+
+## moveHandleIcon(string)
+
+<ExampleUIControlIcon />
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Icon of move handle.
+
+```js
+'M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z'
+```
+
+{{ use: partial-icon-image-path() }}
+
+## moveHandleSize(number) = 7
+
+<ExampleUIControlNumber min="0" step="1" default="7" />
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Size of move handle.
+
+## moveHandleStyle(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+
+
+{{ use: partial-item-style(
+    prefix = "##",
+    defaultColor = "#D2DBEE"
 ) }}
 
 ## labelPrecision(number|string) = 'auto'
@@ -154,3 +218,44 @@ Whether to update view while dragging. If it is set as `false`, the view will be
     componentName = 'dataZoom-slider'
 ) }}
 
+## brushSelect(boolean) = true
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Whether to enable brush to select.
+
+## brushStyle(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Style of brushing area.
+
+{{ use: partial-item-style(
+    prefix = "##",
+    defaultColor = "rgba(135,175,274,0.15)"
+) }}
+
+## emphasis(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Style when highlighted.
+
+### handleStyle(Object)
+
+{{ use: partial-item-style(
+    prefix = "###"
+) }}
+
+### moveHandleStyle(Object)
+
+{{ use: partial-item-style(
+    prefix = "###"
+) }}
+
diff --git a/en/option/component/timeline.md b/en/option/component/timeline.md
index 90e3363..6608542 100644
--- a/en/option/component/timeline.md
+++ b/en/option/component/timeline.md
@@ -208,7 +208,7 @@ Whether to show the axis. It can be set to be `false` to hide the axis line to m
     prefix = "##",
     name = "timeline ",
     defaultWidth = 2,
-    defaultColor = "'#304654'"
+    defaultColor = "'#DAE1F5'"
 ) }}
 
 ## label(Object)
@@ -247,7 +247,7 @@ Configurations:
 
 {{ use: partial-timeline-label(
     prefix = "##",
-    textStyleDefaultColor = "'#304654'"
+    textStyleDefaultColor = "'#A4B1D7'"
 ) }}
 
 ## itemStyle(Object)
@@ -259,7 +259,7 @@ Configurations:
 {{ use: partial-item-style(
     prefix = "##",
     name = "timeline ",
-    defaultColor = "'#304654'",
+    defaultColor = "'#A4B1D7'",
     defaultBorderWidth = 1
 ) }}
 
@@ -274,23 +274,16 @@ Style of the selected item (`checkpoint`).
     name = 'timeline.checkpointStyle '
 ) }}
 
-### color(Color) = '#c23531'
-
-<ExampleUIControlColor default="#c23531" />
-
-Color of `checkpoint` in `timeline` component.
-
-### borderWidth(number) = 5
-
-<ExampleUIControlNumber min="0" step="0.5" default="5" />
-
-The border-width of `checkpoint` in `timeline` component.
-
-### borderColor(Color) = 'rgba(194,53,49, 0.5)'
-
-<ExampleUIControlColor default="rgba(194,53,49, 0.5)" />
-
-The border-color of `checkpoint` in `timeline` component.
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultColor = "'#316bf3'",
+    defaultBorderColor = "'#fff'",
+    defaultBorderWidth = 2,
+    defaultShadowBlur = 2,
+    defaultShadowOffsetX = 1,
+    defaultShadowOffsetY = 1,
+    defaultShadowColor = "'rgba(0, 0, 0, 0.3)'"
+) }}
 
 ### animation(boolean) = true
 
@@ -392,23 +385,37 @@ Icon of *next button*.
 
 {{ use: partial-icon-image-path() }}
 
-### color(Color) = '#304654'
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultColor = "'#A4B1D7'",
+    defaultBorderColor = "'#A4B1D7'",
+    defaultBorderWidth = 1
+) }}
 
-<ExampleUIControlColor default="#304654" />
+## progress(Object)
 
-Button color.
+Styles of line, labels and symbols in progress.
 
-### borderColor(Color) = '#304654'
+### lineStyle(Object)
 
-<ExampleUIControlColor default="#304654" />
+{{ use: partial-line-style(
+    prefix = "###",
+    defaultColor = "'#316BF3'"
+) }}
 
-Color of button border.
+### itemStyle(Object)
 
-### borderWidth(number) = 1
+{{ use: partial-item-style(
+    prefix = "###",
+    defaultColor = "'#316BF3'"
+) }}
 
-<ExampleUIControlNumber min="0" step="0.5" default="1" />
+### label(Object)
 
-Border width of button.
+{{ use: partial-timeline-label(
+    prefix = "###",
+    textStyleDefaultColor = "'#6f778d'"
+) }}
 
 ## emphasis(Object)
 
@@ -417,7 +424,7 @@ Border width of button.
 {{ use: partial-timeline-label(
     prefix = "###",
     state = "emphasis",
-    textStyleDefaultColor = "'#c23531'"
+    textStyleDefaultColor = "'#6f778d'"
 ) }}
 
 ### itemStyle(Object)
@@ -425,7 +432,7 @@ Border width of button.
 {{ use: partial-item-style(
     prefix = "###",
     name = "timeline ",
-    defaultColor = "'#c23531'",
+    defaultColor = "'#316BF3'",
     defaultBorderWidth = 1
 ) }}
 
diff --git a/en/option/component/visual-map-continuous.md b/en/option/component/visual-map-continuous.md
index 8a44e6a..80c8424 100644
--- a/en/option/component/visual-map-continuous.md
+++ b/en/option/component/visual-map-continuous.md
@@ -171,3 +171,72 @@ formatter: function (value) {
 }
 ```
 
+## handleIcon(string)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+<ExampleUIControlIcon />
+
+Icon of drag handle.
+```js
+'M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z'
+```
+
+{{ use: partial-icon-image-path() }}
+
+## handleSize(number|string) = '120%'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Size of drag handle. It can be a percent string.
+
+## handleStyle(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Style of drag handle.
+
+{{ use: partial-item-style(
+    prefix = "##",
+    defaultBorderColor = "#fff",
+    defaultBorderWidth = 1
+) }}
+
+## indicatorIcon(string) = 'circle'
+
+Icon of indicator.
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+<ExampleUIControlIcon />
+
+## indicatorSize(number|string) = '50%'
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Size of indicator. It can be a percent string.
+
+## indicatorStyle(Object)
+
+Style of indicator.
+
+{{ use: partial-item-style(
+    prefix = "##",
+    defaultBorderColor = "#fff",
+    defaultBorderWidth = 2,
+    defaultShadowBlur = 2,
+    defaultShadowOffsetX = 1,
+    defaultShadowOffsetY = 1,
+    defaultShadowColor = 'rgba(0,0,0,0.2)'
+) }}
+
diff --git a/en/option/component/visual-map.md b/en/option/component/visual-map.md
index 7363f14..468d5fd 100644
--- a/en/option/component/visual-map.md
+++ b/en/option/component/visual-map.md
@@ -280,54 +280,6 @@ chart.setOption(option); // set the modified option back.
 
 
 
-{{ target: partial-visual-map-inRange-outOfRange }}
-
-##${prefix} inRange(Object)
-
-Define visual channels that will mapped from dataValues that are **in selected range**. (User can interact with visualMap component and make a seleced range by mouse or touch.)
-
-Possiable visual channels includes:
-
-{{ use: partial-visual-map-visual-type() }}
-
----
-
-{{ use: partial-visual-map-range(
-    rangeType = 'inRange',
-    visualMapName = ${visualMapName}
-) }}
-
----
-
-{{ use: partial-visual-map-merge(
-    componentMainType = 'visualMap'
-) }}
-
-**Notice:** There is default color `['#f6efa6', '#d88273', '#bf444c']` in `inRange` if you not set `inRange`. If you dont want it, set `inRange: {color: null}` to disable it.
-
-##${prefix} outOfRange(Object)
-
-Define visual channels that will mapped from dataValues that are **out of selected range**. (User can interact with visualMap component and make a seleced range by mouse or touch.)
-
-Possiable visual channels includes:
-
-{{ use: partial-visual-map-visual-type() }}
-
----
-
-{{ use: partial-visual-map-range(
-    rangeType = 'outOfRange',
-    visualMapName = ${visualMapName}
-) }}
-
----
-
-{{ use: partial-visual-map-merge(
-    componentMainType = 'visualMap'
-) }}
-
-
-
 {{ target: partial-visual-map-common }}
 
 ## show(boolean) = true
@@ -366,19 +318,44 @@ All series are used by default.
 
 Inversely, when mouse hovers a graphical element of chart, its value label will be displayed on its corresponding position in `visualMap`.
 
-{{ use: partial-visual-map-inRange-outOfRange(
-    prefix = "",
+## inRange(Object)
+
+Define visual channels that will mapped from dataValues that are **in selected range**. User can interact with visualMap component and make a seleced range by mouse or touch.
+
+{{ use: partial-visual-map-visual-type() }}
+
+{{ use: partial-visual-map-range(
+    rangeType = 'inRange',
     visualMapName = ${visualMapName}
 ) }}
 
+{{ use: partial-visual-map-merge(
+    componentMainType = 'visualMap'
+) }}
+
+**Notice:** There is default color `['#f6efa6', '#d88273', '#bf444c']` in `inRange` if you not set `inRange`. If you dont want it, set `inRange: {color: null}` to disable it.
+
+## outOfRange(Object)
+
+Define visual channels that will mapped from dataValues that are **out of selected range**. User can interact with visualMap component and make a seleced range by mouse or touch.
+
+See available configurations in [${visualMapName}.inRange](~${visualMapName}.inRange)
+
 ## controller(Object)
 
 Property `inRange` and `outOfRange` can be set within property `controller`, which means those `inRange` and `outOfRange` are only used on the controller (`visualMap` component itself), but are not used on chart (series). This property is useful in some scenarios when the view of controller needs to be customized in detail.
 
-{{ use: partial-visual-map-inRange-outOfRange(
-    prefix = "#",
-    visualMapName = ${visualMapName}
-) }}
+### inRange(Object)
+
+Define visual channels that will mapped from dataValues that are **in selected range**. User can interact with visualMap component and make a seleced range by mouse or touch.
+
+See available configurations in [${visualMapName}.inRange](~${visualMapName}.inRange)
+
+### outOfRange(Object)
+
+Define visual channels that will mapped from dataValues that are **out of selected range**. User can interact with visualMap component and make a seleced range by mouse or touch.
+
+See available configurations in [${visualMapName}.inRange](~${visualMapName}.inRange)
 
 {{ use: partial-rect-layout(
     componentName = "visualMap ",
diff --git a/en/option/partial/label-line.md b/en/option/partial/label-line.md
new file mode 100644
index 0000000..e82a612
--- /dev/null
+++ b/en/option/partial/label-line.md
@@ -0,0 +1,59 @@
+
+{{ target: partial-label-line-desc }}
+
+Configuration of label guide line.
+
+
+{{ target: partial-label-line }}
+
+#${prefix} show(boolean)
+
+<ExampleUIControlBoolean />
+
+Whether to show the label guide line.
+
+{{ if: ${showAbove} }}
+#${prefix} showAbove(boolean)
+
+Whether to show the label guide line above the corresponding element.
+{{ /if }}
+
+{{ if: ${length} }}
+#${prefix} length(number)
+
+<ExampleUIControlNumber default="15" min="0" step="1" />
+
+The length of the first segment of guide line.
+{{ /if }}
+
+{{ if: ${length2} }}
+#${prefix} length2(number)
+
+<ExampleUIControlNumber default="15" min="0" step="1" />
+
+The length of the second segment of guide line.
+{{ /if }}
+
+{{ if: ${smooth} }}
+#${prefix} smooth(boolean|number) = false
+
+<ExampleUIControlBoolean />
+
+Whether to smooth the guide line. It defaults to be `false` and can be set as `true` or the values from 0 to 1 which indicating the smoothness.
+{{ /if }}
+
+{{ if: ${minTurnAngle} }}
+#${prefix} minTurnAngle(number) = ${defaultMinTurnAngle|default(null)}
+
+Minimum turn angle between two segments of guide line to prevent unaesthetic display when angle is too small.
+
+Can be 0 - 180 degree.
+
+{{ /if }}
+
+#${prefix} lineStyle(Object)
+
+{{ use: partial-line-style(
+    prefix = "#" + ${prefix}
+) }}
+
diff --git a/en/option/partial/mark-area.md b/en/option/partial/mark-area.md
index 49fa2d1..137149e 100644
--- a/en/option/partial/mark-area.md
+++ b/en/option/partial/mark-area.md
@@ -43,6 +43,10 @@ Emphasis status of mark area.
 
 ##${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Whether to blur follows the series.
 
 ###${prefix} label(Object)
@@ -251,6 +255,10 @@ Label style of start point and end point will be merged together.
 
 #${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 ##${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/partial/mark-line.md b/en/option/partial/mark-line.md
index b3cc398..c30dc93 100644
--- a/en/option/partial/mark-line.md
+++ b/en/option/partial/mark-line.md
@@ -60,6 +60,10 @@ Emphasis status of mark line.
 
 ##${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Whether to blur follows the series.
 
 ###${prefix} label(Object)
@@ -301,6 +305,10 @@ Label of this data item, which will be merged with `label` of starting point and
 
 #${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 ##${prefix} lineStyle(Object)
 
 {{ use: partial-line-style(
diff --git a/en/option/partial/mark-point.md b/en/option/partial/mark-point.md
index 84c45f5..950f7d1 100644
--- a/en/option/partial/mark-point.md
+++ b/en/option/partial/mark-point.md
@@ -56,6 +56,10 @@ Emphasis status of mark point.
 
 ##${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Whether to blur follows the series.
 
 ###${prefix} label(Object)
diff --git a/en/option/partial/state-animation.md b/en/option/partial/state-animation.md
new file mode 100644
index 0000000..ce5c150
--- /dev/null
+++ b/en/option/partial/state-animation.md
@@ -0,0 +1,15 @@
+
+{{ target: partial-state-animation }}
+
+#${prefix} duration(number) = ${defaultDuration|default(300)}
+
+<ExampleUIControlNumber min="0" default="${defaultAnimationDuration|default(300)}" step="20" />
+
+Duration of animation. Animation will be disabled when set to 0.
+
+#${prefix} easing(string) = ${defaultEasing|default('cubicOut')}
+
+<ExampleUIControlEnum options="linear,quadraticIn,quadraticOut,quadraticInOut,cubicIn,cubicOut,cubicInOut,quarticIn,quarticOut,quarticInOut,quinticIn,quinticOut,quinticInOut,sinusoidalIn,sinusoidalOut,sinusoidalInOut,exponentialIn,exponentialOut,exponentialInOut,circularIn,circularOut,circularInOut,elasticIn,elasticOut,elasticInOut,backIn,backOut,backInOut,bounceIn,bounceOut,bounceInOut" />
+
+Easing of animation.
+
diff --git a/en/option/partial/zr-graphic.md b/en/option/partial/zr-graphic.md
index 4c102ae..7921988 100644
--- a/en/option/partial/zr-graphic.md
+++ b/en/option/partial/zr-graphic.md
@@ -1386,6 +1386,10 @@ Same to [style](~${optionPath}.${hostName}${symbolVisit}polygon.style).
 
 ##${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state, available when `focus` is set.
 
 ###${prefix} style(Object)
@@ -1394,6 +1398,10 @@ Same to [style](~${optionPath}.${hostName}${symbolVisit}polygon.style).
 
 ##${prefix} select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state, available when [selectedMode](~series-custom.selectedMode) is set.
 
 ###${prefix} style(Object)
diff --git a/en/option/series/bar.md b/en/option/series/bar.md
index 6323401..b4b7fe8 100644
--- a/en/option/series/bar.md
+++ b/en/option/series/bar.md
@@ -191,6 +191,10 @@ Emphasis state of single data.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of single data.
 
 {{ use: partial-bar-state(
@@ -201,6 +205,10 @@ Blur state of single data.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of single data.
 
 {{ use: partial-bar-state(
@@ -246,6 +254,24 @@ Label style configurations of single data.
     formatter = ${topLevel}
 ) }}
 
+{{ if: ${topLevel && isNormal} }}
+##${prefix} valueAnimation(boolean)
+
+Whether to enable text animation of value change.
+{{ /if }}
+
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '#' + ${prefix},
+    length2 = ${isNormal},
+    minTurnAngle = ${isNormal},
+    showAbove = ${isNormal},
+    smooth = ${isNormal}
+) }}
+
 #${prefix} itemStyle(Object)
 
 {{ if: ${topLevel} }}
diff --git a/en/option/series/boxplot.md b/en/option/series/boxplot.md
index 8852770..abd2515 100644
--- a/en/option/series/boxplot.md
+++ b/en/option/series/boxplot.md
@@ -91,6 +91,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-boxplot.emphasis.focus) is set.
 
 ### itemStyle(Object)
@@ -102,6 +106,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-boxplot.em
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-boxplot.selectedMode) is set.
 
 ### itemStyle(Object)
@@ -187,6 +195,10 @@ Emphasis state of a single data.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of single data.
 
 #### itemStyle(Object)
@@ -198,6 +210,10 @@ Blur state of single data.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of single data.
 
 #### itemStyle(Object)
diff --git a/en/option/series/candlestick.md b/en/option/series/candlestick.md
index 6daa397..d32acc2 100644
--- a/en/option/series/candlestick.md
+++ b/en/option/series/candlestick.md
@@ -105,6 +105,10 @@ Emphasis style of candlestick.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-candlestick.emphasis.focus) is set.
 
 ### itemStyle(Object)
@@ -116,6 +120,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-candlestic
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-candlestick.selectedMode) is set.
 
 ### itemStyle(Object)
@@ -205,6 +213,10 @@ Emphasis style of a candle box.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of single data.
 
 #### itemStyle(Object)
@@ -215,6 +227,10 @@ Blur state of single data.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of single data.
 
 #### itemStyle(Object)
diff --git a/en/option/series/custom.md b/en/option/series/custom.md
index 58e7304..bce4936 100644
--- a/en/option/series/custom.md
+++ b/en/option/series/custom.md
@@ -389,20 +389,22 @@ For example:
     hasCallback = false
 ) }}
 
-## labelLayout(Object|Function)
+## labelLine(Object)
 
-{{ use: partial-label-layout(
-    prefix = "##"
-) }}
+{{ use: partial-label-line-desc() }}
 
-## emphasis(Object)
-
-Emphasis state.
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
 
-### itemStyle(Object)
+## labelLayout(Object|Function)
 
-{{ use: partial-item-style(
-    prefix = "###"
+{{ use: partial-label-layout(
+    prefix = "##"
 ) }}
 
 {{ use: partial-selected-mode(
diff --git a/en/option/series/effectScatter.md b/en/option/series/effectScatter.md
index 5d0f819..e82e285 100644
--- a/en/option/series/effectScatter.md
+++ b/en/option/series/effectScatter.md
@@ -94,6 +94,18 @@ The brush type for ripples. options: `'stroke'` and `'fill'`.
     formatter = true
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -128,6 +140,10 @@ Whether to scale to highlight the data in emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-effectScatter.emphasis.focus) is set.
 
 {{ use: effectScatter-state(
@@ -136,6 +152,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-effectScat
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-effectScatter.selectedMode) is set.
 
 {{ use: effectScatter-state(
@@ -177,6 +197,18 @@ Configurations of select state. Available when [selectedMode](~series-effectScat
     defaultPosition = "inside"
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
@@ -193,6 +225,10 @@ Emphasis state of the specified single data.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of the specified single data.
 
 {{ use: effectScatter-state(
@@ -241,6 +277,14 @@ Select state of the specified single data.
     formatter = ${prefix} === '##'
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '#' + ${prefix}
+) }}
+
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/funnel.md b/en/option/series/funnel.md
index b03bcfa..ade0899 100644
--- a/en/option/series/funnel.md
+++ b/en/option/series/funnel.md
@@ -123,6 +123,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-funnel.emphasis.focus) is set.
 
 {{ use: partial-funnel-state(
@@ -131,6 +135,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-funnel.emp
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-funnel.selectedMode) is set.
 
 {{ use: partial-funnel-state(
@@ -218,12 +226,20 @@ The label configuration of a single data item.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: partial-funnel-state(
     prefix = "###"
 ) }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: partial-funnel-state(
     prefix = "###"
 ) }}
diff --git a/en/option/series/gauge.md b/en/option/series/gauge.md
index 65879a4..5378b3c 100644
--- a/en/option/series/gauge.md
+++ b/en/option/series/gauge.md
@@ -464,6 +464,14 @@ The offset position relative to the center of gauge chart. The first item of arr
     noVerticalAlign = true
 ) }}
 
+##${prefix} valueAnimation(boolean) = true
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Whether to enable text animation of value change.
+
 #${prefix|default('#')} detail(Object)
 
 The detail about gauge chart which is used to show data.
@@ -484,6 +492,14 @@ Whether to show the details.
     noVerticalAlign = true
 ) }}
 
+##${prefix} valueAnimation(boolean) = true
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Whether to enable text animation of value change.
+
 ##${prefix} width(number) = 100
 
 <ExampleUIControlPercent default="100" min="0" step="1" />
diff --git a/en/option/series/graph.md b/en/option/series/graph.md
index 58cfaef..0740dfd 100644
--- a/en/option/series/graph.md
+++ b/en/option/series/graph.md
@@ -228,12 +228,20 @@ Whether to scale to highlight the node in emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-graph.emphasis.focus) is set.
 
 {{ use: graph-state() }}
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-graph.selectedMode) is set.
 
 {{ use: graph-state() }}
@@ -283,12 +291,20 @@ Emphasis state of nodes in this category.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of nodes in this category.
 
 {{ use: graph-node-state() }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of nodes in this category.
 
 {{ use: graph-node-state() }}
@@ -379,12 +395,20 @@ Emphasis state of specified node.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of specified node.
 
 {{ use: graph-node-state() }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of specified node.
 
 {{ use: graph-node-state() }}
@@ -448,12 +472,20 @@ Emphasis state of specified edge.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of specified edge.
 
 {{ use: graph-edge-state() }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of specified edge.
 
 {{ use: graph-edge-state() }}
diff --git a/en/option/series/heatmap.md b/en/option/series/heatmap.md
index 1c213b7..d0326aa 100644
--- a/en/option/series/heatmap.md
+++ b/en/option/series/heatmap.md
@@ -86,6 +86,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-heatmap.emphasis.focus) is set.
 
 {{ use: heatmap-state(
@@ -94,6 +98,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-heatmap.em
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-heatmap.selectedMode) is set.
 
 {{ use: heatmap-state(
diff --git a/en/option/series/line.md b/en/option/series/line.md
index 1d17ecc..023803d 100644
--- a/en/option/series/line.md
+++ b/en/option/series/line.md
@@ -94,6 +94,31 @@ See the example using different `step` options:
     formatter = true
 ) }}
 
+## endLabel(Object)
+
+Label on the end of line.
+
+{{ use: partial-label(
+    prefix = "##",
+    formatter = true
+) }}
+
+### valueAnimation(boolean)
+
+Whether to enable text animation of value change.
+
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -140,18 +165,51 @@ Whether to scale to highlight the data in emphasis state.
 
 {{ use: line-state() }}
 
+### endLabel(Object)
+
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+{{ use: partial-label(
+    prefix = "###",
+    formatter = true
+) }}
+
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-line.emphasis.focus) is set.
 
 {{ use: line-state() }}
 
+### endLabel(Object)
+
+{{ use: partial-label(
+    prefix = "###",
+    formatter = true
+) }}
+
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-line.selectedMode) is set.
 
 {{ use: line-state() }}
 
+### endLabel(Object)
+
+{{ use: partial-label(
+    prefix = "###",
+    formatter = true
+) }}
+
 {{ use: partial-selected-mode(
     version = '5.0.0'
 ) }}
@@ -231,6 +289,18 @@ The style of the text of single data point.
     defaultPosition = "top"
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ### itemStyle(Object)
 
 The style of the symbol of single data point.
@@ -293,6 +363,14 @@ Select state of specified single data.
     formatter = true
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###'
+) }}
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/lines.md b/en/option/series/lines.md
index 130233c..2751963 100644
--- a/en/option/series/lines.md
+++ b/en/option/series/lines.md
@@ -143,6 +143,10 @@ Emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-lines.emphasis.focus) is set.
 
 {{ use: lines-state(
@@ -151,6 +155,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-lines.emph
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-lines.selectedMode) is set.
 
 {{ use: lines-state(
@@ -202,12 +210,20 @@ Label of a single line. Available when [polyline](~series-lines.polyline) is not
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: lines-state(
     prefix = "###"
 ) }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: lines-state(
     prefix = "###"
 ) }}
diff --git a/en/option/series/map.md b/en/option/series/map.md
index d898f58..0bde9f4 100644
--- a/en/option/series/map.md
+++ b/en/option/series/map.md
@@ -60,6 +60,18 @@ Show the symbol in related area (dot of series symbol). Available when [legend](
     prefix = "##"
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## data(Array)
 
 {{ use: partial-1d-data-desc(
@@ -104,6 +116,18 @@ Color of the area.
     noVerticalAlign = true
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ### emphasis(Object)
 
 Emphasis state of specified region.
@@ -155,3 +179,11 @@ The color of the map area.
     noVerticalAlign = true
 ) }}
 
+#### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '####'
+) }}
+
diff --git a/en/option/series/pictorialBar.md b/en/option/series/pictorialBar.md
index 7dfc3c4..f95356c 100644
--- a/en/option/series/pictorialBar.md
+++ b/en/option/series/pictorialBar.md
@@ -80,6 +80,18 @@ See the example below:
     formatter = true
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -108,6 +120,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-pictoialBar.emphasis.focus) is set.
 
 {{ use: pictoialBar-state(
@@ -116,6 +132,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-pictoialBa
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-pictoialBar.selectedMode) is set.
 
 {{ use: partial-selected-mode(
@@ -169,6 +189,18 @@ The style setting of the text label in a single bar.
     defaultPosition = "inside"
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
@@ -185,6 +217,10 @@ Emphasis state of the specified single data.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of the specified single data.
 
 {{ use: partial-bar-state(
@@ -193,6 +229,10 @@ Blur state of the specified single data.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of the specified single data.
 
 {{ use: partial-bar-state(
@@ -576,6 +616,14 @@ series: [{
     formatter = ${prefix} === '##'
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = "#" + ${prefix}
+) }}
+
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/pie.md b/en/option/series/pie.md
index 60dc7a6..8024cfa 100644
--- a/en/option/series/pie.md
+++ b/en/option/series/pie.md
@@ -148,13 +148,22 @@ Distance between label line and text.
 
 The style of visual guide line. Will show when [label position](~series-pie.label.position) is set as `'outside'`.
 
-{{ use: partial-pie-label-line(
+{{ use: partial-label-line(
     prefix = '##',
     length = true,
     length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    defaultMinTurnAngle = 90,
     smooth = true
 ) }}
 
+### maxSurfaceAngle(number)
+
+Max angle between guide line and surface normal. To prevent guide line overlapping with sector.
+
+Can be 0 - 180 degree.
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -195,6 +204,10 @@ Size of scale. Available when [emphasis.scale](~series-pie.emphasis.scale) is se
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-pie.emphasis.focus) is set.
 
 {{ use: pie-state(
@@ -203,6 +216,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-pie.emphas
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-pie.selectedMode) is set.
 
 {{ use: pie-state(
@@ -279,12 +296,20 @@ The label configuration of a single sector.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: pie-state(
     prefix = "###"
 ) }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: pie-state(
     prefix = "###"
 ) }}
@@ -378,46 +403,6 @@ Label rotation.
 
 
 
-{{ target: partial-pie-label-line }}
-
-#${prefix} show(boolean)
-
-<ExampleUIControlBoolean />
-
-Whether to show the visual guide ine.
-
-{{ if: ${length} }}
-#${prefix} length(number)
-
-<ExampleUIControlNumber default="15" min="0" step="1" />
-
-The length of the first segment of visual guide line.
-{{ /if }}
-
-{{ if: ${length2} }}
-#${prefix} length2(number)
-
-<ExampleUIControlNumber default="15" min="0" step="1" />
-
-The length of the second segment of visual guide line.
-{{ /if }}
-
-{{ if: ${smooth} }}
-#${prefix} smooth(boolean|number) = false
-
-<ExampleUIControlBoolean />
-
-Whether to smooth the visual guide line. It defaults to be `false` and can be set as `true` or the values from 0 to 1 which indicating the smoothness.
-{{ /if }}
-
-#${prefix} lineStyle(Object)
-
-{{ use: partial-line-style(
-    prefix = "#" + ${prefix}
-) }}
-
-
-
 {{ target: pie-state }}
 
 #${prefix} label(Object)
diff --git a/en/option/series/radar.md b/en/option/series/radar.md
index cb9ebc9..2d987a9 100644
--- a/en/option/series/radar.md
+++ b/en/option/series/radar.md
@@ -85,6 +85,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-radar.emphasis.focus) is set.
 
 {{ use: radar-state(
@@ -93,6 +97,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-radar.emph
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-radar.selectedMode) is set.
 
 {{ use: radar-state(
@@ -180,7 +188,11 @@ Configurations of emphasis state.
 
 ### blur(Object)
 
-单个数据项样式的淡出状态。
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Configurations of blur state.
 
 {{ use: radar-state(
     prefix = "###"
@@ -188,7 +200,11 @@ Configurations of emphasis state.
 
 ### select(Object)
 
-单个数据项样式的选中状态。
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Configurations of selected state.
 
 {{ use: radar-state(
     prefix = "###"
diff --git a/en/option/series/sankey.md b/en/option/series/sankey.md
index 34d60b4..ce82257 100644
--- a/en/option/series/sankey.md
+++ b/en/option/series/sankey.md
@@ -141,12 +141,20 @@ Specify which layer is set, value starts from 0.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: sankey-state(
     prefix = "###"
 ) }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: sankey-state(
     prefix = "###"
 ) }}
@@ -201,7 +209,11 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
-桑基图的淡出状态。开启 [emphasis.focus](~series-sankey.emphasis.focus) 后有效。
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Configurations of blur state. Available when [emphasis.focus](~series-sankey.emphasis.focus) is set.
 
 {{ use: sankey-state(
     prefix = "##"
@@ -209,7 +221,11 @@ Configurations of emphasis state.
 
 ## select(Object)
 
-桑基图的选中状态。开启 [selectedMode](~series-sankey.selectedMode) 后有效。
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
+Configurations of selected state. Available when [selectedMode](~series-sankey.selectedMode) is set.
 
 {{ use: sankey-state(
     prefix = "##"
@@ -273,12 +289,20 @@ The lable style of this node.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: sankey-node-state(
     prefix = "###"
 ) }}
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 {{ use: sankey-node-state(
     prefix = "###"
 ) }}
@@ -333,6 +357,10 @@ The line stlye of edge.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 #### lineStyle(Object)
 
 {{ use: partial-sankey-line-style(
@@ -341,6 +369,10 @@ The line stlye of edge.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 #### lineStyle(Object)
 
 {{ use: partial-sankey-line-style(
diff --git a/en/option/series/scatter.md b/en/option/series/scatter.md
index d06df33..4ed7db9 100644
--- a/en/option/series/scatter.md
+++ b/en/option/series/scatter.md
@@ -51,6 +51,18 @@ It could be used with [rectangular coordinate](~grid) and [polar coordinate](~po
     formatter = true
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -81,11 +93,16 @@ Whether to scale to highlight the data in emphasis state.
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: scatter-state(
-    prefix = "##"
+    prefix = "##",
+    isNormal = true
 ) }}
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-scatter.emphasis.focus) is set.
 
 {{ use: scatter-state(
@@ -94,6 +111,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-scatter.em
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-scatter.selectedMode) is set.
 
 {{ use: scatter-state(
@@ -144,6 +165,18 @@ the value of data item.
     defaultPosition = "inside"
 ) }}
 
+### labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '###',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ### itemStyle(Object)
 
 the style setting about single data point(bubble).
@@ -162,6 +195,10 @@ Emphasis state of single data.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of single data.
 
 {{ use: scatter-state(
@@ -170,6 +207,10 @@ Blur state of single data.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of single data.
 
 {{ use: scatter-state(
@@ -215,6 +256,14 @@ Select state of single data.
     formatter = ${prefix} === '##'
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '#' + ${prefix}
+) }}
+
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/sunburst.md b/en/option/series/sunburst.md
index 141311e..14e505d 100644
--- a/en/option/series/sunburst.md
+++ b/en/option/series/sunburst.md
@@ -64,6 +64,18 @@ If angle of data piece is smaller than this value (in degrees), then text is not
     prefix = ${prefix} + '#'
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '#' + ${prefix},
+    length2 = ${isNormal},
+    minTurnAngle = ${isNormal},
+    showAbove = ${isNormal},
+    smooth = ${isNormal}
+) }}
+
 
 
 {{ target: partial-sunburst-itemStyle-props }}
@@ -89,11 +101,13 @@ If angle of data piece is smaller than this value (in degrees), then text is not
 {{ target: partial-sunburst-state }}
 
 {{ use: partial-sunburst-label-props(
-    prefix = ${prefix}
+    prefix = ${prefix},
+    isNormal = ${isNormal}
 ) }}
 
 {{ use: partial-sunburst-itemStyle-props(
-    prefix = ${prefix}
+    prefix = ${prefix},
+    isNormal = ${isNormal}
 ) }}
 
 
@@ -187,7 +201,8 @@ See [series-sunburst.data.target](~series-sunburst.data.target).
 Like `target` attribute of HTML `<a>`, which can either be `'blank'` or `'self'`. See [series-sunburst.data.link](~series-sunburst.data.link).
 
 {{ use: partial-sunburst-label-props(
-    prefix = "##"
+    prefix = "##",
+    isNormal = true
 ) }}
 
 ## labelLayout(Object|Function)
@@ -257,7 +272,8 @@ function(nodeA, nodeB) {
 If there is no `name`, whether need to render it.
 
 {{ use: partial-sunburst-label-props(
-    prefix = "#"
+    prefix = "#",
+    isNormal = true
 ) }}
 
 {{ use: partial-sunburst-itemStyle-props(
diff --git a/en/option/series/themeRiver.md b/en/option/series/themeRiver.md
index 4a74909..d8a2dd2 100644
--- a/en/option/series/themeRiver.md
+++ b/en/option/series/themeRiver.md
@@ -67,6 +67,18 @@ The index of single time axis, which defaults to be 0 because it contains only o
     defaultFontSize = 11
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -93,6 +105,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state.
 
 {{ use: themeRiver-state(
@@ -101,6 +117,10 @@ Configurations of blur state.
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state.
 
 {{ use: themeRiver-state(
@@ -163,6 +183,14 @@ the name of an event or theme.
     defaultFontSize = 11
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '#' + ${prefix}
+) }}
+
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
diff --git a/en/option/series/tree.md b/en/option/series/tree.md
index 4b1b988..4c8c8de 100644
--- a/en/option/series/tree.md
+++ b/en/option/series/tree.md
@@ -152,6 +152,10 @@ Configurations of emphasis state.
 
 ## blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of blur state. Available when [emphasis.focus](~series-tree.emphasis.focus) is set.
 
 {{ use: tree-state(
@@ -160,6 +164,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-tree.empha
 
 ## select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Configurations of select state. Available when [selectedMode](~series-tree.selectedMode) is set.
 
 {{ use: tree-state(
@@ -203,6 +211,10 @@ Emphasis state of leaves nodes.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of leaves nodes.
 
 {{ use: tree-node-state(
@@ -211,6 +223,10 @@ Blur state of leaves nodes.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of leaves nodes.
 
 {{ use: tree-node-state(
@@ -291,6 +307,10 @@ Emphasis state of a single node.
 
 ### blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state of a single node.
 
 {{ use: tree-node-state(
@@ -299,6 +319,10 @@ Blur state of a single node.
 
 ### select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state of a single node.
 
 {{ use: tree-node-state(
diff --git a/en/option/series/treemap.md b/en/option/series/treemap.md
index 2935bec..064ab70 100644
--- a/en/option/series/treemap.md
+++ b/en/option/series/treemap.md
@@ -191,6 +191,18 @@ When is no content in breadcrumb, this minimal width need to be set up.
     defaultColor = "#fff"
 ) }}
 
+## labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = '##',
+    length2 = true,
+    minTurnAngle = true,
+    showAbove = true,
+    smooth = true
+) }}
+
 ## labelLayout(Object|Function)
 
 {{ use: partial-label-layout(
@@ -604,6 +616,10 @@ Emphasis state.
 
 #${prefix} blur(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Blur state.
 
 {{ use: treemap-state(
@@ -612,6 +628,10 @@ Blur state.
 
 #${prefix} select(Object)
 
+{{ use: partial-version(
+    version = "5.0.0"
+) }}
+
 Select state.
 
 {{ use: treemap-state(
@@ -726,6 +746,14 @@ See the [example](${galleryEditorPath}doc-example/treemap-borderColor&edit=1&res
     formatter = true
 ) }}
 
+#${prefix} labelLine(Object)
+
+{{ use: partial-label-line-desc() }}
+
+{{ use: partial-label-line(
+    prefix = ${prefix} + "#"
+) }}
+
 #${prefix} upperLabel(Object)
 
 {{ use: partial-label(


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