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 2021/09/01 07:16:04 UTC

[echarts-doc] branch master updated: add inherit color

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

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


The following commit(s) were added to refs/heads/master by this push:
     new 0edb9b2  add inherit color
0edb9b2 is described below

commit 0edb9b25f2e3917b56d3310551ce74df9b542970
Author: pissang <bm...@gmail.com>
AuthorDate: Wed Sep 1 15:15:56 2021 +0800

    add inherit color
---
 en/changelog.md                  |  4 +--
 en/option/partial/colorBy.md     |  2 +-
 en/option/series/bar.md          |  2 +-
 tool/md2json.js                  | 32 +++++++++++++++-------
 zh/api/action.md                 |  4 ++-
 zh/changelog.md                  |  4 +--
 zh/option/option.md              | 45 ++++++++++++++++++++++++++++---
 zh/option/partial/area-style.md  |  2 +-
 zh/option/partial/color-desc.md  | 37 +-------------------------
 zh/option/partial/colorBy.md     |  2 +-
 zh/option/partial/item-style.md  |  2 +-
 zh/option/partial/line-style.md  |  2 +-
 zh/option/series/bar.md          | 29 +++++++++++---------
 zh/option/series/boxplot.md      |  4 ++-
 zh/option/series/funnel.md       | 21 ++++++++++-----
 zh/option/series/gauge.md        |  3 ++-
 zh/option/series/graph.md        | 57 +++++++++++++++++++++++++++++-----------
 zh/option/series/heatmap.md      | 15 +++++++----
 zh/option/series/line.md         | 33 ++++++++++++++++-------
 zh/option/series/lines.md        | 21 ++++++++++-----
 zh/option/series/map.md          | 11 +++++---
 zh/option/series/pictorialBar.md | 21 ++++++++++-----
 zh/option/series/pie.md          | 21 ++++++++++-----
 zh/option/series/radar.md        | 24 +++++++++++------
 zh/option/series/sankey.md       | 39 ++++++++++++++++++---------
 zh/option/series/scatter.md      | 20 +++++++++-----
 zh/option/series/sunburst.md     | 50 +++++++++++++++++++++--------------
 zh/option/series/themeRiver.md   | 12 ++++++---
 zh/option/series/tree.md         | 39 ++++++++++++++++++---------
 zh/option/series/treemap.md      |  1 +
 30 files changed, 359 insertions(+), 200 deletions(-)

