You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2020/09/08 06:33:09 UTC
[incubator-echarts-doc] branch next updated: add more states on
part of series.
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 593ae76 add more states on part of series.
593ae76 is described below
commit 593ae76ea1b3b275bb79d474b80d186a23b357d9
Author: pissang <bm...@gmail.com>
AuthorDate: Tue Sep 8 14:31:02 2020 +0800
add more states on part of series.
---
zh/option/partial/selected-mode.md | 2 +-
zh/option/partial/zr-graphic.md | 51 +++++++++++-
zh/option/series/bar.md | 2 +-
zh/option/series/boxplot.md | 75 ++++++++++++-----
zh/option/series/candlestick.md | 74 ++++++++++++-----
zh/option/series/custom.md | 4 +
zh/option/series/effectScatter.md | 82 +++++++++++++++----
zh/option/series/funnel.md | 89 ++++++++++----------
zh/option/series/graph.md | 162 ++++++++++++++++++++++++++-----------
zh/option/series/heatmap.md | 43 ++++++++--
zh/option/series/line.md | 99 +++++++++++++++++------
zh/option/series/pie.md | 104 ++++++++++++++----------
zh/option/series/sankey.md | 2 +
zh/option/series/scatter.md | 89 +++++++++++++++-----
14 files changed, 635 insertions(+), 243 deletions(-)
diff --git a/zh/option/partial/selected-mode.md b/zh/option/partial/selected-mode.md
index 77f0bb0..20bb075 100644
--- a/zh/option/partial/selected-mode.md
+++ b/zh/option/partial/selected-mode.md
@@ -9,7 +9,7 @@
) }}
{{ /if }}
-<ExampleUIControlEnum options="true,false,single,multiple" />
+<ExampleUIControlEnum options="false,true,single,multiple" />
选中模式的配置,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选`'single'`,`'multiple'`,分别表示单选还是多选。
diff --git a/zh/option/partial/zr-graphic.md b/zh/option/partial/zr-graphic.md
index bc2bd33..5786e2f 100644
--- a/zh/option/partial/zr-graphic.md
+++ b/zh/option/partial/zr-graphic.md
@@ -1339,10 +1339,55 @@ chart.on('click', function (params) {
{{ target: partial-graphic-cpt-style-emphasis }}
{{ if: ${usageType} === 'customSeries' }}
-##${prefix} styleEmphasis(Object)
+##${prefix} emphasis(Object)
+
+图形元素的高亮状态
+
+###${prefix} focus(string) = 'none'
+
+{{ use: partial-version(
+ version = "5.0.0"
+) }}
+
+在高亮图形时,是否淡出其它数据的图形已达到聚焦的效果。支持如下配置:
+
++ `'none'` 不淡出其它图形,默认使用该配置。
++ `'self'` 只聚焦(不淡出)当前高亮的数据的图形。
++ `'series'` 聚焦当前高亮的数据所在的系列的所有图形。
+
+###${prefix} blurScope(string) = 'coordinateSystem'
+
+{{ use: partial-version(
+ version = "5.0.0"
+) }}
+
+在开启`focus`的时候,可以通过`blurScope`配置淡出的范围。支持如下配置
+
++ `'coordinateSystem'` 淡出范围为坐标系,默认使用该配置。
++ `'series'` 淡出范围为系列。
++ `'global'` 淡出范围为全局。
+
+
+###${prefix} style(Object)
+
+结构同 [style](~${optionPath}.${hostName}${symbolVisit}polygon.style)。
+
+##${prefix} blur(Object)
+
+图形元素的淡出状态,配置`focus`时有效。
+
+###${prefix} style(Object)
+
+结构同 [style](~${optionPath}.${hostName}${symbolVisit}polygon.style)。
+
+##${prefix} select(Object)
+
+图形元素的选中状态,配置自定义系列的 [selectedMode](~series-custom.selectedMode) 时有效。
+
+###${prefix} style(Object)
+
+结构同 [style](~${optionPath}.${hostName}${symbolVisit}polygon.style)。
-图形元素高亮时的样式。
-结构同 [style](~${optionPath}.${hostName}${symbolVisit}polygon.style) 相同。
{{ /if }}
diff --git a/zh/option/series/bar.md b/zh/option/series/bar.md
index 1f5bd79..b4f3cb5 100644
--- a/zh/option/series/bar.md
+++ b/zh/option/series/bar.md
@@ -170,7 +170,7 @@ option = {
## blur(Object)
-淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-bar.emphasis.focus) 后有效
+淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-bar.emphasis.focus) 后有效。
{{ use: partial-bar-state(
prefix = "##",
diff --git a/zh/option/series/boxplot.md b/zh/option/series/boxplot.md
index 21bda6c..85e6639 100644
--- a/zh/option/series/boxplot.md
+++ b/zh/option/series/boxplot.md
@@ -110,20 +110,47 @@ box 的宽度的上下限。数组的意思是:`[min, max]`。
盒须图高亮样式
+{{ use: partial-focus-blur-scope() }}
+
### itemStyle(Object)
{{ use: partial-item-style(
prefix = "###",
- useColorPalatte = true,
name = "boxplot",
defaultColor = "#fff",
defaultBorderWidth = 2,
defaultShadowBlur = 5,
- defaultShadowOffsetX = 2,
- defaultShadowOffsetY = 2,
- defaultShadowColor = "rgba(0,0,0,0.4)"
+ defaultShadowOffsetX = 1,
+ defaultShadowOffsetY = 1,
+ defaultShadowColor = "rgba(0,0,0,0.2)"
+) }}
+
+## blur(Object)
+
+淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-boxplot.emphasis.focus) 后有效
+
+### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "###",
+ name = "boxplot"
) }}
+## select(Object)
+
+数据选中时的图形样式和标签样式。开启 [selectedMode](~series-funnel.selectedMode) 后有效。
+
+### itemStyle(Object)
+{{ use: partial-item-style(
+ prefix = "###",
+ name = "boxplot"
+) }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
+) }}
+
+
{{ use: partial-series-dimensions(
prefix = "#"
) }}
@@ -176,32 +203,44 @@ ECharts 并不内置对原始数据的处理,输入给 `boxplot` 的数据须
### itemStyle(Object)
-单个数据盒须图样式。
+盒须图单个数据样式。
{{ use: partial-item-style(
prefix = "###",
- useColorPalatte = true,
- name = "boxplot",
- defaultColor = "#fff",
- defaultBorderWidth = 1
+ name = "boxplot"
) }}
### emphasis(Object)
-单个数据盒须图高亮样式
+盒须图单个数据高亮状态配置。
#### itemStyle(Object)
{{ use: partial-item-style(
prefix = "####",
- useColorPalatte = true,
- name = "boxplot",
- defaultColor = "#fff",
- defaultBorderWidth = 2,
- defaultShadowBlur = 5,
- defaultShadowOffsetX = 2,
- defaultShadowOffsetY = 2,
- defaultShadowColor = "rgba(0,0,0,0.4)"
+ name = "boxplot"
+) }}
+
+### blur(Object)
+
+盒须图单个数据淡出状态配置。
+
+#### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "####",
+ name = "boxplot"
+) }}
+
+### select(Object)
+
+盒须图单个数据选中状态配置。
+
+#### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "####",
+ name = "boxplot"
) }}
{{ use: partial-tooltip-in-series-data() }}
diff --git a/zh/option/series/candlestick.md b/zh/option/series/candlestick.md
index c783ba6..ba98f04 100644
--- a/zh/option/series/candlestick.md
+++ b/zh/option/series/candlestick.md
@@ -278,25 +278,53 @@ K 线图的图形样式。
## emphasis(Object)
-K 线图的高亮图形样式。
+K 线图的高亮状态。
+
+{{ use: partial-focus-blur-scope() }}
+
+### itemStyle(Object)
+
+{{ use: partial-candlestick-item-style-detail(
+ prefix = "###",
+ defaultBorderWidth = 2
+) }}
+
+## blur(Object)
+
+K 线图的淡出状态。开启 [emphasis.focus](~series-candlestick.emphasis.focus) 后有效
### itemStyle(Object)
{{ use: partial-candlestick-item-style-detail(
prefix = "###",
- defaultColor = "#c23531",
- defaultColor0 = "#314656",
- defaultBorderColor = "#c23531",
- defaultBorderColor0 = "#314656",
defaultBorderWidth = 2
) }}
+## select(Object)
+
+K 线图的选中状态。开启 [selectedMode](~series-candlestick.selectedMode) 后有效。
+
+### itemStyle(Object)
+
+{{ use: partial-candlestick-item-style-detail(
+ prefix = "###",
+ defaultBorderWidth = 2
+) }}
+
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
+) }}
+
+
{{ use: partial-large(
prefix = "#",
defaultLarge = true,
defaultLargeThreshold = 600
) }}
+
+
{{ use: partial-progressive(
prefix = '#',
supportProgressiveChunkMode = true,
@@ -353,27 +381,37 @@ K 线图的高亮图形样式。
单个 K 线图数据的图形样式。
{{ use: partial-candlestick-item-style-detail(
- prefix = "###",
- defaultColor = "#c23531",
- defaultColor0 = "#314656",
- defaultBorderColor = "#c23531",
- defaultBorderColor0 = "#314656",
- defaultBorderWidth = 1
+ prefix = "###"
) }}
### emphasis(Object)
-单个 K 线图数据的高亮图形样式。
+单个 K 线图数据的高亮状态配置。
#### itemStyle(Object)
{{ use: partial-candlestick-item-style-detail(
- prefix = "####",
- defaultColor = "#c23531",
- defaultColor0 = "#314656",
- defaultBorderColor = "#c23531",
- defaultBorderColor0 = "#314656",
- defaultBorderWidth = 2
+ prefix = "####"
+) }}
+
+### blur(Object)
+
+单个 K 线图数据的淡出状态配置。
+
+#### itemStyle(Object)
+
+{{ use: partial-candlestick-item-style-detail(
+ prefix = "####"
+) }}
+
+### select(Object)
+
+单个 K 线图数据的选中状态配置。
+
+#### itemStyle(Object)
+
+{{ use: partial-candlestick-item-style-detail(
+ prefix = "####"
) }}
{{ use: partial-tooltip-in-series-data() }}
diff --git a/zh/option/series/custom.md b/zh/option/series/custom.md
index 9c5d4bc..69cb5b7 100644
--- a/zh/option/series/custom.md
+++ b/zh/option/series/custom.md
@@ -397,6 +397,10 @@ renderItem 函数的第二个参数。
prefix = "###"
) }}
+{{ use: partial-selected-mode(
+ version = '5.0.0'
+) }}
+
{{ use: partial-series-dimensions(
prefix = "#"
) }}
diff --git a/zh/option/series/effectScatter.md b/zh/option/series/effectScatter.md
index fe4d280..3675f40 100644
--- a/zh/option/series/effectScatter.md
+++ b/zh/option/series/effectScatter.md
@@ -131,19 +131,44 @@ const option = {
高亮的标签和图形样式。
-### label(Object)
+{{ use: partial-focus-blur-scope() }}
-{{ use: partial-label(
- prefix = "###",
- formatter = true
+{{ use: effectScatter-state(
+ prefix="##"
) }}
-### itemStyle(Object)
+## emphasis(Object)
-{{ use: partial-item-style(
- prefix = "###",
- useColorPalatte = true,
- hasCallback = true
+高亮的图形和标签样式。
+
+### scale(boolean) = true
+
+<ExampleUIControlBoolean default="true" />
+
+是否开启高亮后的放大效果。
+
+{{ use: effectScatter-state(
+ prefix="##"
+) }}
+
+## blur(Object)
+
+淡出状态的配置。开启 [emphasis.focus](~series-effectScatter.emphasis.focus) 后有效。
+
+{{ use: effectScatter-state(
+ prefix="##"
+) }}
+
+## select(Object)
+
+选中状态的配置。开启 [selectedMode](~series-effectScatter.selectedMode) 后有效。
+
+{{ use: effectScatter-state(
+ prefix="##"
+) }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
{{ use: partial-seriesLayoutBy() }}
@@ -185,20 +210,30 @@ const option = {
### emphasis(Object)
-单个数据的图形和标签样式。
+单个数据的高亮图形和标签样式。
+
+{{ use: effectScatter-state(
+ prefix = "###"
+) }}
-#### label(Object)
+### blur(Object)
-{{ use: partial-label(
- prefix = "####"
+单个数据的淡出图形和标签样式。
+
+{{ use: effectScatter-state(
+ prefix = "###"
) }}
-#### itemStyle(Object)
+### select(Object)
-{{ use: partial-item-style(
- prefix = "####"
+单个数据的选中图形和标签样式。
+
+{{ use: effectScatter-state(
+ prefix = "###"
) }}
+
+
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-marker(
@@ -222,3 +257,18 @@ const option = {
{{ use: partial-tooltip-in-series() }}
+
+{{ target: effectScatter-state }}
+
+#${prefix} label(Object)
+
+{{ use: partial-label(
+ prefix = "#" + ${prefix},
+ formatter = ${prefix === '##'}
+) }}
+
+#${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "#" + ${prefix}
+) }}
\ No newline at end of file
diff --git a/zh/option/series/funnel.md b/zh/option/series/funnel.md
index 7c8175d..e395fb8 100644
--- a/zh/option/series/funnel.md
+++ b/zh/option/series/funnel.md
@@ -135,52 +135,29 @@ option = {
{{ use: partial-focus-blur-scope() }}
-### label(Object)
-
-{{ use: partial-funnel-label(
- prefix = "###",
- position = false,
- formatter = true
-) }}
-
-### labelLine(Object)
-
-{{ use: partial-funnel-label-line(
- prefix = '###',
- length = false
-) }}
-
-### itemStyle(Object)
-
-{{ use: partial-item-style(
- prefix = "###"
-) }}
## blur(Object)
淡出时的图形样式和标签样式。开启 [emphasis.focus](~series-funnel.emphasis.focus) 后有效
-### label(Object)
-
-{{ use: partial-funnel-label(
- prefix = "###",
- position = false,
- formatter = true
+{{ use: partial-funnel-state(
+ prefix = "##"
) }}
-### labelLine(Object)
+## select(Object)
-{{ use: partial-funnel-label-line(
- prefix = '###',
- length = false
+数据选中时的图形样式和标签样式。开启 [selectedMode](~series-funnel.selectedMode) 后有效。
+
+{{ use: partial-funnel-state(
+ prefix = "##"
) }}
-### itemStyle(Object)
-{{ use: partial-item-style(
- prefix = "###"
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
+
{{ use: partial-rect-layout-width-height(
componentName = "漏斗图",
defaultLeft = 80,
@@ -252,25 +229,20 @@ option = {
### emphasis(Object)
-#### itemStyle(Object)
-
-{{ use: partial-item-style(
- prefix = "####"
+{{ use: partial-funnel-state(
+ prefix = "###"
) }}
-#### label(Object)
+### blur(Object)
-{{ use: partial-funnel-label(
- prefix = "####",
- position = false,
- formatter = false
+{{ use: partial-funnel-state(
+ prefix = "###"
) }}
-#### labelLine(Object)
+### select(Object)
-{{ use: partial-funnel-label-line(
- prefix = "####",
- length = false
+{{ use: partial-funnel-state(
+ prefix = "###"
) }}
{{ use: partial-tooltip-in-series-data() }}
@@ -291,6 +263,29 @@ option = {
{{ use: partial-tooltip-in-series() }}
+{{ target: partial-funnel-state }}
+
+#${prefix} label(Object)
+
+{{ use: partial-funnel-label(
+ prefix = "#" + ${prefix},
+ position = false,
+ formatter = true
+) }}
+
+#${prefix} labelLine(Object)
+
+{{ use: partial-funnel-label-line(
+ prefix = "#" + ${prefix},
+ length = false
+) }}
+
+#${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "#" + ${prefix}
+) }}
+
{{ target: partial-funnel-label }}
@@ -338,7 +333,6 @@ option = {
) }}
-
{{ target: partial-funnel-label-line }}
#${prefix} show(boolean)
@@ -357,3 +351,4 @@ option = {
prefix = "#" + ${prefix}
) }}
+
diff --git a/zh/option/series/graph.md b/zh/option/series/graph.md
index f156803..13d48bc 100644
--- a/zh/option/series/graph.md
+++ b/zh/option/series/graph.md
@@ -40,10 +40,6 @@ option.series[0].data.forEach(function (item) {
calendar = true
) }}
-## hoverAnimation(boolean)
-
-是否开启鼠标 hover 节点的提示动画效果。
-
## center(Array)
<ExampleUIControlVector default="0,0" dims="x,y" />
@@ -235,32 +231,34 @@ edgeSymbol: ['circle', 'arrow']
## emphasis(Object)
-高亮的图形样式。
+高亮状态的图形样式。
-### itemStyle(Object)
+### scale(boolean) = true
-{{ use: partial-item-style(
- prefix = "###"
-) }}
+<ExampleUIControlBoolean default="true" />
-### lineStyle(Object)
+是否开启高亮后节点的放大效果。
-{{ use: partial-line-style(
- prefix = "###"
+{{ use: partial-focus-blur-scope(
+ isGraph = true
) }}
-### label(Object)
+{{ use: graph-state() }}
-{{ use: partial-label(
- prefix = "###",
- defaultShow = true,
- formatter2d = true
-) }}
+## blur(Object)
-### edgeLabel(Object)
+淡出状态的图形样式。开启 [emphasis.focus](~series-graph.emphasis.focus) 后有效。
-{{ use: graph-edge-label(
- prefix = "###"
+{{ use: graph-state() }}
+
+## select(Object)
+
+选中状态的图形样式。开启 [selectedMode](~series-graph.selectedMode) 后有效。
+
+{{ use: graph-state() }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
## categories(Array)
@@ -299,17 +297,21 @@ edgeSymbol: ['circle', 'arrow']
### emphasis(Object)
-#### itemStyle(Object)
+该类目节点的高亮状态。
-{{ use: partial-item-style(
- prefix = "####"
-) }}
+{{ use: graph-node-state() }}
-#### label(Object)
+### blur(Object)
-{{ use: partial-label(
- prefix = "####"
-) }}
+该类目节点的淡出状态。
+
+{{ use: graph-node-state() }}
+
+### select(Object)
+
+该类目节点的选中状态。
+
+{{ use: graph-node-state() }}
## autoCurveness(number|Array) = 20
@@ -393,17 +395,21 @@ data: [{
### emphasis(Object)
-#### itemStyle(Object)
+该节点的高亮状态。
-{{ use: partial-item-style(
- prefix = "####"
-) }}
+{{ use: graph-node-state() }}
-#### label(Object)
+### blur(Object)
-{{ use: partial-label(
- prefix = "####"
-) }}
+该节点的淡出状态。
+
+{{ use: graph-node-state() }}
+
+### select(Object)
+
+该节点的选中状态。
+
+{{ use: graph-node-state() }}
{{ use: partial-tooltip-in-series-data() }}
@@ -458,17 +464,21 @@ links: [{
### emphasis(Object)
-#### label(Object)
+该关系边的高亮状态。
-{{ use: graph-edge-label(
- prefix = "####"
-) }}
+{{ use: graph-edge-state() }}
-#### lineStyle(Object)
+### blur(Object)
-{{ use: partial-line-style(
- prefix = "####"
-) }}
+该关系边的淡出状态。
+
+{{ use: graph-edge-state() }}
+
+### select(Object)
+
+该关系边的选中状态。
+
+{{ use: graph-edge-state() }}
### symbol(Array|string)
@@ -537,3 +547,65 @@ links: [{
prefix = ${prefix}
) }}
+
+{{ target: graph-state }}
+
+### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "###"
+) }}
+
+### lineStyle(Object)
+
+{{ use: partial-line-style(
+ prefix = "###",
+ hasCurveness = true
+) }}
+
+### label(Object)
+
+{{ use: partial-label(
+ prefix = "###",
+ defaultShow = true,
+ formatter2d = true
+) }}
+
+### edgeLabel(Object)
+
+{{ use: graph-edge-label(
+ prefix = "###"
+) }}
+
+
+{{ target: graph-node-state }}
+
+#### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "####"
+) }}
+
+#### label(Object)
+
+{{ use: partial-label(
+ prefix = "####",
+ defaultShow = true
+) }}
+
+
+{{ target: graph-edge-state }}
+
+#### lineStyle(Object)
+
+{{ use: partial-line-style(
+ prefix = "####",
+ hasCurveness = true
+) }}
+
+#### label(Object)
+
+{{ use: partial-label(
+ prefix = "####",
+ defaultShow = true
+) }}
diff --git a/zh/option/series/heatmap.md b/zh/option/series/heatmap.md
index 17bdd17..b63eef6 100644
--- a/zh/option/series/heatmap.md
+++ b/zh/option/series/heatmap.md
@@ -127,17 +127,32 @@ option = {
## emphasis(Object)
-### itemStyle(Object)
+高亮状态的图形样式。
-{{ use: partial-item-style(
- prefix = "###"
+{{ use: partial-focus-blur-scope() }}
+
+{{ use: heatmap-state(
+ prefix = "##"
) }}
-### label(Object)
+## blur(Object)
-{{ use: partial-label(
- prefix = "###",
- defaultPosition = "inside"
+淡出状态的图形样式。开启 [emphasis.focus](~series-heatmap.emphasis.focus) 后有效。
+
+{{ use: heatmap-state(
+ prefix = "##"
+) }}
+
+## select(Object)
+
+选中状态的图形样式。开启 [selectedMode](~series-heatmap.selectedMode) 后有效。
+
+{{ use: heatmap-state(
+ prefix = "##"
+) }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
## data(Array)
@@ -200,3 +215,17 @@ option = {
{{ use: partial-tooltip-in-series() }}
+{{ target: heatmap-state }}
+
+#${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "#" + ${prefix}
+) }}
+
+#${prefix} label(Object)
+
+{{ use: partial-label(
+ prefix = "#" + ${prefix},
+ defaultPosition = "inside"
+) }}
diff --git a/zh/option/series/line.md b/zh/option/series/line.md
index a70e41d..d9e3074 100644
--- a/zh/option/series/line.md
+++ b/zh/option/series/line.md
@@ -81,12 +81,6 @@ const option = {
+ `true`:显示所有图形。
+ `false`:随主轴标签间隔隐藏策略。
-## hoverAnimation(boolean) = true
-
-<ExampleUIControlBoolean default="true" />
-
-是否开启 hover 在拐点标志上的提示动画效果。
-
{{ use: partial-legend-hover-link() }}
## stack(string) = null
@@ -158,7 +152,7 @@ const option = {
## areaStyle(Object)
-区域填充样式。
+区域填充样式。设置后显示成区域面积图。
{{ use: partial-area-style(
prefix = "##",
@@ -167,19 +161,30 @@ const option = {
## emphasis(Object)
-图形的高亮样式。
+折线图的高亮状态。
-### label(Object)
+### scale(boolean) = true
-{{ use: partial-label(
- prefix = "###",
- formatter = true
-) }}
+是否开启 hover 在拐点标志上的放大效果。
-### itemStyle(Object)
+{{ use: partial-focus-blur-scope() }}
-{{ use: partial-item-style(
- prefix = "###"
+{{ use: line-state() }}
+
+## blur(Object)
+
+折线图的淡出状态。开启 [emphasis.focus](~series-line.emphasis.focus) 后有效。
+
+{{ use: line-state() }}
+
+## select(Object)
+
+折线图的选中状态。开启 [selectedMode](~series-line.selectedMode) 后有效。
+
+{{ use: line-state() }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
## smooth(boolean|number) = false
@@ -268,17 +273,20 @@ const option = {
单个拐点的高亮样式和标签设置。
-#### itemStyle(Object)
+{{ use: line-item-state() }}
-{{ use: partial-item-style(
- prefix = "####"
-) }}
+### blur(Object)
-#### label(Object)
+单个拐点的淡出样式和标签设置。
+
+{{ use: line-item-state() }}
+
+### select(Object)
+
+单个拐点的选中样式和标签设置。
+
+{{ use: line-item-state() }}
-{{ use: partial-label(
- prefix = "####"
-) }}
{{ use: partial-tooltip-in-series-data() }}
@@ -305,3 +313,46 @@ const option = {
{{ use: partial-tooltip-in-series() }}
+
+{{ target: line-state }}
+
+### label(Object)
+
+{{ use: partial-label(
+ prefix = "###",
+ formatter = true
+) }}
+
+### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "###"
+) }}
+
+### lineStyle(Object)
+
+{{ use: partial-line-style(
+ prefix = "###",
+ defaultWidth = 2
+) }}
+
+### areaStyle(Object)
+
+{{ use: partial-area-style(
+ prefix = "###"
+) }}
+
+
+{{ target: line-item-state }}
+
+#### label(Object)
+
+{{ use: partial-label(
+ prefix = "####"
+) }}
+
+#### itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "####"
+) }}
\ No newline at end of file
diff --git a/zh/option/series/pie.md b/zh/option/series/pie.md
index 2847a69..be38aa0 100644
--- a/zh/option/series/pie.md
+++ b/zh/option/series/pie.md
@@ -51,20 +51,6 @@ const option = {
{{ use: partial-legend-hover-link() }}
-## hoverAnimation(boolean) = true
-
-<ExampleUIControlBoolean default="true" />
-
-是否开启 hover 在扇区上的放大动画效果。
-
-## hoverOffset(number) = 10
-
-<ExampleUIControlNumber min="0" default="10" />
-
-高亮扇区的偏移距离。
-
-## selectedMode(boolean|string) = false
-
{{ use: partial-selected-mode() }}
## selectedOffset(number) = 10
@@ -211,29 +197,40 @@ const option = {
## emphasis(Object)
-高亮的扇区和标签样式。
+高亮状态的扇区和标签样式。
-### label(Object)
+### scale(boolean) = true
-{{ use: partial-pie-label(
- prefix = "###",
- position = false,
- formatter = true
+<ExampleUIControlBoolean default="true" />
+
+是否开启高亮后扇区的放大效果。
+
+### scaleSize(number) = 10
+
+<ExampleUIControlNumber min="0" default="10" />
+
+高亮后扇区的放大尺寸, 在开启 [emphasis.scale](~series-pie.emphasis.scale) 后有效。
+
+{{ use: partial-focus-blur-scope() }}
+
+{{ use: pie-state(
+ prefix="##"
) }}
-### labelLine(Object)
+## blur(Object)
-{{ use: partial-pie-label-line(
- prefix = '###',
- length = false,
- length2 = false,
- smooth = false
+淡出状态的扇区和标签样式。开启 [emphasis.focus](~series-pie.emphasis.focus) 后有效。
+
+{{ use: pie-state(
+ prefix="##"
) }}
-### itemStyle(Object)
+## select(Object)
-{{ use: partial-item-style(
- prefix = "###"
+选中状态的扇区和标签样式。开启 [selectedMode](~series-pie.selectedMode) 后有效。
+
+{{ use: pie-state(
+ prefix="##"
) }}
{{ use: component-circular-layout(
@@ -300,29 +297,24 @@ const option = {
### emphasis(Object)
-#### label(Object)
-
-{{ use: partial-pie-label(
- prefix = "####",
- position = false,
- formatter = false
+{{ use: pie-state(
+ prefix="###"
) }}
-#### labelLine(Object)
-{{ use: partial-pie-label-line(
- prefix = '####',
- length = false,
- length2 = false,
- smooth = false
+### blur(Object)
+
+{{ use: pie-state(
+ prefix="###"
) }}
-#### itemStyle(Object)
+### select(Object)
-{{ use: partial-item-style(
- prefix = "####"
+{{ use: pie-state(
+ prefix="###"
) }}
+
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-marker(
@@ -450,3 +442,27 @@ const option = {
prefix = "#" + ${prefix}
) }}
+{{ target: pie-state }}
+
+#${prefix} label(Object)
+
+{{ use: partial-pie-label(
+ prefix = "#" + ${prefix},
+ position = false,
+ formatter = ${prefix === '##'}
+) }}
+
+#${prefix} labelLine(Object)
+
+{{ use: partial-pie-label-line(
+ prefix = "#" + ${prefix},
+ length = false,
+ length2 = false,
+ smooth = false
+) }}
+
+#${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "#" + ${prefix}
+) }}
diff --git a/zh/option/series/sankey.md b/zh/option/series/sankey.md
index 2c64e5d..6a5cfe8 100644
--- a/zh/option/series/sankey.md
+++ b/zh/option/series/sankey.md
@@ -195,6 +195,8 @@ levels: [{
桑基图边的样式,其中 [lineStyle.color](~series-sankey.lineStyle.color) 支持设置为`'source'`或者`'target'`特殊值,此时边会自动取源节点或目标节点的颜色作为自己的颜色。
+从 5.0 开始, [lineStyle.color](~series-sankey.lineStyle.color) 还可以设置为`'gradient'`,取从源节点到目标节点的渐变色。
+
{{ use: partial-sankey-line-style(
prefix = "##"
) }}
diff --git a/zh/option/series/scatter.md b/zh/option/series/scatter.md
index 2a05fbd..c4f2874 100644
--- a/zh/option/series/scatter.md
+++ b/zh/option/series/scatter.md
@@ -94,12 +94,6 @@ const option = {
calendar = true
) }}
-## hoverAnimation(boolean)
-
-<ExampleUIControlBoolean default="true" />
-
-是否开启鼠标 hover 的提示动画效果。
-
{{ use: partial-legend-hover-link() }}
{{ use: partial-symbol(
@@ -147,17 +141,50 @@ const option = {
高亮的图形和标签样式。
-### label(Object)
+### scale(boolean) = true
-{{ use: partial-label(
- prefix = "###",
- formatter = true
+<ExampleUIControlBoolean default="true" />
+
+是否开启高亮后的放大效果。
+
+{{ use: partial-focus-blur-scope() }}
+
+{{ use: scatter-state(
+ prefix="##"
) }}
-### itemStyle(Object)
+## emphasis(Object)
-{{ use: partial-item-style(
- prefix = "###"
+高亮的图形和标签样式。
+
+### scale(boolean) = true
+
+<ExampleUIControlBoolean default="true" />
+
+是否开启高亮后的放大效果。
+
+{{ use: scatter-state(
+ prefix="##"
+) }}
+
+## blur(Object)
+
+淡出状态的配置。开启 [emphasis.focus](~series-scatter.emphasis.focus) 后有效。
+
+{{ use: scatter-state(
+ prefix="##"
+) }}
+
+## select(Object)
+
+选中状态的配置。开启 [selectedMode](~series-scatter.selectedMode) 后有效。
+
+{{ use: scatter-state(
+ prefix="##"
+) }}
+
+{{ use: partial-selected-mode(
+ version = '5.0.0'
) }}
{{ use: partial-progressive(
@@ -212,18 +239,27 @@ const option = {
单个数据的高亮图形和标签样式。
-#### label(Object)
+{{ use: scatter-state(
+ prefix = "###"
+) }}
-{{ use: partial-label(
- prefix = "####"
+### blur(Object)
+
+单个数据的淡出图形和标签样式。
+
+{{ use: scatter-state(
+ prefix = "###"
) }}
-#### itemStyle(Object)
+### select(Object)
-{{ use: partial-item-style(
- prefix = "####"
+单个数据的选中图形和标签样式。
+
+{{ use: scatter-state(
+ prefix = "###"
) }}
+
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-marker(
@@ -252,3 +288,18 @@ const option = {
{{ use: partial-tooltip-in-series() }}
+
+{{ target: scatter-state }}
+
+#${prefix} label(Object)
+
+{{ use: partial-label(
+ prefix = "#" + ${prefix},
+ formatter = ${prefix === '##'}
+) }}
+
+#${prefix} itemStyle(Object)
+
+{{ use: partial-item-style(
+ prefix = "#" + ${prefix}
+) }}
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org