From 3b26614a2cc4ddd5cf4a6cef9f3e5c4db25f63dd Mon Sep 17 00:00:00 2001 From: pissang Date: Fri, 14 Jan 2022 13:28:53 +0800 Subject: [PATCH] add emphasis.disabled, select.disabled. selectedMode: series apache/echarts#16368 apache/echarts#15534 --- en/option/component/geo-common.md | 8 +++ en/option/partial/emphasis-common.md | 79 ++++++++++++++++++++++++++ en/option/partial/mark-area.md | 8 +++ en/option/partial/mark-line.md | 8 +++ en/option/partial/mark-point.md | 8 +++ en/option/partial/select-common.md | 10 ++++ en/option/partial/selected-mode.md | 4 +- en/option/partial/zr-graphic.md | 6 ++ en/option/series/bar.md | 20 +++++++ en/option/series/boxplot.md | 16 ++++++ en/option/series/candlestick.md | 16 ++++++ en/option/series/effectScatter.md | 16 ++++++ en/option/series/funnel.md | 16 ++++++ en/option/series/gauge.md | 4 ++ en/option/series/graph.md | 32 +++++++++++ en/option/series/heatmap.md | 12 ++++ en/option/series/line.md | 16 ++++++ en/option/series/lines.md | 16 ++++++ en/option/series/map.md | 8 +++ en/option/series/parallel.md | 4 ++ en/option/series/pictorialBar.md | 16 ++++++ en/option/series/pie.md | 17 ++++++ en/option/series/radar.md | 12 ++++ en/option/series/sankey.md | 32 +++++++++++ en/option/series/scatter.md | 16 ++++++ en/option/series/sunburst.md | 1 + en/option/series/themeRiver.md | 8 +++ en/option/series/tree.md | 24 ++++++++ en/option/series/treemap.md | 8 +++ zh/option/component/axis-common.md | 1 - zh/option/component/geo-common.md | 8 +++ zh/option/partial/color-desc.md | 3 +- zh/option/partial/colorBy.md | 6 +- zh/option/partial/emphasis-common.md | 83 ++++++++++++++++++++++++++++ zh/option/partial/mark-area.md | 8 +++ zh/option/partial/mark-line.md | 8 +++ zh/option/partial/mark-point.md | 8 +++ zh/option/partial/select-common.md | 9 +++ zh/option/partial/selected-mode.md | 4 +- zh/option/partial/zr-graphic.md | 5 ++ zh/option/series/bar.md | 24 +++++++- zh/option/series/boxplot.md | 18 +++++- zh/option/series/candlestick.md | 16 ++++++ zh/option/series/effectScatter.md | 16 ++++++ zh/option/series/funnel.md | 20 ++++++- zh/option/series/gauge.md | 8 ++- zh/option/series/graph.md | 32 +++++++++++ zh/option/series/heatmap.md | 12 ++++ zh/option/series/line.md | 16 ++++++ zh/option/series/lines.md | 16 ++++++ zh/option/series/map.md | 8 +++ zh/option/series/parallel.md | 4 ++ zh/option/series/pictorialBar.md | 16 ++++++ zh/option/series/pie.md | 21 ++++++- zh/option/series/radar.md | 16 +++++- zh/option/series/sankey.md | 32 +++++++++++ zh/option/series/scatter.md | 16 ++++++ zh/option/series/sunburst.md | 1 - zh/option/series/themeRiver.md | 12 +++- zh/option/series/tree.md | 24 ++++++++ zh/option/series/treemap.md | 8 +++ 61 files changed, 904 insertions(+), 16 deletions(-) create mode 100644 en/option/partial/emphasis-common.md create mode 100644 en/option/partial/select-common.md create mode 100644 zh/option/partial/emphasis-common.md create mode 100644 zh/option/partial/select-common.md diff --git a/en/option/component/geo-common.md b/en/option/component/geo-common.md index 5c2df3415..fc7174523 100644 --- a/en/option/component/geo-common.md +++ b/en/option/component/geo-common.md @@ -180,6 +180,10 @@ Area filling color. Map area style in highlighted state. +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + {{ if: !${inMap} }} {{ use: partial-focus-blur-scope( isGeoCoordSys = true @@ -194,6 +198,10 @@ Map area style in highlighted state. Map area style in selected state. +{{ use: partial-select-disabled( + prefix = "#" + ${prefix} +) }} + {{ use: partial-geo-common-state( prefix = '#' + ${prefix} ) }} diff --git a/en/option/partial/emphasis-common.md b/en/option/partial/emphasis-common.md new file mode 100644 index 000000000..58af2d8f5 --- /dev/null +++ b/en/option/partial/emphasis-common.md @@ -0,0 +1,79 @@ + +{{ target: partial-emphasis-disabled }} + +#${prefix} disabled(boolean) + + + +Whether to disable the emphasis state. + +When emphasis state is disabled. There will be no highlight effect when the mouse hovered the element, tooltip is triggered, or the legend is hovered. It can be used to improve interaction fluency when there are massive graphic elements. + + + +{{ target: partial-focus-blur-scope }} + +### focus(string) = 'none' + +{{ if: ${isGeoCoordSys} }} +{{ use: partial-version( + version = "5.1.0" +) }} +{{ else }} +{{ use: partial-version( + version = "5.0.0" +) }} +{{ /if }} + +When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported: + ++ `'none'` Do not fade out other data, it's by default. ++ `'self'` Only focus (not fade out) the element of the currently highlighted data. + +{{ if: !${isGeoCoordSys} }} ++ `'series'` Focus on all elements of the series which the currently highlighted data belongs to. +{{ /if }} + +{{ if: ${isGraph} }} ++ `'adjacency'` Focus on the elements of adjacent nodes and edges in the graph. + +{{ elif: ${isTree} }} ++ `'ancestor'` Focus on all ancestor nodes. ++ `'descendant'` Focus on all descendants nodes. +{{ /if }} + +**Example: ** + +{{ if: !${isGeoCoordSys} }} +```js +emphasis: { + focus: 'series', + blurScope: 'coordinateSystem' +} +``` + +~[600x400](${galleryViewPath}bar-y-category-stack&reset=1&edit=1) +{{ else }} +```js +emphasis: { + focus: 'self' +} +``` + +~[600x400](${galleryViewPath}geo-organ&reset=1&edit=1) +{{ /if }} + +{{ if: !${isGeoCoordSys} }} +### blurScope(string) = 'coordinateSystem' + +{{ use: partial-version( + version = "5.0.0" +) }} + +The range of fade out when `focus` is enabled. Support the following configurations + ++ `'coordinateSystem'` ++ `'series'` ++ `'global'` +{{ /if }} + diff --git a/en/option/partial/mark-area.md b/en/option/partial/mark-area.md index 137149eab..24ff50765 100644 --- a/en/option/partial/mark-area.md +++ b/en/option/partial/mark-area.md @@ -29,6 +29,10 @@ Style of the mark area. Emphasis status of mark area. +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: partial-label( @@ -241,6 +245,10 @@ Label style of start point and end point will be merged together. #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} itemStyle(Object) {{ use: partial-item-style( diff --git a/en/option/partial/mark-line.md b/en/option/partial/mark-line.md index 408b1513e..1ea32c0cf 100644 --- a/en/option/partial/mark-line.md +++ b/en/option/partial/mark-line.md @@ -46,6 +46,10 @@ Mark line style. Emphasis status of mark line. +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: mark-line-label( @@ -339,6 +343,10 @@ Label of this data item, which will be merged with `label` of starting point and #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} lineStyle(Object) {{ use: partial-line-style( diff --git a/en/option/partial/mark-point.md b/en/option/partial/mark-point.md index 950f7d130..82387a846 100644 --- a/en/option/partial/mark-point.md +++ b/en/option/partial/mark-point.md @@ -41,6 +41,10 @@ Mark point style. Emphasis status of mark point. +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: partial-label( @@ -184,6 +188,10 @@ Mark point style. ###${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" + ${prefix} +) }} + ####${prefix} label(Object) {{ use: partial-label( diff --git a/en/option/partial/select-common.md b/en/option/partial/select-common.md new file mode 100644 index 000000000..39272cd34 --- /dev/null +++ b/en/option/partial/select-common.md @@ -0,0 +1,10 @@ + +{{ target: partial-select-disabled }} + +#${prefix} disabled(boolean) + + + +If data can be selected. Available when `selectedMode` is used. Can be used to disable selection for part of the data. + + diff --git a/en/option/partial/selected-mode.md b/en/option/partial/selected-mode.md index d0ac59014..78e32c868 100644 --- a/en/option/partial/selected-mode.md +++ b/en/option/partial/selected-mode.md @@ -9,9 +9,9 @@ ) }} {{ /if }} - + Selected mode. It is enabled by default, and you may set it to be `false` to disabled it. -Besides, it can be set to `'single'` or `'multiple'`, for single selection and multiple selections. +Besides, it can be set to `'single'`, `'multiple'` or `'series'`, for single selection, multiple selections and whole series selection. diff --git a/en/option/partial/zr-graphic.md b/en/option/partial/zr-graphic.md index 3c86723c7..68c3729c3 100644 --- a/en/option/partial/zr-graphic.md +++ b/en/option/partial/zr-graphic.md @@ -1773,6 +1773,8 @@ x value of element scale and rotation origin. In pixels y value of element scale and rotation origin. In pixels. + + {{ target: partial-graphic-cpt-focus-blur }} ##${prefix} focus(string) = 'none' @@ -1804,6 +1806,10 @@ The range of fade out when `focus` is enabled. Support the following configurati {{ target: partial-graphic-cpt-style-emphasis }} {{ if: ${usageType} === 'customSeries' }} +##${prefix} emphasisEnabled(boolean) + +Whether to disable the emphasis state. + ##${prefix} emphasis(Object) Emphasis state of the element. diff --git a/en/option/series/bar.md b/en/option/series/bar.md index b3e3302fa..03ec3c46d 100644 --- a/en/option/series/bar.md +++ b/en/option/series/bar.md @@ -86,6 +86,10 @@ Background style of each bar if [showBackground](~series-bar.showBackground) is Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: partial-bar-state( @@ -106,8 +110,16 @@ Configurations of blur state. Available when [emphasis.focus](~series-bar.emphas ## select(Object) +{{ use: partial-version( + version = "5.0.0" +) }} + Configurations of select state. Available when [selectedMode](~series-bar.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-bar-state( prefix = "##", topLevel = true, @@ -191,6 +203,10 @@ The value of a single data item. Emphasis state of single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", topLevel = false, @@ -219,6 +235,10 @@ Blur state of single data. Select state of single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", topLevel = false, diff --git a/en/option/series/boxplot.md b/en/option/series/boxplot.md index 3c6195fcd..03979b769 100644 --- a/en/option/series/boxplot.md +++ b/en/option/series/boxplot.md @@ -77,6 +77,10 @@ Style of boxplot. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} ### itemStyle(Object) @@ -116,6 +120,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-boxplot.em Configurations of select state. Available when [selectedMode](~series-boxplot.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + ### itemStyle(Object) {{ use: partial-item-style( @@ -198,6 +206,10 @@ Style of a single data. Emphasis state of a single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( @@ -229,6 +241,10 @@ Blur state of single data. Select state of single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( diff --git a/en/option/series/candlestick.md b/en/option/series/candlestick.md index f32fb91c7..b4b88dafe 100644 --- a/en/option/series/candlestick.md +++ b/en/option/series/candlestick.md @@ -96,6 +96,10 @@ Item style of candlestick. Emphasis style of candlestick. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} ### itemStyle(Object) @@ -128,6 +132,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-candlestic Configurations of select state. Available when [selectedMode](~series-candlestick.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + ### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( @@ -213,6 +221,10 @@ Style of a candle box. Emphasis style of a candle box. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( @@ -241,6 +253,10 @@ Blur state of single data. Select state of single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( diff --git a/en/option/series/effectScatter.md b/en/option/series/effectScatter.md index a34900d35..ae2fc5d24 100644 --- a/en/option/series/effectScatter.md +++ b/en/option/series/effectScatter.md @@ -138,6 +138,10 @@ The brush type for ripples. options: `'stroke'` and `'fill'`. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -170,6 +174,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-effectScat Configurations of select state. Available when [selectedMode](~series-effectScatter.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: effectScatter-state( prefix = "##" ) }} @@ -231,6 +239,10 @@ Configurations of select state. Available when [selectedMode](~series-effectScat Emphasis state of the specified single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: effectScatter-state( prefix = "###" ) }} @@ -251,6 +263,10 @@ Blur state of the specified single data. Select state of the specified single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: effectScatter-state( prefix = "###" ) }} diff --git a/en/option/series/funnel.md b/en/option/series/funnel.md index 08af576d6..8275c99c8 100644 --- a/en/option/series/funnel.md +++ b/en/option/series/funnel.md @@ -120,6 +120,10 @@ The visual guide line style of label. When [label position](~series-funnel.label Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: partial-funnel-state( @@ -148,6 +152,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-funnel.emp Configurations of select state. Available when [selectedMode](~series-funnel.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-funnel-state( prefix = "##", state = 'select' @@ -223,6 +231,10 @@ The label configuration of a single data item. ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-funnel-state( prefix = "###", state = 'emphasis' @@ -245,6 +257,10 @@ The label configuration of a single data item. version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-funnel-state( prefix = "###", state = 'select' diff --git a/en/option/series/gauge.md b/en/option/series/gauge.md index de3dc5a27..6644fe0e1 100644 --- a/en/option/series/gauge.md +++ b/en/option/series/gauge.md @@ -435,6 +435,10 @@ The color of pointer. Defaults to use [the color of section](~series-gauge.axisL Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### itemStyle(*) {{ use: partial-item-style( diff --git a/en/option/series/graph.md b/en/option/series/graph.md index 7a31cf702..8feafece6 100644 --- a/en/option/series/graph.md +++ b/en/option/series/graph.md @@ -219,6 +219,10 @@ The style of edge line. [lineStyle.color](~series-graph.lineStyle.color) can be Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -253,6 +257,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-graph.emph Configurations of select state. Available when [selectedMode](~series-graph.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: graph-state( state = 'select' ) }} @@ -298,6 +306,10 @@ The label style of node in this category. Emphasis state of nodes in this category. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'emphasis' ) }} @@ -322,6 +334,10 @@ Blur state of nodes in this category. Select state of nodes in this category. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'select' ) }} @@ -410,6 +426,10 @@ The label style of this node. Emphasis state of specified node. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'emphasis' ) }} @@ -434,6 +454,10 @@ Blur state of specified node. Select state of specified node. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'select' ) }} @@ -493,6 +517,10 @@ The curveness of edge, supporting values from 0 to 1. The curveness will be larg Emphasis state of specified edge. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-edge-state( state = 'emphasis' ) }} @@ -517,6 +545,10 @@ Blur state of specified edge. Select state of specified edge. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-edge-state( state = 'select' ) }} diff --git a/en/option/series/heatmap.md b/en/option/series/heatmap.md index 00fe8bf91..ce3b17fce 100644 --- a/en/option/series/heatmap.md +++ b/en/option/series/heatmap.md @@ -78,6 +78,10 @@ Work for [coordinateSystem](~series-heatmap.coordinateSystem): 'cartesian2d'. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: heatmap-state( @@ -106,6 +110,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-heatmap.em Configurations of select state. Available when [selectedMode](~series-heatmap.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: heatmap-state( prefix = "##", state = 'select' @@ -160,6 +168,10 @@ Style of a single data point. It is valid with [coordinateSystem](~series-heatma ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( diff --git a/en/option/series/line.md b/en/option/series/line.md index 95986b1b0..4e59d4074 100644 --- a/en/option/series/line.md +++ b/en/option/series/line.md @@ -174,6 +174,10 @@ The style of area. Highlight style of the graphic. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true Whether to scale to highlight the data in emphasis state. @@ -226,6 +230,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-line.empha Configurations of select state. Available when [selectedMode](~series-line.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: line-state( state = 'select' ) }} @@ -348,6 +356,10 @@ The style of the symbol of single data point. Emphasis state of specified single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: line-item-state( state = 'emphasis' ) }} @@ -364,6 +376,10 @@ Blur state of specified single data. Select state of specified single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: line-item-state( state = 'select' ) }} diff --git a/en/option/series/lines.md b/en/option/series/lines.md index 986f7fb81..d4bf90ca9 100644 --- a/en/option/series/lines.md +++ b/en/option/series/lines.md @@ -137,6 +137,10 @@ Label settings. Does not work when [polyline](~series-lines.polyline) is `true`. Emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: lines-state( @@ -165,6 +169,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-lines.emph Configurations of select state. Available when [selectedMode](~series-lines.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: lines-state( prefix = "##", state = 'select' @@ -215,6 +223,10 @@ Label of a single line. Available when [polyline](~series-lines.polyline) is not ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: lines-state( prefix = "###", state = 'emphasis' @@ -237,6 +249,10 @@ Label of a single line. Available when [polyline](~series-lines.polyline) is not version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: lines-state( prefix = "###", state = 'select' diff --git a/en/option/series/map.md b/en/option/series/map.md index 7f6179c00..82a8c82db 100644 --- a/en/option/series/map.md +++ b/en/option/series/map.md @@ -140,6 +140,10 @@ Color of the area. Emphasis state of specified region. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: map-region-state( state = 'emphasis' ) }} @@ -148,6 +152,10 @@ Emphasis state of specified region. Select state of polygon. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: map-region-state( state = 'select' ) }} diff --git a/en/option/series/parallel.md b/en/option/series/parallel.md index bdf51d306..af5a2853b 100644 --- a/en/option/series/parallel.md +++ b/en/option/series/parallel.md @@ -272,6 +272,10 @@ Line style. #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} lineStyle(Object) {{ use: partial-line-style( diff --git a/en/option/series/pictorialBar.md b/en/option/series/pictorialBar.md index 63f7a1113..d107edb7a 100644 --- a/en/option/series/pictorialBar.md +++ b/en/option/series/pictorialBar.md @@ -115,6 +115,10 @@ See the example below: Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: pictorialBar-state( @@ -143,6 +147,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-pictorialB Configurations of select state. Available when [selectedMode](~series-pictorialBar.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-selected-mode( version = '5.0.0' ) }} @@ -224,6 +232,10 @@ The style setting of the text label in a single bar. Emphasis state of the specified single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", state = 'emphasis' @@ -250,6 +262,10 @@ Blur state of the specified single data. Select state of the specified single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", state = 'select' diff --git a/en/option/series/pie.md b/en/option/series/pie.md index ee7cef9d2..88cfcfd37 100644 --- a/en/option/series/pie.md +++ b/en/option/series/pie.md @@ -16,6 +16,7 @@ For multiple pie series in a single chart, you may use [left](~series-pie.left), ~[500x400](${galleryViewPath}pie-custom&edit=1&reset=1) Since ECharts v4.6.0, we provide `'labelLine'` and `'edge'` two extra layouts. Check [label.alignTo](~series-pie.label.alignTo) for more information. + ## type(string) = 'pie' {{ use: partial-component-id( @@ -207,6 +208,10 @@ Can be 0 - 180 degree. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -247,6 +252,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-pie.emphas Configurations of select state. Available when [selectedMode](~series-pie.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: pie-state( prefix = "##", state = 'select' @@ -327,6 +336,10 @@ The label configuration of a single sector. ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: pie-state( prefix = "###", state = 'emphasis' @@ -349,6 +362,10 @@ The label configuration of a single sector. version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: pie-state( prefix = "###", state = 'select' diff --git a/en/option/series/radar.md b/en/option/series/radar.md index d4a487534..f6e2f576f 100644 --- a/en/option/series/radar.md +++ b/en/option/series/radar.md @@ -84,6 +84,10 @@ Area filling style. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: radar-state( @@ -112,6 +116,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-radar.emph Configurations of select state. Available when [selectedMode](~series-radar.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: radar-state( prefix = "##", state = 'select' @@ -225,6 +233,10 @@ Configurations of blur state. Configurations of selected state. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: radar-state( prefix = "###", state = 'select' diff --git a/en/option/series/sankey.md b/en/option/series/sankey.md index dc19b14b2..cb4616e37 100644 --- a/en/option/series/sankey.md +++ b/en/option/series/sankey.md @@ -135,6 +135,10 @@ Specify which layer is set, value starts from 0. ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: sankey-state( prefix = "###", state = 'emphasis' @@ -157,6 +161,10 @@ Specify which layer is set, value starts from 0. version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: sankey-state( prefix = "###", state = 'select' @@ -203,6 +211,10 @@ The edge style of Sankey diagram Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope( isGraph = true ) }} @@ -233,6 +245,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-sankey.emp Configurations of selected state. Available when [selectedMode](~series-sankey.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: sankey-state( prefix = "##", state = 'select' @@ -291,6 +307,10 @@ The lable style of this node. ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: sankey-node-state( prefix = "###", state = 'emphasis' @@ -313,6 +333,10 @@ The lable style of this node. version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: sankey-node-state( prefix = "###", state = 'select' @@ -360,6 +384,10 @@ The line stlye of edge. ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### lineStyle(Object) {{ use: partial-sankey-line-style( @@ -385,6 +413,10 @@ The line stlye of edge. version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### lineStyle(Object) {{ use: partial-sankey-line-style( diff --git a/en/option/series/scatter.md b/en/option/series/scatter.md index efc599446..886536bb1 100644 --- a/en/option/series/scatter.md +++ b/en/option/series/scatter.md @@ -86,6 +86,10 @@ It could be used with [rectangular coordinate](~grid) and [polar coordinate](~po Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -120,6 +124,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-scatter.em Configurations of select state. Available when [selectedMode](~series-scatter.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: scatter-state( prefix = "##", state = 'select' @@ -199,6 +207,10 @@ the style setting about single data point(bubble). Emphasis state of single data. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: scatter-state( prefix = "###", state = 'emphasis' @@ -225,6 +237,10 @@ Blur state of single data. Select state of single data. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: scatter-state( prefix = "###", state = 'select' diff --git a/en/option/series/sunburst.md b/en/option/series/sunburst.md index 3e6697216..252581b52 100644 --- a/en/option/series/sunburst.md +++ b/en/option/series/sunburst.md @@ -348,6 +348,7 @@ series: { ] } ``` + ### radius(Array) {{ use: partial-version( diff --git a/en/option/series/themeRiver.md b/en/option/series/themeRiver.md index 7ec434644..cb9462f32 100644 --- a/en/option/series/themeRiver.md +++ b/en/option/series/themeRiver.md @@ -102,6 +102,10 @@ style of each ribbon-shape river branch in theme river. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: themeRiver-state( @@ -130,6 +134,10 @@ Configurations of blur state. Configurations of select state. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: themeRiver-state( prefix = "##", state = 'select' diff --git a/en/option/series/tree.md b/en/option/series/tree.md index 6f5ab2e41..e7fe5f5f2 100644 --- a/en/option/series/tree.md +++ b/en/option/series/tree.md @@ -142,6 +142,10 @@ Defines the style of the tree edge. Configurations of emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope( isTree = true ) }} @@ -172,6 +176,10 @@ Configurations of blur state. Available when [emphasis.focus](~series-tree.empha Configurations of select state. Available when [selectedMode](~series-tree.selectedMode) is set. +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: tree-state( prefix = "##", state = 'select' @@ -208,6 +216,10 @@ The style of the leaf node in the tree. Emphasis state of leaves nodes. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'emphasis' @@ -234,6 +246,10 @@ Blur state of leaves nodes. Select state of leaves nodes. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'select' @@ -307,6 +323,10 @@ The label of the node. Emphasis state of a single node. +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'emphasis' @@ -333,6 +353,10 @@ Blur state of a single node. Select state of a single node. +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'select' diff --git a/en/option/series/treemap.md b/en/option/series/treemap.md index 3741c58fe..ced71b946 100644 --- a/en/option/series/treemap.md +++ b/en/option/series/treemap.md @@ -606,6 +606,10 @@ Height of label area. Emphasis state. +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + {{ if: ${prefix} === '#' }} {{ use: partial-focus-blur-scope( isTree = true @@ -636,6 +640,10 @@ Blur state. Select state. +{{ use: partial-select-disabled( + prefix = "#" + ${prefix} +) }} + {{ use: treemap-state( prefix = "#" + ${prefix} ) }} diff --git a/zh/option/component/axis-common.md b/zh/option/component/axis-common.md index b32bc7639..a0ad2414f 100644 --- a/zh/option/component/axis-common.md +++ b/zh/option/component/axis-common.md @@ -156,7 +156,6 @@ X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上,只有在另一 defaultColor = "'#333'" ) }} - ##${prefix} color(Color|Function) diff --git a/zh/option/component/geo-common.md b/zh/option/component/geo-common.md index 2390562b5..f779993f6 100644 --- a/zh/option/component/geo-common.md +++ b/zh/option/component/geo-common.md @@ -179,6 +179,10 @@ boundingCoords: [ 高亮状态下的多边形和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + {{ if: !${inMap} }} {{ use: partial-focus-blur-scope( isGeoCoordSys = true @@ -193,6 +197,10 @@ boundingCoords: [ 选中状态下的多边形和标签样式。 +{{ use: partial-select-disabled( + prefix = "#" + ${prefix} +) }} + {{ use: partial-geo-common-state( prefix = '#' + ${prefix} ) }} diff --git a/zh/option/partial/color-desc.md b/zh/option/partial/color-desc.md index 95d5185be..f23b82c47 100644 --- a/zh/option/partial/color-desc.md +++ b/zh/option/partial/color-desc.md @@ -1,4 +1,5 @@ {{ target: partial-color-desc }} -> 支持使用`rgb(255,255,255)`,`rgba(255,255,255,1)`,`#fff`等方式设置为纯色,也支持设置为渐变色和纹理填充,具体见[option.color](~color) \ No newline at end of file +> 支持使用`rgb(255,255,255)`,`rgba(255,255,255,1)`,`#fff`等方式设置为纯色,也支持设置为渐变色和纹理填充,具体见[option.color](~color) + diff --git a/zh/option/partial/colorBy.md b/zh/option/partial/colorBy.md index ea365a27b..7ccae2d8b 100644 --- a/zh/option/partial/colorBy.md +++ b/zh/option/partial/colorBy.md @@ -1,10 +1,14 @@ + {{ target: partial-colorby }} ## colorBy(string) = ${defaultColorBy|default("'series'")} -{{ use: partial-version(version = '5.2.0') }} +{{ use: partial-version( + version = '5.2.0' +) }} 从调色盘 [option.color](~color) 中取色的策略,可取值为: + `'series'`:按照系列分配调色盘中的颜色,同一系列中的所有数据都是用相同的颜色; + `'data'`:按照数据项分配调色盘中的颜色,每个数据项都使用不同的颜色。 + diff --git a/zh/option/partial/emphasis-common.md b/zh/option/partial/emphasis-common.md new file mode 100644 index 000000000..38312869a --- /dev/null +++ b/zh/option/partial/emphasis-common.md @@ -0,0 +1,83 @@ + +{{ target: partial-emphasis-disabled }} + +#${prefix} disabled(boolean) + + + +是否关闭高亮状态。 + +关闭高亮状态可以在鼠标移到图形上,tooltip 触发,或者图例联动的时候不再触发高亮效果。在图形非常多的时候可以关闭以提升交互流畅性。 + + + +{{ target: partial-focus-blur-scope }} + +### focus(string) = 'none' + +{{ if: ${isGeoCoordSys} }} +{{ use: partial-version( + version = "5.1.0" +) }} +{{ else }} +{{ use: partial-version( + version = "5.0.0" +) }} +{{ /if }} + +在高亮图形时,是否淡出其它数据的图形已达到聚焦的效果。支持如下配置: + ++ `'none'` 不淡出其它图形,默认使用该配置。 ++ `'self'` 只聚焦(不淡出)当前高亮的数据的图形。 + +{{ if: !${isGeoCoordSys} }} ++ `'series'` 聚焦当前高亮的数据所在的系列的所有图形。 +{{ /if }} + +{{ if: ${isGraph} }} ++ `'adjacency'` 聚焦关系图中的邻接点和边的图形 + +{{ elif: ${isTree} }} ++ `'ancestor'` 聚焦所有祖先节点 ++ `'descendant'` 聚焦所有子孙节点 +{{ /if }} + +**示例:** + +{{ if: !${isGeoCoordSys} }} +下面代码配置了柱状图在高亮一个图形的时候,淡出当前直角坐标系所有其它的系列。 + +```js +emphasis: { + focus: 'series', + blurScope: 'coordinateSystem' +} +``` + +~[600x400](${galleryViewPath}bar-y-category-stack&reset=1&edit=1) +{{ else }} +下面代码配置了 geo 在高亮一个图形的时候,淡出所有其它的图形。 + +```js +emphasis: { + focus: 'self' +} +``` + +~[600x400](${galleryViewPath}geo-organ&reset=1&edit=1) +{{ /if }} + +{{ if: !${isGeoCoordSys} }} +### blurScope(string) = 'coordinateSystem' + +{{ use: partial-version( + version = "5.0.0" +) }} + +在开启`focus`的时候,可以通过`blurScope`配置淡出的范围。支持如下配置 + ++ `'coordinateSystem'` 淡出范围为坐标系,默认使用该配置。 ++ `'series'` 淡出范围为系列。 ++ `'global'` 淡出范围为全局。 +{{ /if }} + diff --git a/zh/option/partial/mark-area.md b/zh/option/partial/mark-area.md index 16fd82ae8..2672e14ae 100644 --- a/zh/option/partial/mark-area.md +++ b/zh/option/partial/mark-area.md @@ -29,6 +29,10 @@ 高亮的标域样式 +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: partial-label( @@ -234,6 +238,10 @@ data: [ #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} itemStyle(Object) {{ use: partial-item-style( diff --git a/zh/option/partial/mark-line.md b/zh/option/partial/mark-line.md index 78234e76c..553ccda09 100644 --- a/zh/option/partial/mark-line.md +++ b/zh/option/partial/mark-line.md @@ -46,6 +46,10 @@ 标线的高亮样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: mark-line-label( @@ -338,6 +342,10 @@ data: [{ #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} lineStyle(Object) {{ use: partial-line-style( diff --git a/zh/option/partial/mark-point.md b/zh/option/partial/mark-point.md index ceaafa989..f041f1048 100644 --- a/zh/option/partial/mark-point.md +++ b/zh/option/partial/mark-point.md @@ -41,6 +41,10 @@ 标注的高亮样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" + ${prefix} +) }} + ###${prefix} label(Object) {{ use: partial-label( @@ -184,6 +188,10 @@ data: [{{ if: ${hasType} }} ###${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" + ${prefix} +) }} + ####${prefix} label(Object) {{ use: partial-label( diff --git a/zh/option/partial/select-common.md b/zh/option/partial/select-common.md new file mode 100644 index 000000000..eede20b6a --- /dev/null +++ b/zh/option/partial/select-common.md @@ -0,0 +1,9 @@ + +{{ target: partial-select-disabled }} + +#${prefix} disabled(boolean) + + + +是否可以被选中。在开启`selectedMode`的时候有效,可以用于关闭部分数据。 + diff --git a/zh/option/partial/selected-mode.md b/zh/option/partial/selected-mode.md index 20bb075a7..a3223643d 100644 --- a/zh/option/partial/selected-mode.md +++ b/zh/option/partial/selected-mode.md @@ -9,7 +9,7 @@ ) }} {{ /if }} - + -选中模式的配置,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选`'single'`,`'multiple'`,分别表示单选还是多选。 +选中模式的配置,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选`'single'`,`'multiple'`,`'series'` 分别表示单选,多选以及选择整个系列。 diff --git a/zh/option/partial/zr-graphic.md b/zh/option/partial/zr-graphic.md index 93111ffb5..3c5b00be0 100644 --- a/zh/option/partial/zr-graphic.md +++ b/zh/option/partial/zr-graphic.md @@ -1756,6 +1756,7 @@ renderItem: function (params, api) { 元素旋转和缩放原点的 y 像素位置。 + {{ target: partial-graphic-cpt-focus-blur }} ##${prefix} focus(string) = 'none' @@ -1787,6 +1788,10 @@ renderItem: function (params, api) { {{ target: partial-graphic-cpt-style-emphasis }} {{ if: ${usageType} === 'customSeries' }} +##${prefix} emphasisEnabled(boolean) + +是否关闭高亮状态。 + ##${prefix} emphasis(Object) 图形元素的高亮状态 diff --git a/zh/option/series/bar.md b/zh/option/series/bar.md index 14a2a4304..fad46b941 100644 --- a/zh/option/series/bar.md +++ b/zh/option/series/bar.md @@ -164,6 +164,10 @@ option = { 高亮的图形样式和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: partial-bar-state( @@ -184,8 +188,16 @@ option = { ## select(Object) +{{ use: partial-version( + version = "5.0.0" +) }} + 数据选中时的图形样式和标签样式。开启 [selectedMode](~series-bar.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-bar-state( prefix = "##", topLevel = true, @@ -269,6 +281,10 @@ option = { 单个数据的高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", topLevel = false, @@ -297,6 +313,10 @@ option = { 单个数据的选中状态配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", topLevel = false, @@ -374,7 +394,9 @@ 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) diff --git a/zh/option/series/boxplot.md b/zh/option/series/boxplot.md index 93051a464..3b1ac19e1 100644 --- a/zh/option/series/boxplot.md +++ b/zh/option/series/boxplot.md @@ -113,6 +113,10 @@ box 的宽度的上下限。数组的意思是:`[min, max]`。 盒须图高亮样式 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} ### itemStyle(Object) @@ -120,7 +124,7 @@ box 的宽度的上下限。数组的意思是:`[min, max]`。 {{ use: partial-item-style( prefix = "###", name = "boxplot", - hasInherit=true, + hasInherit = true, defaultColor = "#fff", defaultBorderWidth = 2, defaultShadowBlur = 5, @@ -152,6 +156,10 @@ box 的宽度的上下限。数组的意思是:`[min, max]`。 数据选中时的图形样式和标签样式。开启 [selectedMode](~series-funnel.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + ### itemStyle(Object) {{ use: partial-item-style( @@ -234,6 +242,10 @@ ECharts 并不内置对原始数据的处理,输入给 `boxplot` 的数据须 盒须图单个数据高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( @@ -265,6 +277,10 @@ ECharts 并不内置对原始数据的处理,输入给 `boxplot` 的数据须 盒须图单个数据选中状态配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( diff --git a/zh/option/series/candlestick.md b/zh/option/series/candlestick.md index 98cb1f24b..dd36957a8 100644 --- a/zh/option/series/candlestick.md +++ b/zh/option/series/candlestick.md @@ -282,6 +282,10 @@ K 线图的图形样式。 K 线图的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} ### itemStyle(Object) @@ -314,6 +318,10 @@ K 线图的淡出状态。开启 [emphasis.focus](~series-candlestick.emphasis.f K 线图的选中状态。开启 [selectedMode](~series-candlestick.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + ### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( @@ -400,6 +408,10 @@ K 线图的选中状态。开启 [selectedMode](~series-candlestick.selectedMode 单个 K 线图数据的高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( @@ -428,6 +440,10 @@ K 线图的选中状态。开启 [selectedMode](~series-candlestick.selectedMode 单个 K 线图数据的选中状态配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-candlestick-item-style-detail( diff --git a/zh/option/series/effectScatter.md b/zh/option/series/effectScatter.md index 65c6b037f..e5b16da85 100644 --- a/zh/option/series/effectScatter.md +++ b/zh/option/series/effectScatter.md @@ -155,6 +155,10 @@ const option = { 高亮的图形和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -187,6 +191,10 @@ const option = { 选中状态的配置。开启 [selectedMode](~series-effectScatter.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: effectScatter-state( prefix = "##" ) }} @@ -248,6 +256,10 @@ const option = { 单个数据的高亮图形和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: effectScatter-state( prefix = "###" ) }} @@ -268,6 +280,10 @@ const option = { 单个数据的选中图形和标签样式。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: effectScatter-state( prefix = "###" ) }} diff --git a/zh/option/series/funnel.md b/zh/option/series/funnel.md index efa86bda8..039846869 100644 --- a/zh/option/series/funnel.md +++ b/zh/option/series/funnel.md @@ -38,7 +38,9 @@ option = { {{ use: partial-series-name() }} -{{ use: partial-colorby(defaultColorBy="'data'") }} +{{ use: partial-colorby( + defaultColorBy = "'data'" +) }} ## min(number) = 0 @@ -140,6 +142,10 @@ option = { 高亮的标签和图形样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: partial-funnel-state( @@ -168,6 +174,10 @@ option = { 数据选中时的图形样式和标签样式。开启 [selectedMode](~series-funnel.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-funnel-state( prefix = "##", state = 'select' @@ -243,6 +253,10 @@ option = { ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-funnel-state( prefix = "###", state = 'emphasis' @@ -265,6 +279,10 @@ option = { version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-funnel-state( prefix = "###", state = 'select' diff --git a/zh/option/series/gauge.md b/zh/option/series/gauge.md index 348e27a9e..610c682a3 100644 --- a/zh/option/series/gauge.md +++ b/zh/option/series/gauge.md @@ -29,7 +29,9 @@ const option = { {{ use: partial-series-name() }} -{{ use: partial-colorby(defaultColorBy="'data'") }} +{{ use: partial-colorby( + defaultColorBy = "'data'" +) }} {{ use: component-circular-layout() }} @@ -446,6 +448,10 @@ formatter: function (value) { 高亮的仪表盘指针样式 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### itemStyle(*) {{ use: partial-item-style( diff --git a/zh/option/series/graph.md b/zh/option/series/graph.md index cc899c396..a835fecb6 100644 --- a/zh/option/series/graph.md +++ b/zh/option/series/graph.md @@ -224,6 +224,10 @@ edgeSymbol: ['circle', 'arrow'] 高亮状态的图形样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -258,6 +262,10 @@ edgeSymbol: ['circle', 'arrow'] 选中状态的图形样式。开启 [selectedMode](~series-graph.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: graph-state( state = 'select' ) }} @@ -304,6 +312,10 @@ edgeSymbol: ['circle', 'arrow'] 该类目节点的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'emphasis' ) }} @@ -328,6 +340,10 @@ edgeSymbol: ['circle', 'arrow'] 该类目节点的选中状态。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'select' ) }} @@ -418,6 +434,10 @@ data: [{ 该节点的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'emphasis' ) }} @@ -442,6 +462,10 @@ data: [{ 该节点的选中状态。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-node-state( state = 'select' ) }} @@ -501,6 +525,10 @@ links: [{ 该关系边的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: graph-edge-state( state = 'emphasis' ) }} @@ -525,6 +553,10 @@ links: [{ 该关系边的选中状态。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: graph-edge-state( state = 'select' ) }} diff --git a/zh/option/series/heatmap.md b/zh/option/series/heatmap.md index 9d71cac5e..0eb954cec 100644 --- a/zh/option/series/heatmap.md +++ b/zh/option/series/heatmap.md @@ -129,6 +129,10 @@ option = { 高亮状态的图形样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: heatmap-state( @@ -157,6 +161,10 @@ option = { 选中状态的图形样式。开启 [selectedMode](~series-heatmap.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: heatmap-state( prefix = "##", state = 'select' @@ -211,6 +219,10 @@ option = { ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### itemStyle(Object) {{ use: partial-item-style( diff --git a/zh/option/series/line.md b/zh/option/series/line.md index 1d1901482..e782923a9 100644 --- a/zh/option/series/line.md +++ b/zh/option/series/line.md @@ -205,6 +205,10 @@ const option = { 折线图的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true 是否开启 hover 在拐点标志上的放大效果。 @@ -257,6 +261,10 @@ const option = { 折线图的选中状态。开启 [selectedMode](~series-line.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: line-state( state = 'select' ) }} @@ -379,6 +387,10 @@ const option = { 单个拐点的高亮样式和标签设置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: line-item-state( state = 'emphasis' ) }} @@ -395,6 +407,10 @@ const option = { 单个拐点的选中样式和标签设置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: line-item-state( state = 'select' ) }} diff --git a/zh/option/series/lines.md b/zh/option/series/lines.md index 0aad4b8bf..4875f6b59 100644 --- a/zh/option/series/lines.md +++ b/zh/option/series/lines.md @@ -136,6 +136,10 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts 高亮的线条和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: lines-state( @@ -164,6 +168,10 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts 选中的线条和标签样式。开启 [selectedMode](~series-lines.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: lines-state( prefix = "##", state = 'select' @@ -239,6 +247,10 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: lines-state( prefix = "###", state = 'emphasis' @@ -261,6 +273,10 @@ ECharts 2.x 里会用地图上的 `markLine` 去绘制迁徙效果,在 ECharts version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: lines-state( prefix = "###", state = 'select' diff --git a/zh/option/series/map.md b/zh/option/series/map.md index 8758b62cb..e23e1a0a8 100644 --- a/zh/option/series/map.md +++ b/zh/option/series/map.md @@ -137,6 +137,10 @@ 该数据所在区域的多边形高亮状态 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: map-region-state( state = 'emphasis' ) }} @@ -145,6 +149,10 @@ 该数据所在区域的多边形选中状态 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: map-region-state( state = 'select' ) }} diff --git a/zh/option/series/parallel.md b/zh/option/series/parallel.md index dac6a3d0a..e8f7f31d4 100644 --- a/zh/option/series/parallel.md +++ b/zh/option/series/parallel.md @@ -272,6 +272,10 @@ const option = { #${prefix} emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + ##${prefix} lineStyle(Object) {{ use: partial-line-style( diff --git a/zh/option/series/pictorialBar.md b/zh/option/series/pictorialBar.md index c9d927a5a..3f5f7cc15 100644 --- a/zh/option/series/pictorialBar.md +++ b/zh/option/series/pictorialBar.md @@ -164,6 +164,10 @@ option = { 高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: pictorialBar-state( @@ -192,6 +196,10 @@ option = { 选中状态配置。开启 [selectedMode](~series-bar.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: partial-selected-mode( version = '5.0.0' ) }} @@ -273,6 +281,10 @@ option = { 单个数据的高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", state = 'emphasis' @@ -299,6 +311,10 @@ option = { 单个数据的选中状态配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: partial-bar-state( prefix = "###", state = 'select' diff --git a/zh/option/series/pie.md b/zh/option/series/pie.md index 680475943..36159144d 100644 --- a/zh/option/series/pie.md +++ b/zh/option/series/pie.md @@ -46,7 +46,9 @@ const option = { {{ use: partial-series-name() }} -{{ use: partial-colorby(defaultColorBy="'data'") }} +{{ use: partial-colorby( + defaultColorBy = "'data'" +) }} {{ use: partial-legend-hover-link() }} @@ -132,7 +134,6 @@ const option = { defaultColor = 'lightgray' ) }} - ## label(Object) {{ use: partial-label-desc( @@ -230,6 +231,10 @@ const option = { 高亮状态的扇区和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -270,6 +275,10 @@ const option = { 选中状态的扇区和标签样式。开启 [selectedMode](~series-pie.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: pie-state( prefix = "##", state = 'select' @@ -350,6 +359,10 @@ const option = { ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: pie-state( prefix = "###", state = 'emphasis' @@ -372,6 +385,10 @@ const option = { version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: pie-state( prefix = "###", state = 'select' diff --git a/zh/option/series/radar.md b/zh/option/series/radar.md index ca1ad0a57..82ecea864 100644 --- a/zh/option/series/radar.md +++ b/zh/option/series/radar.md @@ -55,7 +55,9 @@ const option = { {{ use: partial-series-name() }} -{{ use: partial-colorby(defaultColorBy="'data'") }} +{{ use: partial-colorby( + defaultColorBy = "'data'" +) }} ## radarIndex(number) @@ -118,6 +120,10 @@ const option = { 高亮状态的配置。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: radar-state( @@ -146,6 +152,10 @@ const option = { 选中状态的配置。开启 [selectedMode](~series-radar.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: radar-state( prefix = "##", state = 'select' @@ -259,6 +269,10 @@ data : [ 单个数据项样式的选中状态。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: radar-state( prefix = "###", state = 'select' diff --git a/zh/option/series/sankey.md b/zh/option/series/sankey.md index 553f0df4f..7fa92467f 100644 --- a/zh/option/series/sankey.md +++ b/zh/option/series/sankey.md @@ -138,6 +138,10 @@ levels: [{ ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: sankey-state( prefix = "###", state = 'emphasis' @@ -160,6 +164,10 @@ levels: [{ version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: sankey-state( prefix = "###", state = 'select' @@ -206,6 +214,10 @@ levels: [{ 桑基图的高亮状态。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope( isGraph = true ) }} @@ -236,6 +248,10 @@ levels: [{ 桑基图的选中状态。开启 [selectedMode](~series-sankey.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: sankey-state( prefix = "##", state = 'select' @@ -294,6 +310,10 @@ data: [{ ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: sankey-node-state( prefix = "###", state = 'emphasis' @@ -316,6 +336,10 @@ data: [{ version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: sankey-node-state( prefix = "###", state = 'select' @@ -363,6 +387,10 @@ links: [{ ### emphasis(Object) +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + #### lineStyle(Object) {{ use: partial-sankey-line-style( @@ -388,6 +416,10 @@ links: [{ version = "5.0.0" ) }} +{{ use: partial-select-disabled( + prefix = "###" +) }} + #### lineStyle(Object) {{ use: partial-sankey-line-style( diff --git a/zh/option/series/scatter.md b/zh/option/series/scatter.md index 718e49496..7968a6765 100644 --- a/zh/option/series/scatter.md +++ b/zh/option/series/scatter.md @@ -155,6 +155,10 @@ const option = { 高亮的图形和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + ### scale(boolean) = true @@ -189,6 +193,10 @@ const option = { 选中状态的配置。开启 [selectedMode](~series-scatter.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: scatter-state( prefix = "##", state = 'select' @@ -268,6 +276,10 @@ const option = { 单个数据的高亮图形和标签样式。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: scatter-state( prefix = "###", state = 'emphasis' @@ -294,6 +306,10 @@ const option = { 单个数据的选中图形和标签样式。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: scatter-state( prefix = "###", state = 'select' diff --git a/zh/option/series/sunburst.md b/zh/option/series/sunburst.md index 9a7ca2f4b..5bc8c8af0 100644 --- a/zh/option/series/sunburst.md +++ b/zh/option/series/sunburst.md @@ -506,7 +506,6 @@ series: { 当前层的内半径和外半径,注意其它层的内外半径不会因为该层的改变自适应。 - {{ use: partial-sunburst-label-props( prefix = "##" ) }} diff --git a/zh/option/series/themeRiver.md b/zh/option/series/themeRiver.md index 89f3e1bbd..a68f0e27a 100644 --- a/zh/option/series/themeRiver.md +++ b/zh/option/series/themeRiver.md @@ -100,7 +100,9 @@ const option = { {{ use: partial-series-name() }} -{{ use: partial-colorby(defaultColorBy="'data'") }} +{{ use: partial-colorby( + defaultColorBy = "'data'" +) }} {{ use: partial-rect-layout-width-height( componentName = 'thmemRiver', @@ -173,6 +175,10 @@ const option = { 高亮状态的配置。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope() }} {{ use: themeRiver-state( @@ -201,6 +207,10 @@ const option = { 选中状态的配置。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: themeRiver-state( prefix = "##", state = 'select' diff --git a/zh/option/series/tree.md b/zh/option/series/tree.md index cfe7c46bd..6817beca3 100644 --- a/zh/option/series/tree.md +++ b/zh/option/series/tree.md @@ -184,6 +184,10 @@ const option = { 树图中个图形和标签高亮的样式。 +{{ use: partial-emphasis-disabled( + prefix = "##" +) }} + {{ use: partial-focus-blur-scope( isTree = true ) }} @@ -214,6 +218,10 @@ const option = { 选中状态的相关配置。开启 [selectedMode](~series-tree.selectedMode) 后有效。 +{{ use: partial-select-disabled( + prefix = "##" +) }} + {{ use: tree-state( prefix = "##", state = 'select' @@ -250,6 +258,10 @@ const option = { 叶子节点高亮状态的配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'emphasis' @@ -276,6 +288,10 @@ const option = { 叶子节点选中状态的配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'select' @@ -349,6 +365,10 @@ const option = { 节点高亮状态的配置。 +{{ use: partial-emphasis-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'emphasis' @@ -375,6 +395,10 @@ const option = { 节点选中状态的配置。 +{{ use: partial-select-disabled( + prefix = "###" +) }} + {{ use: tree-node-state( prefix = "###", state = 'select' diff --git a/zh/option/series/treemap.md b/zh/option/series/treemap.md index d3b275fc5..0a82a9c76 100644 --- a/zh/option/series/treemap.md +++ b/zh/option/series/treemap.md @@ -748,6 +748,10 @@ treemap 默认把第一个维度(Array 第一项)映射到『面积』上。 高亮状态配置。 +{{ use: partial-emphasis-disabled( + prefix = "#" + ${prefix} +) }} + {{ if: ${prefix} === '#' }} {{ use: partial-focus-blur-scope( isTree = true @@ -778,6 +782,10 @@ treemap 默认把第一个维度(Array 第一项)映射到『面积』上。 选中状态配置。 +{{ use: partial-select-disabled( + prefix = "#" + ${prefix} +) }} + {{ use: treemap-state( prefix = "#" + ${prefix} ) }}