diff --git a/en/changelog.md b/en/changelog.md
index b9816bf..fef55d0 100644
--- a/en/changelog.md
+++ b/en/changelog.md
@@ -34,8 +34,8 @@
 + [Fix] [sankey] Fix drag bug when using `series.nodes` to represent data. [#15199](https://github.com/apache/echarts/issues/15199) ([DuLinRain](https://github.com/DuLinRain))
 + [Fix] [svg] Optimize exported SVG compatibility for Powerpoint. [#767](https://github.com/ecomfe/zrender/pull/767) ([plainheart](https://github.com/plainheart))
 + [Fix] [legend] Fix `text.lineHeight` not work [#773](https://github.com/ecomfe/zrender/issues/773) ([ssthouse](https://github.com/ssthouse))
-+ [Fix] [pie] Change the default `borderJoin` to `round`. [#15145](https://github.com/apache/echarts/issues/15145) ([plainheart](https://github.com/plainheart))
-+ [Fix] [radar] Change the default `borderJoin` to `round`. [#15381](https://github.com/apache/echarts/issues/15381) ([Ovilia](https://github.com/Ovilia))
++ [Fix] [pie] Change the default `itemStyle.borderJoin` to `round`. [#15145](https://github.com/apache/echarts/issues/15145) ([plainheart](https://github.com/plainheart))
++ [Fix] [radar] Change the default `lineStyle.join` to `round`. [#15381](https://github.com/apache/echarts/issues/15381) ([Ovilia](https://github.com/Ovilia))
 + [Fix] [treemap] Fix `label.show` set to `false` will throw error [#15141](https://github.com/apache/echarts/issues/15141) ([susiwen8](https://github.com/susiwen8))
 + [Fix] [pictorialBar] Fix pictorialBar zero value label display. [#15132](https://github.com/apache/echarts/issues/15132) ([ssthouse](https://github.com/ssthouse))
 + [Fix] [lines] Fix lines can't be cleared by chart.clear() [#15088](https://github.com/apache/echarts/issues/15088) ([plainheart](https://github.com/plainheart))
diff --git a/en/option/partial/colorBy.md b/en/option/partial/colorBy.md
index 999f45e..ce61940 100644
--- a/en/option/partial/colorBy.md
+++ b/en/option/partial/colorBy.md
@@ -2,7 +2,7 @@
 
 ## colorBy(string) = ${defaultColorBy|default("'series'")}
 
-{{ use: partial-version(version: '5.2.0') }}
+{{ use: partial-version(version = '5.2.0') }}
 
 The policy to take color from [option.color](~color). Valid values:
 
diff --git a/en/option/series/bar.md b/en/option/series/bar.md
index f8cb708..c2b04cd 100644
--- a/en/option/series/bar.md
+++ b/en/option/series/bar.md
@@ -303,7 +303,7 @@ See: [label position](${galleryViewPath}doc-example/label-position).
 
 + Additional positions are supported for bar series under polar coordinates: `start` / `insideStart` / `middle` / `insideEnd` / `end`.
 
-{{ use: partial-version(version: '5.2.0') }}
+{{ use: partial-version(version = '5.2.0') }}
 
 ~[800x500](${galleryViewPath}doc-example/bar-polar-label-radial-multiple&reset=1&edit=1)
 
diff --git a/tool/md2json.js b/tool/md2json.js
index 3daace2..1b30a06 100644
--- a/tool/md2json.js
+++ b/tool/md2json.js
@@ -11,26 +11,25 @@ async function convert(opts) {
     const entry = opts.entry;
     const tplEnv = opts.tplEnv;
     const maxDepth = opts.maxDepth || 10;
-    const etplEngine = new etpl.Engine({
+    const engineConfig = {
         commandOpen: '{{',
         commandClose: '}}',
         missTarget: 'error'
-    });
+    };
+    const etplEngine = new etpl.Engine(engineConfig);
     etplEngine.addFilter('default', function (source, defaultVal) {
         return (source === '' || source == null) ? defaultVal : source;
     });
 
-    const files = await globby([mdPath]);
-
-    const mdTpl = files.filter(function (fileName) {
+    const files = (await globby([mdPath])).filter(function (fileName) {
         return fileName.indexOf('__') !== 0;
-    }).map(function (fileName) {
-        return fs.readFileSync(fileName, 'utf-8');
     });
 
-    // Render tpl
-    etplEngine.compile(mdTpl.join('\n'));
+    const mdTpls = files.map(function (fileName) {
+        return fs.readFileSync(fileName, 'utf-8');
+    });
 
+    let mdStr;
     // ETPL do not support global variables, without which we have to pass
     // parameters like `galleryViewPath` each time `{{use: ...}}` used, which
     // is easy to forget. So we mount global variables on Object prototype when
@@ -52,12 +51,25 @@ async function convert(opts) {
         });
     }
 
-    let mdStr;
     try {
+        // Render tpl
+        etplEngine.compile(mdTpls.join('\n'));
         mdStr = etplEngine.getRenderer(entry)({});
         clearEnvVariables();
     }
     catch (e) {
+        // Fild wichi file has error.
+        mdTpls.forEach((tpl, idx) => {
+            try {
+                const debugEngine = new etpl.Engine(engineConfig);
+                const renderer = debugEngine.compile(tpl);
+                renderer({});
+            }
+            catch (e) {
+                console.error(`Has syntax error in ${files[idx]}`)
+            }
+        });
+
         clearEnvVariables();
         throw e;
     }
diff --git a/zh/api/action.md b/zh/api/action.md
index 52f50e8..e97f76d 100644
--- a/zh/api/action.md
+++ b/zh/api/action.md
@@ -238,7 +238,9 @@ dispatchAction({
 ```
 
 3 指定 geo 组件中的 region 名,根据 tooltip 的配置项显示提示框。
-{{ use: partial-version(version: '5.1.0') }}
+
+{{ use: partial-version(version = '5.1.0') }}
+
 ```js
 dispatchAction({
     type: 'showTip',
diff --git a/zh/changelog.md b/zh/changelog.md
index c008e4c..9e52c49 100644
--- a/zh/changelog.md
+++ b/zh/changelog.md
@@ -34,8 +34,8 @@
 + [Fix] [sankey] 修复使用`series.nodes`作为数据时拖拽功能失效的问题。[#15199](https://github.com/apache/echarts/issues/15199) ([DuLinRain](https://github.com/DuLinRain))
 + [Fix] [svg] 优化导出的 SVG 文件在 Powerpoint 中的兼容性。[#767](https://github.com/ecomfe/zrender/pull/767) ([plainheart](https://github.com/plainheart))
 + [Fix] [legend] 修复`text.lineHeight`不生效。[#773](https://github.com/ecomfe/zrender/issues/773) ([ssthouse](https://github.com/ssthouse))
-+ [Fix] [pie] 将默认的`borderJoin`设置为`round`。[#15145](https://github.com/apache/echarts/issues/15145) ([plainheart](https://github.com/plainheart))
-+ [Fix] [radar] 将默认的`borderJoin`设置为`round`。[#15381](https://github.com/apache/echarts/issues/15381) ([Ovilia](https://github.com/Ovilia))
++ [Fix] [pie] 将默认的`itemStyle.borderJoin`设置为`round`。[#15145](https://github.com/apache/echarts/issues/15145) ([plainheart](https://github.com/plainheart))
++ [Fix] [radar] 将默认的`lineStyle.join`设置为`round`。[#15381](https://github.com/apache/echarts/issues/15381) ([Ovilia](https://github.com/Ovilia))
 + [Fix] [treemap] 修复设置`label.show`为`false`会报错。[#15141](https://github.com/apache/echarts/issues/15141) ([susiwen8](https://github.com/susiwen8))
 + [Fix] [pictorialBar] 修复零数据标签的显示问题。[#15132](https://github.com/apache/echarts/issues/15132) ([ssthouse](https://github.com/ssthouse))
 + [Fix] [lines] 修复调用`chart.clear()`可能会无法清除线条的问题。[#15088](https://github.com/apache/echarts/issues/15088) ([plainheart](https://github.com/plainheart))
diff --git a/zh/option/option.md b/zh/option/option.md
index 641c21f..2b2f863 100644
--- a/zh/option/option.md
+++ b/zh/option/option.md
@@ -59,13 +59,52 @@
 
 # color(Array)
 
-调色盘颜色列表。如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。
-
-默认为:
+调色盘颜色列表。如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。 默认为:
 ```js
 ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
 ```
 
+支持的颜色格式:
+
++ 使用 RGB 表示纯颜色,比如 `'rgb(128, 128, 128)'`,如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 `'rgba(128, 128, 128, 0.5)'`,也可以使用十六进制格式,比如 `'#ccc'`。
+
++ 渐变色或者纹理填充
+```js
+// 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置
+{
+    type: 'linear',
+    x: 0,
+    y: 0,
+    x2: 0,
+    y2: 1,
+    colorStops: [{
+        offset: 0, color: 'red' // 0% 处的颜色
+    }, {
+        offset: 1, color: 'blue' // 100% 处的颜色
+    }],
+    global: false // 缺省为 false
+}
+// 径向渐变,前三个参数分别是圆心 x, y 和半径,取值同线性渐变
+{
+    type: 'radial',
+    x: 0.5,
+    y: 0.5,
+    r: 0.5,
+    colorStops: [{
+        offset: 0, color: 'red' // 0% 处的颜色
+    }, {
+        offset: 1, color: 'blue' // 100% 处的颜色
+    }],
+    global: false // 缺省为 false
+}
+// 纹理填充
+{
+    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement,不支持路径字符串
+    repeat: 'repeat' // 是否平铺,可以是 'repeat-x', 'repeat-y', 'no-repeat'
+}
+```
+
+
 # backgroundColor(Color) = 'transparent'
 背景色,默认无背景。
 
diff --git a/zh/option/partial/area-style.md b/zh/option/partial/area-style.md
index 51056e9..039c70d 100644
--- a/zh/option/partial/area-style.md
+++ b/zh/option/partial/area-style.md
@@ -5,7 +5,7 @@
 
 <ExampleUIControlColor />
 
-填充的颜色。{{ if: ${useColorPalatte} }} 默认从[option.color 调色盘](~color)获取颜色 {{ /if }}
+填充的颜色。{{ if: ${useColorPalatte} }}。默认从[option.color 调色盘](~color)获取颜色。{{ /if }}{{ if: ${hasInherit} }}在`emphasis`状态中支持设置为`'inherit'`取消高亮颜色。{{ /if }}
 
 {{ use: partial-color-desc() }}
 
diff --git a/zh/option/partial/color-desc.md b/zh/option/partial/color-desc.md
index 1be1949..95d5185 100644
--- a/zh/option/partial/color-desc.md
+++ b/zh/option/partial/color-desc.md
@@ -1,39 +1,4 @@
 
 {{ target: partial-color-desc }}
 
-> 颜色可以使用 RGB 表示,比如 `'rgb(128, 128, 128)'`,如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 `'rgba(128, 128, 128, 0.5)'`,也可以使用十六进制格式,比如 `'#ccc'`。除了纯色之外颜色也支持渐变色和纹理填充
-> ```js
-> // 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置
-> color: {
->     type: 'linear',
->     x: 0,
->     y: 0,
->     x2: 0,
->     y2: 1,
->     colorStops: [{
->         offset: 0, color: 'red' // 0% 处的颜色
->     }, {
->         offset: 1, color: 'blue' // 100% 处的颜色
->     }],
->     global: false // 缺省为 false
-> }
-> // 径向渐变,前三个参数分别是圆心 x, y 和半径,取值同线性渐变
-> color: {
->     type: 'radial',
->     x: 0.5,
->     y: 0.5,
->     r: 0.5,
->     colorStops: [{
->         offset: 0, color: 'red' // 0% 处的颜色
->     }, {
->         offset: 1, color: 'blue' // 100% 处的颜色
->     }],
->     global: false // 缺省为 false
-> }
-> // 纹理填充
-> color: {
->     image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement,不支持路径字符串
->     repeat: 'repeat' // 是否平铺,可以是 'repeat-x', 'repeat-y', 'no-repeat'
-> }
-> ```
-
+> 支持使用`rgb(255,255,255)`,`rgba(255,255,255,1)`,`#fff`等方式设置为纯色,也支持设置为渐变色和纹理填充,具体见[option.color](~color)
\ No newline at end of file
diff --git a/zh/option/partial/colorBy.md b/zh/option/partial/colorBy.md
index 641fbb3..ea365a2 100644
--- a/zh/option/partial/colorBy.md
+++ b/zh/option/partial/colorBy.md
@@ -2,7 +2,7 @@
 
 ## colorBy(string) = ${defaultColorBy|default("'series'")}
 
-{{ use: partial-version(version: '5.2.0') }}
+{{ use: partial-version(version = '5.2.0') }}
 
 从调色盘 [option.color](~color) 中取色的策略,可取值为:
 
diff --git a/zh/option/partial/item-style.md b/zh/option/partial/item-style.md
index 15bf47d..c7d57ff 100644
--- a/zh/option/partial/item-style.md
+++ b/zh/option/partial/item-style.md
@@ -11,7 +11,7 @@ ${name} 图形样式。
 
 <ExampleUIControlColor />
 
-${name}图形的颜色。{{ if: ${useColorPalatte} }} 默认从全局调色盘 [option.color](~color) 获取颜色 {{ /if }}
+${name}图形的颜色。{{ if: ${useColorPalatte} }} 默认从全局调色盘 [option.color](~color) 获取颜色。{{ /if }}{{ if: ${hasInherit} }}在`emphasis`状态中支持设置为`'inherit'`取消高亮颜色。{{ /if }}
 
 {{ use: partial-color-desc() }}
 
diff --git a/zh/option/partial/line-style.md b/zh/option/partial/line-style.md
index a3fe178..b2b42c6 100644
--- a/zh/option/partial/line-style.md
+++ b/zh/option/partial/line-style.md
@@ -5,7 +5,7 @@
 
 <ExampleUIControlColor />
 
-${name}线的颜色。{{ if: ${useColorPalatte} }} 默认从[option.color 调色盘](~color) 获取颜色{{ /if }}
+${name}线的颜色。{{ if: ${useColorPalatte} }} 默认从[option.color 调色盘](~color) 获取颜色。{{ /if }}{{ if: ${hasInherit} }}在`emphasis`状态中支持设置为`'inherit'`取消高亮颜色。{{ /if }}
 
 {{ if: ${hasCallback} }}
 支持使用回调函数。回调函数格式如下:
diff --git a/zh/option/series/bar.md b/zh/option/series/bar.md
index c535843..04f4173 100644
--- a/zh/option/series/bar.md
+++ b/zh/option/series/bar.md
@@ -151,7 +151,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "#",
     topLevel = true,
-    isNormal = true
+    state = 'normal'
 ) }}
 
 ## labelLayout(Object|Function)
@@ -169,7 +169,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "##",
     topLevel = true,
-    isNormal = false
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -179,7 +179,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "##",
     topLevel = true,
-    isNormal = false
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -189,7 +189,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "##",
     topLevel = true,
-    isNormal = false
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -262,7 +262,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "##",
     topLevel = false,
-    isNormal = true
+    state = 'normal'
 ) }}
 
 ### emphasis(Object)
@@ -272,7 +272,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "###",
     topLevel = false,
-    isNormal = false
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -286,7 +286,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "###",
     topLevel = false,
-    isNormal = false
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -300,7 +300,7 @@ option = {
 {{ use: partial-bar-state(
     prefix = "###",
     topLevel = false,
-    isNormal = false
+    state = 'select'
 ) }}
 
 {{ use: partial-clip(
@@ -374,7 +374,7 @@ option = {
 
 + 极坐标系柱状图除了上述取值之外,还支持:`start` / `insideStart` / `middle` / `insideEnd` / `end`。
 
-{{ use: partial-version(version: '5.2.0') }}
+{{ use: partial-version(version = '5.2.0') }}
 
 ~[800x500](${galleryViewPath}doc-example/bar-polar-label-radial-multiple&reset=1&edit=1)
 
@@ -410,9 +410,10 @@ option = {
 
 {{ use: partial-bar-item-style(
     prefix = "#" + ${prefix},
-    useColorPalatte = ${topLevel && isNormal},
-    useDecal = ${isNormal},
-    hasCallback = ${topLevel && isNormal}
+    useColorPalatte = ${topLevel} && ${state} === 'normal',
+    useDecal = ${state} === 'normal',
+    hasCallback = ${topLevel} && ${state} === 'normal',
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 
@@ -423,7 +424,9 @@ option = {
 
 <ExampleUIControlColor />
 
-柱条的颜色。{{ if: ${useColorPalatte} }} 默认从全局调色盘 [option.color](~color) 获取颜色 {{ /if }}
+柱条的颜色。{{ if: ${useColorPalatte} }} 默认从全局调色盘 [option.color](~color) 获取颜色。 {{ /if }} {{ if: ${hasInherit} }} 在`emphasis`状态中支持设置为`'inherit'`取消高亮。 {{ /if }}
+
+{{ use: partial-color-desc() }}
 
 #${prefix} borderColor(Color) = '#000'
 
diff --git a/zh/option/series/boxplot.md b/zh/option/series/boxplot.md
index c0ed734..93051a4 100644
--- a/zh/option/series/boxplot.md
+++ b/zh/option/series/boxplot.md
@@ -120,6 +120,7 @@ box 的宽度的上下限。数组的意思是:`[min, max]`。
 {{ use: partial-item-style(
     prefix = "###",
     name = "boxplot",
+    hasInherit=true,
     defaultColor = "#fff",
     defaultBorderWidth = 2,
     defaultShadowBlur = 5,
@@ -237,7 +238,8 @@ ECharts 并不内置对原始数据的处理,输入给 `boxplot` 的数据须
 
 {{ use: partial-item-style(
     prefix = "####",
-    name = "boxplot"
+    name = "boxplot",
+    hasInherit = true
 ) }}
 
 ### blur(Object)
diff --git a/zh/option/series/funnel.md b/zh/option/series/funnel.md
index 2e53b62..efa86bd 100644
--- a/zh/option/series/funnel.md
+++ b/zh/option/series/funnel.md
@@ -143,7 +143,8 @@ option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: partial-funnel-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -155,7 +156,8 @@ option = {
 淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-funnel.emphasis.focus) 后有效
 
 {{ use: partial-funnel-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -167,7 +169,8 @@ option = {
 数据选中时的图形样式和标签样式。开启 [selectedMode](~series-funnel.selectedMode) 后有效。
 
 {{ use: partial-funnel-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -241,7 +244,8 @@ option = {
 ### emphasis(Object)
 
 {{ use: partial-funnel-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -251,7 +255,8 @@ option = {
 ) }}
 
 {{ use: partial-funnel-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -261,7 +266,8 @@ option = {
 ) }}
 
 {{ use: partial-funnel-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -307,7 +313,8 @@ option = {
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 
diff --git a/zh/option/series/gauge.md b/zh/option/series/gauge.md
index b7a5298..ec3f55e 100644
--- a/zh/option/series/gauge.md
+++ b/zh/option/series/gauge.md
@@ -449,7 +449,8 @@ formatter: function (value) {
 ### itemStyle(*)
 
 {{ use: partial-item-style(
-    prefix = "###"
+    prefix = "###",
+    hasInherit = true
 ) }}
 
 {{ use: partial-gauge-title-detail(
diff --git a/zh/option/series/graph.md b/zh/option/series/graph.md
index c3c50d1..2d5581d 100644
--- a/zh/option/series/graph.md
+++ b/zh/option/series/graph.md
@@ -229,7 +229,9 @@ edgeSymbol: ['circle', 'arrow']
     isGraph = true
 ) }}
 
-{{ use: graph-state() }}
+{{ use: graph-state(
+    state = 'emphasis'
+) }}
 
 ## blur(Object)
 
@@ -239,7 +241,9 @@ edgeSymbol: ['circle', 'arrow']
 
 淡出状态的图形样式。开启 [emphasis.focus](~series-graph.emphasis.focus) 后有效。
 
-{{ use: graph-state() }}
+{{ use: graph-state(
+    state = 'blur'
+) }}
 
 ## select(Object)
 
@@ -249,7 +253,9 @@ edgeSymbol: ['circle', 'arrow']
 
 选中状态的图形样式。开启 [selectedMode](~series-graph.selectedMode) 后有效。
 
-{{ use: graph-state() }}
+{{ use: graph-state(
+    state = 'select'
+) }}
 
 {{ use: partial-selected-mode(
     version = '5.0.0'
@@ -293,7 +299,9 @@ edgeSymbol: ['circle', 'arrow']
 
 该类目节点的高亮状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'emphasis'
+) }}
 
 ### blur(Object)
 
@@ -303,7 +311,9 @@ edgeSymbol: ['circle', 'arrow']
 
 该类目节点的淡出状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'blur'
+) }}
 
 ### select(Object)
 
@@ -313,7 +323,9 @@ edgeSymbol: ['circle', 'arrow']
 
 该类目节点的选中状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'select'
+) }}
 
 ## autoCurveness(boolean|number|Array) = false
 
@@ -401,7 +413,9 @@ data: [{
 
 该节点的高亮状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'emphasis'
+) }}
 
 ### blur(Object)
 
@@ -411,7 +425,9 @@ data: [{
 
 该节点的淡出状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'blur'
+) }}
 
 ### select(Object)
 
@@ -421,7 +437,9 @@ data: [{
 
 该节点的选中状态。
 
-{{ use: graph-node-state() }}
+{{ use: graph-node-state(
+    state = 'select'
+) }}
 
 {{ use: partial-tooltip-in-series-data() }}
 
@@ -478,7 +496,9 @@ links: [{
 
 该关系边的高亮状态。
 
-{{ use: graph-edge-state() }}
+{{ use: graph-edge-state(
+    state = 'emphasis'
+) }}
 
 ### blur(Object)
 
@@ -488,7 +508,9 @@ links: [{
 
 该关系边的淡出状态。
 
-{{ use: graph-edge-state() }}
+{{ use: graph-edge-state(
+    state = 'blur'
+) }}
 
 ### select(Object)
 
@@ -498,7 +520,9 @@ links: [{
 
 该关系边的选中状态。
 
-{{ use: graph-edge-state() }}
+{{ use: graph-edge-state(
+    state = 'select'
+) }}
 
 ### symbol(Array|string)
 
@@ -574,7 +598,8 @@ links: [{
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "###"
+    prefix = "###",
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 ### lineStyle(Object)
@@ -605,7 +630,8 @@ links: [{
 #### itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "####"
+    prefix = "####",
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #### label(Object)
@@ -623,7 +649,8 @@ links: [{
 
 {{ use: partial-line-style(
     prefix = "####",
-    hasCurveness = true
+    hasCurveness = true,
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #### label(Object)
diff --git a/zh/option/series/heatmap.md b/zh/option/series/heatmap.md
index 91e4c31..9d71cac 100644
--- a/zh/option/series/heatmap.md
+++ b/zh/option/series/heatmap.md
@@ -132,7 +132,8 @@ option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: heatmap-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -144,7 +145,8 @@ option = {
 淡出状态的图形样式。开启 [emphasis.focus](~series-heatmap.emphasis.focus) 后有效。
 
 {{ use: heatmap-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -156,7 +158,8 @@ option = {
 选中状态的图形样式。开启 [selectedMode](~series-heatmap.selectedMode) 后有效。
 
 {{ use: heatmap-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -211,7 +214,8 @@ option = {
 #### itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "####"
+    prefix = "####",
+    hasInherit = true
 ) }}
 
 #### label(Object)
@@ -244,7 +248,8 @@ option = {
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} label(Object)
diff --git a/zh/option/series/line.md b/zh/option/series/line.md
index a63ab25..279f1a5 100644
--- a/zh/option/series/line.md
+++ b/zh/option/series/line.md
@@ -203,7 +203,9 @@ const option = {
 
 {{ use: partial-focus-blur-scope() }}
 
-{{ use: line-state() }}
+{{ use: line-state(
+    state = 'emphasis'
+) }}
 
 ### endLabel(Object)
 
@@ -226,7 +228,9 @@ const option = {
 
 折线图的淡出状态。开启 [emphasis.focus](~series-line.emphasis.focus) 后有效。
 
-{{ use: line-state() }}
+{{ use: line-state(
+    state = 'blur'
+) }}
 
 ### endLabel(Object)
 
@@ -245,7 +249,9 @@ const option = {
 
 折线图的选中状态。开启 [selectedMode](~series-line.selectedMode) 后有效。
 
-{{ use: line-state() }}
+{{ use: line-state(
+    state = 'select'
+) }}
 
 ### endLabel(Object)
 
@@ -365,19 +371,25 @@ const option = {
 
 单个拐点的高亮样式和标签设置。
 
-{{ use: line-item-state() }}
+{{ use: line-item-state(
+    state = 'emphasis'
+) }}
 
 ### blur(Object)
 
 单个拐点的淡出样式和标签设置。
 
-{{ use: line-item-state() }}
+{{ use: line-item-state(
+    state = 'blur'
+) }}
 
 ### select(Object)
 
 单个拐点的选中样式和标签设置。
 
-{{ use: line-item-state() }}
+{{ use: line-item-state(
+    state = 'select'
+) }}
 
 {{ use: partial-tooltip-in-series-data() }}
 
@@ -430,14 +442,16 @@ const option = {
 ### itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "###"
+    prefix = "###",
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 ### lineStyle(Object)
 
 {{ use: partial-line-style(
     prefix = "###",
-    defaultWidth = 2
+    defaultWidth = 2,
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 ### areaStyle(Object)
@@ -459,6 +473,7 @@ const option = {
 #### itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "####"
+    prefix = "####",
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
diff --git a/zh/option/series/lines.md b/zh/option/series/lines.md
index 3723129..0aad4b8 100644
--- a/zh/option/series/lines.md
+++ b/zh/option/series/lines.md
@@ -139,7 +139,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: lines-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -151,7 +152,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 淡出的线条和标签样式。开启 [emphasis.focus](~series-lines.emphasis.focus) 后有效。
 
 {{ use: lines-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -163,7 +165,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 选中的线条和标签样式。开启 [selectedMode](~series-lines.selectedMode) 后有效。
 
 {{ use: lines-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -237,7 +240,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 ### emphasis(Object)
 
 {{ use: lines-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -247,7 +251,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 ) }}
 
 {{ use: lines-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -257,7 +262,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 ) }}
 
 {{ use: lines-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-marker(
@@ -316,7 +322,8 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts
 #${prefix} lineStyle(Object)
 
 {{ use: partial-line-style(
-    prefix = '#' + ${prefix}
+    prefix = '#' + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} label(Object)
diff --git a/zh/option/series/map.md b/zh/option/series/map.md
index b78c434..8758b62 100644
--- a/zh/option/series/map.md
+++ b/zh/option/series/map.md
@@ -137,13 +137,17 @@
 
 该数据所在区域的多边形高亮状态
 
-{{ use: map-region-state() }}
+{{ use: map-region-state(
+    state = 'emphasis'
+) }}
 
 ### select(Object)
 
 该数据所在区域的多边形选中状态
 
-{{ use: map-region-state() }}
+{{ use: map-region-state(
+    state = 'select'
+) }}
 
 {{ use: partial-tooltip-in-series-data() }}
 
@@ -176,7 +180,8 @@
 {{ use: partial-color-desc() }}
 
 {{ use: partial-item-style(
-    prefix = '####'
+    prefix = '####',
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #### label(Object)
diff --git a/zh/option/series/pictorialBar.md b/zh/option/series/pictorialBar.md
index 7ff3be0..4a5aef2 100644
--- a/zh/option/series/pictorialBar.md
+++ b/zh/option/series/pictorialBar.md
@@ -167,7 +167,8 @@ option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: pictoialBar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -179,7 +180,8 @@ option = {
 淡出状态配置。开启 [emphasis.focus](~series-pictoialBar.emphasis.focus) 后有效。
 
 {{ use: pictoialBar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -195,7 +197,8 @@ option = {
 ) }}
 
 {{ use: pictoialBar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-barGrid(
@@ -271,7 +274,8 @@ option = {
 单个数据的高亮状态配置。
 
 {{ use: partial-bar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -283,7 +287,8 @@ option = {
 单个数据的淡出状态配置。
 
 {{ use: partial-bar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -295,7 +300,8 @@ option = {
 单个数据的选中状态配置。
 
 {{ use: partial-bar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -692,6 +698,7 @@ series: [{
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
diff --git a/zh/option/series/pie.md b/zh/option/series/pie.md
index 9f26af4..dcd6fd2 100644
--- a/zh/option/series/pie.md
+++ b/zh/option/series/pie.md
@@ -230,7 +230,8 @@ const option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: pie-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -242,7 +243,8 @@ const option = {
 淡出状态的扇区和标签样式。开启 [emphasis.focus](~series-pie.emphasis.focus) 后有效。
 
 {{ use: pie-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -254,7 +256,8 @@ const option = {
 选中状态的扇区和标签样式。开启 [selectedMode](~series-pie.selectedMode) 后有效。
 
 {{ use: pie-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: component-circular-layout(
@@ -333,7 +336,8 @@ const option = {
 ### emphasis(Object)
 
 {{ use: pie-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -343,7 +347,8 @@ const option = {
 ) }}
 
 {{ use: pie-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -353,7 +358,8 @@ const option = {
 ) }}
 
 {{ use: pie-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -471,7 +477,8 @@ const option = {
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 {{ use: partial-pie-border-radius(
diff --git a/zh/option/series/radar.md b/zh/option/series/radar.md
index 54ce1b2..ca1ad0a 100644
--- a/zh/option/series/radar.md
+++ b/zh/option/series/radar.md
@@ -121,7 +121,8 @@ const option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: radar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -133,7 +134,8 @@ const option = {
 淡出状态的配置。开启 [emphasis.focus](~series-radar.emphasis.focus) 后有效。
 
 {{ use: radar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -145,7 +147,8 @@ const option = {
 选中状态的配置。开启 [selectedMode](~series-radar.selectedMode) 后有效。
 
 {{ use: radar-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -231,7 +234,8 @@ data : [
 单个数据项样式的高亮状态。
 
 {{ use: radar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -243,7 +247,8 @@ data : [
 单个数据项样式的淡出状态。
 
 {{ use: radar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -255,7 +260,8 @@ data : [
 单个数据项样式的选中状态。
 
 {{ use: radar-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -286,7 +292,8 @@ data : [
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} label(Object)
@@ -300,7 +307,8 @@ data : [
 
 {{ use: partial-line-style(
     prefix = "#" + ${prefix},
-    defaultJoin = "'round'"
+    defaultJoin = "'round'",
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} areaStyle(Object)
diff --git a/zh/option/series/sankey.md b/zh/option/series/sankey.md
index 26280e0..553f0df 100644
--- a/zh/option/series/sankey.md
+++ b/zh/option/series/sankey.md
@@ -139,7 +139,8 @@ levels: [{
 ### emphasis(Object)
 
 {{ use: sankey-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -149,7 +150,8 @@ levels: [{
 ) }}
 
 {{ use: sankey-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -159,7 +161,8 @@ levels: [{
 ) }}
 
 {{ use: sankey-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 ## label(Object)
@@ -208,7 +211,8 @@ levels: [{
 ) }}
 
 {{ use: sankey-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -220,7 +224,8 @@ levels: [{
 桑基图的淡出状态。开启 [emphasis.focus](~series-sankey.emphasis.focus) 后有效。
 
 {{ use: sankey-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -232,7 +237,8 @@ levels: [{
 桑基图的选中状态。开启 [selectedMode](~series-sankey.selectedMode) 后有效。
 
 {{ use: sankey-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -289,7 +295,8 @@ data: [{
 ### emphasis(Object)
 
 {{ use: sankey-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -299,7 +306,8 @@ data: [{
 ) }}
 
 {{ use: sankey-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -309,7 +317,8 @@ data: [{
 ) }}
 
 {{ use: sankey-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -357,7 +366,8 @@ links: [{
 #### lineStyle(Object)
 
 {{ use: partial-sankey-line-style(
-    prefix = "####"
+    prefix = "####",
+    hasInherit = true
 ) }}
 
 ### blur(Object)
@@ -440,7 +450,8 @@ links: [{
 
 {{ use: partial-item-style(
     prefix = "#" + ${prefix},
-    useDecal = true
+    useDecal = true,
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 
@@ -457,12 +468,14 @@ links: [{
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} lineStyle(Object)
 
 {{ use: partial-sankey-line-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
diff --git a/zh/option/series/scatter.md b/zh/option/series/scatter.md
index 2645efe..718e494 100644
--- a/zh/option/series/scatter.md
+++ b/zh/option/series/scatter.md
@@ -165,7 +165,7 @@ const option = {
 
 {{ use: scatter-state(
     prefix = "##",
-    isNormal = true
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -177,7 +177,8 @@ const option = {
 淡出状态的配置。开启 [emphasis.focus](~series-scatter.emphasis.focus) 后有效。
 
 {{ use: scatter-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -189,7 +190,8 @@ const option = {
 选中状态的配置。开启 [selectedMode](~series-scatter.selectedMode) 后有效。
 
 {{ use: scatter-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -267,7 +269,8 @@ const option = {
 单个数据的高亮图形和标签样式。
 
 {{ use: scatter-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -279,7 +282,8 @@ const option = {
 单个数据的淡出图形和标签样式。
 
 {{ use: scatter-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -291,7 +295,8 @@ const option = {
 单个数据的选中图形和标签样式。
 
 {{ use: scatter-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -348,6 +353,7 @@ const option = {
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
diff --git a/zh/option/series/sunburst.md b/zh/option/series/sunburst.md
index da57503..c901cde 100644
--- a/zh/option/series/sunburst.md
+++ b/zh/option/series/sunburst.md
@@ -68,10 +68,10 @@
 
 {{ use: partial-label-line(
     prefix = '#' + ${prefix},
-    length2 = ${isNormal},
-    minTurnAngle = ${isNormal},
-    showAbove = ${isNormal},
-    smooth = ${isNormal}
+    length2 = ${state} === 'normal',
+    minTurnAngle = ${state} === 'normal',
+    showAbove = ${state} === 'normal',
+    smooth = ${state} === 'normal'
 ) }}
 
 
@@ -92,7 +92,8 @@
     defaultBorderWidth = 1,
     defaultBorderColor = "'white'",
     defaultOpacity = 1,
-    useDecal = ${isNormal}
+    hasInherit = ${state} === 'emphasis',
+    useDecal = ${state} === 'normal'
 ) }}
 
 
@@ -101,12 +102,12 @@
 
 {{ use: partial-sunburst-label-props(
     prefix = ${prefix},
-    isNormal = ${isNormal}
+    state = ${state}
 ) }}
 
 {{ use: partial-sunburst-itemStyle-props(
     prefix = ${prefix},
-    isNormal = ${isNormal}
+    state = ${state}
 ) }}
 
 
@@ -352,14 +353,14 @@ const option = {
 
 {{ use: partial-sunburst-state(
     prefix = "##",
-    isNormal = true
+    state = 'normal'
 ) }}
 
 ## labelLayout(Object|Function)
 
 {{ use: partial-sunburst-state(
     prefix = "#",
-    isNormal = true
+    state = 'normal'
 ) }}
 
 ### emphasis
@@ -367,7 +368,8 @@ const option = {
 高亮状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur
@@ -375,7 +377,8 @@ const option = {
 淡出状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select
@@ -383,7 +386,8 @@ const option = {
 选中状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 ### children(Array)
@@ -420,12 +424,12 @@ function(nodeA, nodeB) {
 
 {{ use: partial-sunburst-label-props(
     prefix = "#",
-    isNormal = true
+    state = 'normal'
 ) }}
 
 {{ use: partial-sunburst-itemStyle-props(
     prefix = "#",
-    isNormal = true
+    state = 'normal'
 ) }}
 
 ## emphasis
@@ -437,7 +441,8 @@ function(nodeA, nodeB) {
 ) }}
 
 {{ use: partial-sunburst-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur
@@ -445,7 +450,8 @@ function(nodeA, nodeB) {
 淡出状态配置。开启 [emphasis.focus](~series-sunburst.emphasis.focus) 后有效。
 
 {{ use: partial-sunburst-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select
@@ -453,7 +459,8 @@ function(nodeA, nodeB) {
 选中状态配置。开启 [selectedMode](~series-sunburst.selectedMode) 后有效。
 
 {{ use: partial-sunburst-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -504,7 +511,8 @@ series: {
 高亮状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur
@@ -512,7 +520,8 @@ series: {
 淡出状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select
@@ -520,7 +529,8 @@ series: {
 选中状态配置。
 
 {{ use: partial-sunburst-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-animation(
diff --git a/zh/option/series/themeRiver.md b/zh/option/series/themeRiver.md
index ee63d82..89f3e1b 100644
--- a/zh/option/series/themeRiver.md
+++ b/zh/option/series/themeRiver.md
@@ -176,7 +176,8 @@ const option = {
 {{ use: partial-focus-blur-scope() }}
 
 {{ use: themeRiver-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -188,7 +189,8 @@ const option = {
 淡出状态的配置。
 
 {{ use: themeRiver-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -200,7 +202,8 @@ const option = {
 选中状态的配置。
 
 {{ use: themeRiver-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -270,6 +273,7 @@ data: [
 #${prefix} itemStyle(Object)
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
diff --git a/zh/option/series/tree.md b/zh/option/series/tree.md
index 7cdbfdf..cfe7c46 100644
--- a/zh/option/series/tree.md
+++ b/zh/option/series/tree.md
@@ -189,7 +189,8 @@ const option = {
 ) }}
 
 {{ use: tree-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'emphasis'
 ) }}
 
 ## blur(Object)
@@ -201,7 +202,8 @@ const option = {
 淡出状态的相关配置。开启 [emphasis.focus](~series-tree.emphasis.focus) 后有效。
 
 {{ use: tree-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'blur'
 ) }}
 
 ## select(Object)
@@ -213,7 +215,8 @@ const option = {
 选中状态的相关配置。开启 [selectedMode](~series-tree.selectedMode) 后有效。
 
 {{ use: tree-state(
-    prefix = "##"
+    prefix = "##",
+    state = 'select'
 ) }}
 
 {{ use: partial-selected-mode(
@@ -248,7 +251,8 @@ const option = {
 叶子节点高亮状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -260,7 +264,8 @@ const option = {
 叶子节点淡出状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -272,7 +277,8 @@ const option = {
 叶子节点选中状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 ## data(Object)
@@ -344,7 +350,8 @@ const option = {
 节点高亮状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'emphasis'
 ) }}
 
 ### blur(Object)
@@ -356,7 +363,8 @@ const option = {
 节点淡出状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'blur'
 ) }}
 
 ### select(Object)
@@ -368,7 +376,8 @@ const option = {
 节点选中状态的配置。
 
 {{ use: tree-node-state(
-    prefix = "###"
+    prefix = "###",
+    state = 'select'
 ) }}
 
 {{ use: partial-tooltip-in-series-data() }}
@@ -416,7 +425,8 @@ const option = {
 该节点的样式。
 
 {{ use: partial-item-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 #${prefix} lineStyle(Object)
@@ -443,7 +453,8 @@ const option = {
 定义树图边的样式。
 
 {{ use: partial-tree-line-style(
-    prefix = "#" + ${prefix}
+    prefix = "#" + ${prefix},
+    hasInherit = ${state} === 'emphasis'
 ) }}
 
 
@@ -451,10 +462,12 @@ const option = {
 {{ target: tree-state }}
 
 {{ use: tree-node-state(
-    prefix = ${prefix}
+    prefix = ${prefix},
+    state = ${state}
 ) }}
 
 {{ use: tree-edge-state(
-    prefix = ${prefix}
+    prefix = ${prefix},
+    state = ${state}
 ) }}
 
diff --git a/zh/option/series/treemap.md b/zh/option/series/treemap.md
index d003fda..8a123a8 100644
--- a/zh/option/series/treemap.md
+++ b/zh/option/series/treemap.md
@@ -332,6 +332,7 @@ const option = {
 {{ use: partial-item-style(
     prefix = "####",
     name = "boxplot",
+    hasInherit = true,
     defaultColor = "rgba(0,0,0,0.7)",
     defaultBorderColor = "rgba(255,255,255,0.7)",
     defaultBorderWidth = 1,

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