You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by gi...@apache.org on 2022/07/11 05:44:33 UTC
[echarts-website] branch asf-site updated: Deploying to asf-site from @ apache/echarts-website@902887ab3977e994451c6b07824461e3d1a88cf0 🚀
This is an automated email from the ASF dual-hosted git repository.
github-bot pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/echarts-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new 272e507d Deploying to asf-site from @ apache/echarts-website@902887ab3977e994451c6b07824461e3d1a88cf0 🚀
272e507d is described below
commit 272e507dd734aeeaedf2326564413a53cb7a4bc1
Author: plainheart <pl...@users.noreply.github.com>
AuthorDate: Mon Jul 11 05:44:19 2022 +0000
Deploying to asf-site from @ apache/echarts-website@902887ab3977e994451c6b07824461e3d1a88cf0 🚀
---
en/api.html | 2 +-
en/builder/echarts.html | 2 +-
en/documents/option-parts/option-outline.js | 2 +-
en/documents/option-parts/option-outline.json | 2 +-
en/documents/option-parts/option.js | 2 +-
en/documents/option-parts/option.json | 2 +-
.../option-parts/option.series-sunburst.js | 2351 +++++++++++++++++++-
.../option-parts/option.series-sunburst.json | 2351 +++++++++++++++++++-
en/documents/option.json | 2 +-
en/index.html | 2 +-
en/option-gl.html | 2 +-
en/option.html | 2 +-
en/spreadsheet.html | 4 +-
en/tutorial.html | 2 +-
examples/en/editor.html | 2 +-
examples/en/index.html | 2 +-
examples/en/view.html | 2 +-
examples/zh/editor.html | 2 +-
examples/zh/index.html | 2 +-
examples/zh/view.html | 2 +-
handbook/200.html | 4 +-
handbook/_nuxt/{339d9f0.js => 000841e.js} | 2 +-
...efe881f192cde922.js => 625f416b942e590d516a.js} | 2 +-
handbook/en/basics/download/index.html | 4 +-
handbook/en/basics/help/index.html | 4 +-
handbook/en/basics/import/index.html | 4 +-
handbook/en/basics/release-note/5-2-0/index.html | 4 +-
handbook/en/basics/release-note/5-3-0/index.html | 4 +-
.../en/basics/release-note/v5-feature/index.html | 4 +-
.../release-note/v5-upgrade-guide/index.html | 4 +-
handbook/en/best-practices/aria/index.html | 4 +-
.../en/best-practices/canvas-vs-svg/index.html | 4 +-
handbook/en/concepts/axis/index.html | 4 +-
handbook/en/concepts/chart-size/index.html | 4 +-
handbook/en/concepts/data-transform/index.html | 4 +-
handbook/en/concepts/dataset/index.html | 4 +-
handbook/en/concepts/event/index.html | 4 +-
handbook/en/concepts/legend/index.html | 4 +-
handbook/en/concepts/style/index.html | 4 +-
handbook/en/concepts/visual-map/index.html | 4 +-
handbook/en/get-started/index.html | 4 +-
handbook/en/how-to/animation/transition/index.html | 4 +-
.../en/how-to/chart-types/bar/bar-race/index.html | 4 +-
.../en/how-to/chart-types/bar/basic-bar/index.html | 4 +-
.../how-to/chart-types/bar/stacked-bar/index.html | 4 +-
.../en/how-to/chart-types/bar/waterfall/index.html | 4 +-
.../how-to/chart-types/line/area-line/index.html | 4 +-
.../how-to/chart-types/line/basic-line/index.html | 4 +-
.../how-to/chart-types/line/smooth-line/index.html | 4 +-
.../chart-types/line/stacked-line/index.html | 4 +-
.../how-to/chart-types/line/step-line/index.html | 4 +-
.../en/how-to/chart-types/pie/basic-pie/index.html | 4 +-
.../en/how-to/chart-types/pie/doughnut/index.html | 4 +-
handbook/en/how-to/chart-types/pie/rose/index.html | 4 +-
.../chart-types/scatter/basic-scatter/index.html | 4 +-
.../en/how-to/cross-platform/server/index.html | 4 +-
handbook/en/how-to/data/dynamic-data/index.html | 4 +-
handbook/en/how-to/interaction/drag/index.html | 4 +-
handbook/en/how-to/label/rich-text/index.html | 4 +-
handbook/en/index.html | 4 +-
handbook/en/meta/edit-guide/index.html | 4 +-
handbook/index.html | 4 +-
handbook/zh/basics/download/index.html | 4 +-
handbook/zh/basics/help/index.html | 4 +-
handbook/zh/basics/import/index.html | 4 +-
handbook/zh/basics/release-note/5-2-0/index.html | 4 +-
handbook/zh/basics/release-note/5-3-0/index.html | 4 +-
.../zh/basics/release-note/v5-feature/index.html | 4 +-
.../release-note/v5-upgrade-guide/index.html | 4 +-
handbook/zh/best-practices/aria/index.html | 4 +-
.../zh/best-practices/canvas-vs-svg/index.html | 4 +-
handbook/zh/concepts/axis/index.html | 4 +-
handbook/zh/concepts/chart-size/index.html | 4 +-
handbook/zh/concepts/data-transform/index.html | 4 +-
handbook/zh/concepts/dataset/index.html | 4 +-
handbook/zh/concepts/event/index.html | 4 +-
handbook/zh/concepts/legend/index.html | 4 +-
handbook/zh/concepts/style/index.html | 4 +-
handbook/zh/concepts/visual-map/index.html | 4 +-
handbook/zh/get-started/index.html | 4 +-
handbook/zh/how-to/animation/transition/index.html | 4 +-
.../zh/how-to/chart-types/bar/bar-race/index.html | 4 +-
.../zh/how-to/chart-types/bar/basic-bar/index.html | 4 +-
.../how-to/chart-types/bar/stacked-bar/index.html | 4 +-
.../zh/how-to/chart-types/bar/waterfall/index.html | 4 +-
.../how-to/chart-types/line/area-line/index.html | 4 +-
.../how-to/chart-types/line/basic-line/index.html | 4 +-
.../how-to/chart-types/line/smooth-line/index.html | 4 +-
.../chart-types/line/stacked-line/index.html | 4 +-
.../how-to/chart-types/line/step-line/index.html | 4 +-
.../zh/how-to/chart-types/pie/basic-pie/index.html | 4 +-
.../zh/how-to/chart-types/pie/doughnut/index.html | 4 +-
handbook/zh/how-to/chart-types/pie/rose/index.html | 4 +-
.../chart-types/scatter/basic-scatter/index.html | 4 +-
.../zh/how-to/cross-platform/baidu-app/index.html | 4 +-
.../zh/how-to/cross-platform/server/index.html | 4 +-
.../zh/how-to/cross-platform/wechat-app/index.html | 4 +-
handbook/zh/how-to/data/dynamic-data/index.html | 4 +-
handbook/zh/how-to/interaction/drag/index.html | 4 +-
handbook/zh/how-to/label/rich-text/index.html | 4 +-
handbook/zh/index.html | 4 +-
handbook/zh/meta/edit-guide/index.html | 4 +-
layouts/doc.html | 2 +-
layouts/example-simple.html | 2 +-
layouts/example.html | 2 +-
zh/api.html | 2 +-
zh/builder/echarts.html | 2 +-
zh/css/only_for_cdn_ready_check.css | 2 +-
zh/documents/option-parts/option-outline.js | 2 +-
zh/documents/option-parts/option-outline.json | 2 +-
zh/documents/option-parts/option.js | 2 +-
zh/documents/option-parts/option.json | 2 +-
.../option-parts/option.series-sunburst.js | 2297 ++++++++++++++++++-
.../option-parts/option.series-sunburst.json | 2297 ++++++++++++++++++-
zh/documents/option.json | 2 +-
zh/index.html | 2 +-
zh/option-gl.html | 2 +-
zh/option.html | 2 +-
zh/spreadsheet.html | 6 +-
zh/tutorial.html | 2 +-
120 files changed, 9353 insertions(+), 341 deletions(-)
diff --git a/en/api.html b/en/api.html
index 0704f790..1b0be35e 100644
--- a/en/api.html
+++ b/en/api.html
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
};
if (window.EC_WWW_CDN_PAY_ROOT) {
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '43d69d62db';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '6e07fb76ad';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/en/builder/echarts.html b/en/builder/echarts.html
index 1f5dba0a..d082e231 100644
--- a/en/builder/echarts.html
+++ b/en/builder/echarts.html
@@ -54,7 +54,7 @@
'rollup': 'lib/rollup.browser',
'transformDev': 'lib/transform-dev-bundle'
},
- urlArgs: 'v=1657508556955'
+ urlArgs: 'v=1657518171788'
});
require(['build']);
diff --git a/en/documents/option-parts/option-outline.js b/en/documents/option-parts/option-outline.js
index 9d84ffa4..145e6046 100644
--- a/en/documents/option-parts/option-outline.js
+++ b/en/documents/option-parts/option-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
+window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option-outline.json b/en/documents/option-parts/option-outline.json
index daf989b5..329a2a69 100644
--- a/en/documents/option-parts/option-outline.json
+++ b/en/documents/option-parts/option-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.js b/en/documents/option-parts/option.js
index 352bded2..1b0d0ec3 100644
--- a/en/documents/option-parts/option.js
+++ b/en/documents/option-parts/option.js
@@ -389,7 +389,7 @@ window.__EC_DOC_option = {
]
},
"series-sunburst": {
- "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart\" target=\"_blank\">Sunburst Chart</a> is composed of multiple pie charts. From the view of data structure, inner rings are the parent nodes of outer rings. Therefore, it can show the partial-overall relationship as <a href=\"#series-pie\">Pie</a> charts, and also level relation as <a href=\"#series-treemap\">Treemap</a> charts.</p>\n<p><strong>For example:</strong></p>\n< [...]
+ "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart,_sunburst_chart,_and_multilevel_pie_chart\" target=\"_blank\">Sunburst Chart</a> is composed of multiple pie charts. From the view of data structure, inner rings are the parent nodes of outer rings. Therefore, it can show the partial-overall relationship as <a href=\"#series-pie\">Pie</a> charts, and also level relation as <a href=\"#series-treemap\">Treemap</a> charts.</p>\n<p><strong>For example:</strong></p>\ [...]
"exampleBaseOptions": [
{
"code": "\nconst data = [{\n name: 'Food',\n children: [{\n value: 3,\n name: 'Fruit',\n children: [{\n value: 1,\n name: 'Apple'\n }, {\n value: 2,\n name: 'Orange',\n children: [{\n name: 'Seville Orange',\n value: 1\n }, {\n name: 'Blood Orange',\n value: 1\n }]\n }]\n }, {\n value: 9,\n [...]
diff --git a/en/documents/option-parts/option.json b/en/documents/option-parts/option.json
index ba7b4ccd..5e11b56e 100644
--- a/en/documents/option-parts/option.json
+++ b/en/documents/option-parts/option.json
@@ -389,7 +389,7 @@
]
},
"series-sunburst": {
- "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart\" target=\"_blank\">Sunburst Chart</a> is composed of multiple pie charts. From the view of data structure, inner rings are the parent nodes of outer rings. Therefore, it can show the partial-overall relationship as <a href=\"#series-pie\">Pie</a> charts, and also level relation as <a href=\"#series-treemap\">Treemap</a> charts.</p>\n<p><strong>For example:</strong></p>\n< [...]
+ "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart,_sunburst_chart,_and_multilevel_pie_chart\" target=\"_blank\">Sunburst Chart</a> is composed of multiple pie charts. From the view of data structure, inner rings are the parent nodes of outer rings. Therefore, it can show the partial-overall relationship as <a href=\"#series-pie\">Pie</a> charts, and also level relation as <a href=\"#series-treemap\">Treemap</a> charts.</p>\n<p><strong>For example:</strong></p>\ [...]
"exampleBaseOptions": [
{
"code": "\nconst data = [{\n name: 'Food',\n children: [{\n value: 3,\n name: 'Fruit',\n children: [{\n value: 1,\n name: 'Apple'\n }, {\n value: 2,\n name: 'Orange',\n children: [{\n name: 'Seville Orange',\n value: 1\n }, {\n name: 'Blood Orange',\n value: 1\n }]\n }]\n }, {\n value: 9,\n [...]
diff --git a/en/documents/option-parts/option.series-sunburst.js b/en/documents/option-parts/option.series-sunburst.js
index 75e619f7..e4fca6d8 100644
--- a/en/documents/option-parts/option.series-sunburst.js
+++ b/en/documents/option-parts/option.series-sunburst.js
@@ -36,16 +36,16 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Name displayed in each sector.</p>\n"
},
"data.link": {
- "desc": "<p>Link address that redirects to when this sector is clicked. Only useful when <a href=\"#series-treemap.nodeClick\">series-sunburst.nodeClick</a> is set to be <code class=\"codespan\">'link'</code>.</p>\n<p>See <a href=\"#series-sunburst.data.target\">series-sunburst.data.target</a>.</p>\n"
+ "desc": "<p>Link address that redirects to when this sector is clicked. Only useful when <a href=\"#series-sunburst.nodeClick\">series-sunburst.nodeClick</a> is set to be <code class=\"codespan\">'link'</code>.</p>\n<p>See <a href=\"#series-sunburst.data.target\">series-sunburst.data.target</a>.</p>\n"
},
"data.target": {
"desc": "<p>Like <code class=\"codespan\">target</code> attribute of HTML <code class=\"codespan\"><a></code>, which can either be <code class=\"codespan\">'blank'</code> or <code class=\"codespan\">'self'</code>. See <a href=\"#series-sunburst.data.link\">series-sunburst.data.link</a>.</p>\n"
},
"data.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"data.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -678,7 +678,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"data.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"data.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -827,8 +827,2238 @@ window.__EC_DOC_option_series_sunburst = {
"default": "0,0,0,0"
}
},
+ "data.emphasis": {
+ "desc": "<p>Emphasis state.</p>\n"
+ },
+ "data.emphasis.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.emphasis.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.emphasis.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.emphasis.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.emphasis.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.emphasis.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.emphasis.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.emphasis.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.emphasis.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.emphasis.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.emphasis.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.emphasis.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.emphasis.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.emphasis.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.emphasis.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.blur": {
+ "desc": "<p>Blur state.</p>\n"
+ },
+ "data.blur.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.blur.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.blur.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.blur.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.blur.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.blur.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.blur.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.blur.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.blur.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.blur.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.blur.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.blur.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.blur.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.blur.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.blur.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.blur.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.blur.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.blur.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.select": {
+ "desc": "<p>Select state.</p>\n"
+ },
+ "data.select.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.select.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.select.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.select.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.select.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.select.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.select.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.select.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.select.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.select.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.select.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.select.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.select.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.select.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.select.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.select.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.select.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.select.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.children": {
+ "desc": "<p>The children nodes defined recursively. The structure is the same as <a href=\"#series-sunburst.data\">series-sunburst.data</a>.</p>\n"
+ },
+ "nodeClick": {
+ "desc": "\n\n<p>The action of clicking a sector, which can be:</p>\n<ul>\n<li><code class=\"codespan\">false</code>: nothing happens.</li>\n<li><code class=\"codespan\">'rootToNode'</code>: use the clicked sector as root.</li>\n<li><code class=\"codespan\">'link'</code>：if <a href=\"#series-sunburst.data.link\">link</a> is set, the page will redirect to it.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "rootToNode",
+ "options": "rootToNode,link"
+ }
+ },
+ "sort": {
+ "desc": "\n\n<p>Sorting method that sectors use based on <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a>, which is the sum of children when not set. The default value <code class=\"codespan\">'desc'</code> states for descending order, while it can also be set to be <code class=\"codespan\">'asc'</code> for ascending order, or <code class=\"codespan\">null</code> for not sorting, or callback function like:</p>\n<pre><code class=\"lang- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "desc",
+ "options": "desc,asc"
+ }
+ },
+ "renderLabelForZeroData": {
+ "desc": "\n\n<p>If there is no <code class=\"codespan\">name</code>, whether need to render it.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
"label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"label.rotate": {
"desc": "\n\n\n<p>If it is <code class=\"codespan\">number</code> type, then is stands for rotation, from -90 degrees to 90 degrees, and positive values stand for counterclockwise.</p>\n<p>Besides, it can be string <code class=\"codespan\">'radial'</code>, standing for radial rotation; or <code class=\"codespan\">'tangential'</code>, standing for tangential rotation.</p>\n<p>By default, it is <code class=\"codespan\">'radial'</code>. If no rotation is wanted, [...]
@@ -1463,8 +3693,53 @@ window.__EC_DOC_option_series_sunburst = {
"step": "0.01"
}
},
+ "labelLayout": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Unified layout configuration of labels.</p>\n<p>It provide a chance to adjust the labels' <code class=\"codespan\">(x, y)</code> position, alignment based on the original layout each series provides.</p>\n<p>This option can be a callback with following parameters.</p>\n<pre><code class=\"lang-ts\">// corresponding index of data\ndataIndex: number\n// corresponding type of data. Only avai [...]
+ },
+ "labelLayout.hideOverlap": {
+ "desc": "<p>If hide the overlapped labels.</p>\n<p>The following example shows how to hide the overlapped labels in graph automatically when zooming.</p>\n<iframe data-src=\"https://echarts.apache.org/examples/en/view.html?c=graph-label-overlap&edit=1&reset=1\" width=\"600\" height=\"400\"></iframe>\n\n"
+ },
+ "labelLayout.moveOverlap": {
+ "desc": "<p>If move the overlapped labels to avoid overlapping.</p>\n<p>Currently supported configurations:</p>\n<ul>\n<li><code class=\"codespan\">'shiftX'</code> Place the labels on horizontal direction sequencely, used when aligned horizontally.</li>\n<li><code class=\"codespan\">'shiftY'</code> Place the labels on vertial direction sequencely, used when aligned vertically.</li>\n</ul>\n<p>The following example shows how to use <code class=\"codespan\">moverOverlap [...]
+ },
+ "labelLayout.x": {
+ "desc": "<p>The x position of the label. Support absolute pixel values or relative values such as <code class=\"codespan\">'20%'</code>.</p>\n"
+ },
+ "labelLayout.y": {
+ "desc": "<p>The y position of the label. Support absolute pixel values or relative values such as <code class=\"codespan\">'20%'</code>.</p>\n"
+ },
+ "labelLayout.dx": {
+ "desc": "<p>The pixel offset of the label in the x direction. Can be used with <code class=\"codespan\">x</code>.</p>\n"
+ },
+ "labelLayout.dy": {
+ "desc": "<p>The pixel offset of the label in the y direction. Can be used with <code class=\"codespan\">y</code></p>\n"
+ },
+ "labelLayout.rotate": {
+ "desc": "<p>Label rotation angle.</p>\n"
+ },
+ "labelLayout.width": {
+ "desc": "<p>The width of displayed label. It can be used with <code class=\"codespan\">overflow</code> to constraint the label in a fixed width.</p>\n"
+ },
+ "labelLayout.height": {
+ "desc": "<p>The height of displayed label.</p>\n"
+ },
+ "labelLayout.align": {
+ "desc": "<p>The horizontal alignment of the label. Can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, <code class=\"codespan\">'right'</code>.</p>\n"
+ },
+ "labelLayout.verticalAlign": {
+ "desc": "<p>The vertical alignment of the label. Can be <code class=\"codespan\">'top'</code>, <code class=\"codespan\">'middle'</code>, <code class=\"codespan\">'bottom'</code>.</p>\n"
+ },
+ "labelLayout.fontSize": {
+ "desc": "<p>The text size of the label.</p>\n"
+ },
+ "labelLayout.draggable": {
+ "desc": "<p>Whether to allow the user to adjust the position by dragging.</p>\n"
+ },
+ "labelLayout.labelLinePoints": {
+ "desc": "<p>The array of the three points of the label guide line. The format is:</p>\n<pre><code class=\"lang-ts\">[[x, y], [x, y], [x, y]]\n</code></pre>\n<p>It is often used in pie charts to fine-tune the guide line that has been calculated. Usually not recommended to set it in other situations.</p>\n"
+ },
"itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -1613,28 +3888,6 @@ window.__EC_DOC_option_series_sunburst = {
"default": "0,0,0,0"
}
},
- "nodeClick": {
- "desc": "\n\n<p>The action of clicking a sector, which can be:</p>\n<ul>\n<li><code class=\"codespan\">false</code>: nothing happens.</li>\n<li><code class=\"codespan\">'rootToNode'</code>: use the clicked sector as root.</li>\n<li><code class=\"codespan\">'link'</code>：if <a href=\"#series-sunburst.data.link\">link</a> is set, the page will redirect to it.</li>\n</ul>\n",
- "uiControl": {
- "type": "enum",
- "default": "rootToNode",
- "options": "rootToNode,link"
- }
- },
- "sort": {
- "desc": "\n\n<p>Sorting method that sectors use based on <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a>, which is the sum of children when not set. The default value <code class=\"codespan\">'desc'</code> states for descending order, while it can also be set to be <code class=\"codespan\">'asc'</code> for ascending order, or <code class=\"codespan\">null</code> for not sorting, or callback function like:</p>\n<pre><code class=\"lang- [...]
- "uiControl": {
- "type": "enum",
- "default": "desc",
- "options": "desc,asc"
- }
- },
- "renderLabelForZeroData": {
- "desc": "\n\n<p>If there is no <code class=\"codespan\">name</code>, whether need to render it.</p>\n",
- "uiControl": {
- "type": "boolean"
- }
- },
"emphasis": {
"desc": "<p>Configurations of emphasis state.</p>\n"
},
@@ -1645,10 +3898,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>The range of fade out when <code class=\"codespan\">focus</code> is enabled. Support the following configurations</p>\n<ul>\n<li><code class=\"codespan\">'coordinateSystem'</code></li>\n<li><code class=\"codespan\">'series'</code></li>\n<li><code class=\"codespan\">'global'</code></li>\n</ul>\n"
},
"emphasis.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"emphasis.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -2260,7 +4513,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"emphasis.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"emphasis.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
@@ -2380,10 +4633,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Configurations of blur state. Available when <a href=\"#series-sunburst.emphasis.focus\">emphasis.focus</a> is set.</p>\n"
},
"blur.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"blur.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -2995,7 +5248,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"blur.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"blur.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -3115,10 +5368,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Configurations of select state. Available when <a href=\"#series-sunburst.selectedMode\">selectedMode</a> is set.</p>\n"
},
"select.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"select.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -3730,7 +5983,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"select.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"select.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -3860,10 +6113,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The inner and outer radius of the current layer, noting that the radius of other layers will not be adaptive.</p>\n"
},
"levels.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -4475,7 +6728,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"levels.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -4595,10 +6848,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Emphasis state.</p>\n"
},
"levels.emphasis.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.emphasis.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -5210,7 +7463,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"levels.emphasis.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.emphasis.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
@@ -5330,10 +7583,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Blur state.</p>\n"
},
"levels.blur.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.blur.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -5945,7 +8198,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"levels.blur.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.blur.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -6065,10 +8318,10 @@ window.__EC_DOC_option_series_sunburst = {
"desc": "<p>Select state.</p>\n"
},
"levels.select.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.select.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -6680,7 +8933,7 @@ window.__EC_DOC_option_series_sunburst = {
}
},
"levels.select.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.select.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
diff --git a/en/documents/option-parts/option.series-sunburst.json b/en/documents/option-parts/option.series-sunburst.json
index e40901a6..875a62b8 100644
--- a/en/documents/option-parts/option.series-sunburst.json
+++ b/en/documents/option-parts/option.series-sunburst.json
@@ -36,16 +36,16 @@
"desc": "<p>Name displayed in each sector.</p>\n"
},
"data.link": {
- "desc": "<p>Link address that redirects to when this sector is clicked. Only useful when <a href=\"#series-treemap.nodeClick\">series-sunburst.nodeClick</a> is set to be <code class=\"codespan\">'link'</code>.</p>\n<p>See <a href=\"#series-sunburst.data.target\">series-sunburst.data.target</a>.</p>\n"
+ "desc": "<p>Link address that redirects to when this sector is clicked. Only useful when <a href=\"#series-sunburst.nodeClick\">series-sunburst.nodeClick</a> is set to be <code class=\"codespan\">'link'</code>.</p>\n<p>See <a href=\"#series-sunburst.data.target\">series-sunburst.data.target</a>.</p>\n"
},
"data.target": {
"desc": "<p>Like <code class=\"codespan\">target</code> attribute of HTML <code class=\"codespan\"><a></code>, which can either be <code class=\"codespan\">'blank'</code> or <code class=\"codespan\">'self'</code>. See <a href=\"#series-sunburst.data.link\">series-sunburst.data.link</a>.</p>\n"
},
"data.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"data.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -678,7 +678,7 @@
}
},
"data.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"data.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -827,8 +827,2238 @@
"default": "0,0,0,0"
}
},
+ "data.emphasis": {
+ "desc": "<p>Emphasis state.</p>\n"
+ },
+ "data.emphasis.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.emphasis.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.emphasis.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.emphasis.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.emphasis.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.emphasis.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.emphasis.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.emphasis.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.emphasis.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.emphasis.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.emphasis.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.emphasis.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.emphasis.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.emphasis.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.emphasis.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.blur": {
+ "desc": "<p>Blur state.</p>\n"
+ },
+ "data.blur.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.blur.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.blur.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.blur.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.blur.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.blur.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.blur.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.blur.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.blur.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.blur.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.blur.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.blur.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.blur.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.blur.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.blur.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.blur.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.blur.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.blur.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.select": {
+ "desc": "<p>Select state.</p>\n"
+ },
+ "data.select.label": {
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
+ },
+ "data.select.label.rotate": {
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.select.label.align": {
+ "desc": "\n\n<p>Align of text, which can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, or <code class=\"codespan\">'right'</code>. Note that <code class=\"codespan\">'left'</code> stands for inner side, and <code class=\"codespan\">'right'</code> stands for outer side.</p>\n<p>Same to <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.select.label.minAngle": {
+ "desc": "\n\n<p>If angle of data piece is smaller than this value (in degrees), then text is not displayed. This is used for hiding text for small piece of data.</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.select.label.show": {
+ "desc": "\n\n<p>Whether to show label.</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.select.label.position": {
+ "desc": "\n\n\n\n<p>Label position.</p>\n<p><strong>Followings are the options: </strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p> Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box.\n For example:</p>\n<pre><code class=\"lang-ts\"> // Absolute pixel values\n position: [10, 10],\n // Relative percentage\n position: ['50%', '50%']\n</code></pre>\n</li>\n<li><p>'top'</p>\n</li>\n<li>'le [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.select.label.distance": {
+ "desc": "\n\n<p>Distance to the host graphic element.</p>\n<p>It is valid only when <code class=\"codespan\">position</code> is string value (like <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>).</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.offset": {
+ "desc": "\n\n<p>Whether to move text slightly. For example: <code class=\"codespan\">[30, 40]</code> means move <code class=\"codespan\">30</code> horizontally and move <code class=\"codespan\">40</code> vertically.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.select.label.formatter": {
+ "desc": "<p>Data label formatter, which supports string template and callback function. In either form, <code class=\"codespan\">\\n</code> is supported to represent a new line.</p>\n<p><strong>String template</strong></p>\n<p>Model variation includes:</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>: series name.</li>\n<li><code class=\"codespan\">{b}</code>: the name of a data item.</li>\n<li><code class=\"codespan\">{c}</code>: the value of a data item.</li>\n<li><code class=\"c [...]
+ },
+ "data.select.label.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.width": {
+ "desc": "\n\n<p>Width of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.height": {
+ "desc": "\n\n<p>Height of text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.overflow": {
+ "desc": "\n\n<p>Determine how to display the text when it's overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">'break'</code> Break by word</li>\n<li><code class=\"codespan\">'breakAll'</code> Break by character.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.select.label.ellipsis": {
+ "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> Truncate the overflow lines.</li>\n</ul>\n"
+ },
+ "data.select.label.rich": {
+ "desc": "<p>"Rich text styles" can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-ts\">label: {\n // Styles defined in 'rich' can be applied to some fragments\n // of text by adding some markers to those fragment, like\n // `{styleName|text content text content}`.\n // `'\\n'` is the newline character.\n formatter: [\n '{a|Style "a" is applied to this snippet} [...]
+ },
+ "data.select.label.rich.<style_name>.color": {
+ "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p> font family.</p>\n<p>Can also be 'serif' , 'monospace', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p> font size.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>Horizontal alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p>If <code class=\"codespan\">align</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">align</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-t [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.select.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>Vertical alignment of text, automatic by default.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p>If <code class=\"codespan\">verticalAlign</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">verticalAlign</code> in parent level will be used. For example:</p>\n<pre><code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>Line height of the text fragment.</p>\n<p>If <code class=\"codespan\">lineHeight</code> is not set in <code class=\"codespan\">rich</code>, <code class=\"codespan\">lineHeight</code> in parent level will be used. For example:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // `lineHeight` is not set, then it will be 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // It can be URL of a image,\n // or dataURI,\n // or HTMLImageElement,\n // or HTMLCanvasElemen [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>the text fragment border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>Padding of the text fragment, for example:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>: represents padding of <code class=\"codespan\">[top, right, bottom, left]</code>.</li>\n<li><code class=\"codespan\">padding: 4</code>: represents <code class=\"codespan\">padding: [4, 4, 4, 4]</code>.</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>: represents <code class=\"codespan\">padding: [3, 4, 3, 4]</code>.</li>\n</ul>\n<p>Notice, <code cl [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>Show blur of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.width": {
+ "desc": "<p>Width of the text block. It is the width of the text by default. In most cases, there is no need to specify it. You may want to use it in some cases like make simple table or using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p><code class=\"codespan [...]
+ },
+ "data.select.label.rich.<style_name>.height": {
+ "desc": "<p>Height of the text block. It is the width of the text by default. You may want to use it in some cases like using background image (see <code class=\"codespan\">backgroundColor</code>).</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> specifies the width and height of the content, without <code class=\"codespan\">padding</code>.</p>\n<p>Notice, <code class=\"codespan\">width</code> and <code class=\"codespan\">height</code> [...]
+ },
+ "data.select.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>Stroke color of the text.</p>\n<p>If set as <code class=\"codespan\">'inherit'</code>, the color will assigned as visual color, such as series color.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>Stroke line width of the text.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>Stroke line type of the text.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">textBorderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Configuration of label guide line.</p>\n"
+ },
+ "data.select.labelLine.show": {
+ "desc": "\n\n<p>Whether to show the label guide line.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.select.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>Line color. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.labelLine.lineStyle.width": {
+ "desc": "\n\n<p> line width.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>line type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the li [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">type</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">join</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://developer. [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle": {
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
+ },
+ "data.select.itemStyle.color": {
+ "desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderColor": {
+ "desc": "\n\n<p> border color, whose format is similar to that of <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderWidth": {
+ "desc": "\n\n<p> border width. No border when it is set to be 0.</p>\n<p> border width. No border when it is set to be 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.borderType": {
+ "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>Since <code class=\"codespan\">v5.0.0</code>, it can also be a number or a number array to specify the <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a> of the [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the line dash offset. With \n<code class=\"codespan\">borderType</code>\n, we can make the line style more flexible.</p>\n<p>Refer to MDN <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a> for more details.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To specify how to draw the end points of the line.\nPossible values are:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">'round'</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">'square'</code>: The ends of lines are squared off by adding a box wi [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To determine the shape used to join two line segments where they meet.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.</li>\n<li><code class=\"codespan\">'round'</code>: Rounds off the cor [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n\n\n<p>To set the miter limit ratio. Only works when \n<code class=\"codespan\">borderJoin</code>\n is set as <code class=\"codespan\">miter</code>.</p>\n<p>Default value is <code class=\"codespan\">10</code>. Negative、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> and <code class=\"codespan\">NaN</code> values are ignored.</p>\n<p>Refer to MDN <a href=\"https://deve [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>Size of shadow blur. This attribute should be used along with <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> to set shadow to component.</p>\n<p>For example:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowColor": {
+ "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.opacity": {
+ "desc": "\n\n<p>Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>To specify the roundness for corners of the sectors of the sunburst chart. It can be either a specific pixel value or a percentage value relative to the radius of the sector.</p>\n<p>Since <code class=\"codespan\">v5.3.0</code>, it is supported to configure the corner radius of the four corners respectively from the inside to the outside, clockwise. The relative target of the percent [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.children": {
+ "desc": "<p>The children nodes defined recursively. The structure is the same as <a href=\"#series-sunburst.data\">series-sunburst.data</a>.</p>\n"
+ },
+ "nodeClick": {
+ "desc": "\n\n<p>The action of clicking a sector, which can be:</p>\n<ul>\n<li><code class=\"codespan\">false</code>: nothing happens.</li>\n<li><code class=\"codespan\">'rootToNode'</code>: use the clicked sector as root.</li>\n<li><code class=\"codespan\">'link'</code>：if <a href=\"#series-sunburst.data.link\">link</a> is set, the page will redirect to it.</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "rootToNode",
+ "options": "rootToNode,link"
+ }
+ },
+ "sort": {
+ "desc": "\n\n<p>Sorting method that sectors use based on <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a>, which is the sum of children when not set. The default value <code class=\"codespan\">'desc'</code> states for descending order, while it can also be set to be <code class=\"codespan\">'asc'</code> for ascending order, or <code class=\"codespan\">null</code> for not sorting, or callback function like:</p>\n<pre><code class=\"lang- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "desc",
+ "options": "desc,asc"
+ }
+ },
+ "renderLabelForZeroData": {
+ "desc": "\n\n<p>If there is no <code class=\"codespan\">name</code>, whether need to render it.</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
"label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"label.rotate": {
"desc": "\n\n\n<p>If it is <code class=\"codespan\">number</code> type, then is stands for rotation, from -90 degrees to 90 degrees, and positive values stand for counterclockwise.</p>\n<p>Besides, it can be string <code class=\"codespan\">'radial'</code>, standing for radial rotation; or <code class=\"codespan\">'tangential'</code>, standing for tangential rotation.</p>\n<p>By default, it is <code class=\"codespan\">'radial'</code>. If no rotation is wanted, [...]
@@ -1463,8 +3693,53 @@
"step": "0.01"
}
},
+ "labelLayout": {
+ "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>Unified layout configuration of labels.</p>\n<p>It provide a chance to adjust the labels' <code class=\"codespan\">(x, y)</code> position, alignment based on the original layout each series provides.</p>\n<p>This option can be a callback with following parameters.</p>\n<pre><code class=\"lang-ts\">// corresponding index of data\ndataIndex: number\n// corresponding type of data. Only avai [...]
+ },
+ "labelLayout.hideOverlap": {
+ "desc": "<p>If hide the overlapped labels.</p>\n<p>The following example shows how to hide the overlapped labels in graph automatically when zooming.</p>\n<iframe data-src=\"https://echarts.apache.org/examples/en/view.html?c=graph-label-overlap&edit=1&reset=1\" width=\"600\" height=\"400\"></iframe>\n\n"
+ },
+ "labelLayout.moveOverlap": {
+ "desc": "<p>If move the overlapped labels to avoid overlapping.</p>\n<p>Currently supported configurations:</p>\n<ul>\n<li><code class=\"codespan\">'shiftX'</code> Place the labels on horizontal direction sequencely, used when aligned horizontally.</li>\n<li><code class=\"codespan\">'shiftY'</code> Place the labels on vertial direction sequencely, used when aligned vertically.</li>\n</ul>\n<p>The following example shows how to use <code class=\"codespan\">moverOverlap [...]
+ },
+ "labelLayout.x": {
+ "desc": "<p>The x position of the label. Support absolute pixel values or relative values such as <code class=\"codespan\">'20%'</code>.</p>\n"
+ },
+ "labelLayout.y": {
+ "desc": "<p>The y position of the label. Support absolute pixel values or relative values such as <code class=\"codespan\">'20%'</code>.</p>\n"
+ },
+ "labelLayout.dx": {
+ "desc": "<p>The pixel offset of the label in the x direction. Can be used with <code class=\"codespan\">x</code>.</p>\n"
+ },
+ "labelLayout.dy": {
+ "desc": "<p>The pixel offset of the label in the y direction. Can be used with <code class=\"codespan\">y</code></p>\n"
+ },
+ "labelLayout.rotate": {
+ "desc": "<p>Label rotation angle.</p>\n"
+ },
+ "labelLayout.width": {
+ "desc": "<p>The width of displayed label. It can be used with <code class=\"codespan\">overflow</code> to constraint the label in a fixed width.</p>\n"
+ },
+ "labelLayout.height": {
+ "desc": "<p>The height of displayed label.</p>\n"
+ },
+ "labelLayout.align": {
+ "desc": "<p>The horizontal alignment of the label. Can be <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, <code class=\"codespan\">'right'</code>.</p>\n"
+ },
+ "labelLayout.verticalAlign": {
+ "desc": "<p>The vertical alignment of the label. Can be <code class=\"codespan\">'top'</code>, <code class=\"codespan\">'middle'</code>, <code class=\"codespan\">'bottom'</code>.</p>\n"
+ },
+ "labelLayout.fontSize": {
+ "desc": "<p>The text size of the label.</p>\n"
+ },
+ "labelLayout.draggable": {
+ "desc": "<p>Whether to allow the user to adjust the position by dragging.</p>\n"
+ },
+ "labelLayout.labelLinePoints": {
+ "desc": "<p>The array of the three points of the label guide line. The format is:</p>\n<pre><code class=\"lang-ts\">[[x, y], [x, y], [x, y]]\n</code></pre>\n<p>It is often used in pie charts to fine-tune the guide line that has been calculated. Usually not recommended to set it in other situations.</p>\n"
+ },
"itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -1613,28 +3888,6 @@
"default": "0,0,0,0"
}
},
- "nodeClick": {
- "desc": "\n\n<p>The action of clicking a sector, which can be:</p>\n<ul>\n<li><code class=\"codespan\">false</code>: nothing happens.</li>\n<li><code class=\"codespan\">'rootToNode'</code>: use the clicked sector as root.</li>\n<li><code class=\"codespan\">'link'</code>：if <a href=\"#series-sunburst.data.link\">link</a> is set, the page will redirect to it.</li>\n</ul>\n",
- "uiControl": {
- "type": "enum",
- "default": "rootToNode",
- "options": "rootToNode,link"
- }
- },
- "sort": {
- "desc": "\n\n<p>Sorting method that sectors use based on <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a>, which is the sum of children when not set. The default value <code class=\"codespan\">'desc'</code> states for descending order, while it can also be set to be <code class=\"codespan\">'asc'</code> for ascending order, or <code class=\"codespan\">null</code> for not sorting, or callback function like:</p>\n<pre><code class=\"lang- [...]
- "uiControl": {
- "type": "enum",
- "default": "desc",
- "options": "desc,asc"
- }
- },
- "renderLabelForZeroData": {
- "desc": "\n\n<p>If there is no <code class=\"codespan\">name</code>, whether need to render it.</p>\n",
- "uiControl": {
- "type": "boolean"
- }
- },
"emphasis": {
"desc": "<p>Configurations of emphasis state.</p>\n"
},
@@ -1645,10 +3898,10 @@
"desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>The range of fade out when <code class=\"codespan\">focus</code> is enabled. Support the following configurations</p>\n<ul>\n<li><code class=\"codespan\">'coordinateSystem'</code></li>\n<li><code class=\"codespan\">'series'</code></li>\n<li><code class=\"codespan\">'global'</code></li>\n</ul>\n"
},
"emphasis.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"emphasis.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -2260,7 +4513,7 @@
}
},
"emphasis.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"emphasis.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
@@ -2380,10 +4633,10 @@
"desc": "<p>Configurations of blur state. Available when <a href=\"#series-sunburst.emphasis.focus\">emphasis.focus</a> is set.</p>\n"
},
"blur.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"blur.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -2995,7 +5248,7 @@
}
},
"blur.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"blur.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -3115,10 +5368,10 @@
"desc": "<p>Configurations of select state. Available when <a href=\"#series-sunburst.selectedMode\">selectedMode</a> is set.</p>\n"
},
"select.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"select.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -3730,7 +5983,7 @@
}
},
"select.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"select.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -3860,10 +6113,10 @@
"desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The inner and outer radius of the current layer, noting that the radius of other layers will not be adaptive.</p>\n"
},
"levels.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -4475,7 +6728,7 @@
}
},
"levels.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -4595,10 +6848,10 @@
"desc": "<p>Emphasis state.</p>\n"
},
"levels.emphasis.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.emphasis.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -5210,7 +7463,7 @@
}
},
"levels.emphasis.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.emphasis.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. Since 5.2.0, it can be set to <code class=\"codespan\">'inherit'</code> in the <code class=\"codespan\">emphasis</code> state to disable color highlight.</p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports settin [...]
@@ -5330,10 +7583,10 @@
"desc": "<p>Blur state.</p>\n"
},
"levels.blur.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.blur.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -5945,7 +8198,7 @@
}
},
"levels.blur.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.blur.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
@@ -6065,10 +8318,10 @@
"desc": "<p>Select state.</p>\n"
},
"levels.select.label": {
- "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of , to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemStyle</code> [...]
+ "desc": "<p>To specify the style of the label of the sector.</p>\n<p><strong>Priority：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>Text label of sunburst chart, to explain some data information about graphic item like value, name and so on. <code class=\"codespan\">label</code> is placed under <code class=\"codespan\">itemS [...]
},
"levels.select.label.rotate": {
- "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "desc": "\n\n\n<p>Same to <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
"uiControl": {
"type": "enum",
"options": "radial,tangential",
@@ -6680,7 +8933,7 @@
}
},
"levels.select.itemStyle": {
- "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ "desc": "<p>To specify the style of the sector of the sunburst chart.</p>\n<p>You can specify the style of all sectors with <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>, or specify the style of each level of sectors with <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>, or specify a specific style for each sector with <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>. The priority is from low to high, that is, if <a href=\"# [...]
},
"levels.select.itemStyle.color": {
"desc": "\n\n<p> color. Color is taken from <a href=\"#color\">option.color Palette</a> by default. </p>\n<blockquote>\n<p>Supports setting as solid color using <code class=\"codespan\">rgb(255,255,255)</code>, <code class=\"codespan\">rgba(255,255,255,1)</code>, <code class=\"codespan\">#fff</code>, etc. Also supports setting as gradient color and pattern fill, see <a href=\"#color\">option.color</a> for details</p>\n</blockquote>\n",
diff --git a/en/documents/option.json b/en/documents/option.json
index ffaea562..c67e220d 100644
--- a/en/documents/option.json
+++ b/en/documents/option.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>Title component, including main title and subtitle.</p>\n<p>In ECharts 2.x, a single instance of ECharts could contains one title component at most. However, in ECharts 3, there could be one or more than one title components. It is more useful when multiple diagrams in one instance all need titles.</p>\n<p><strong>Here are some instances of different [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>Title component, including main title and subtitle.</p>\n<p>In ECharts 2.x, a single instance of ECharts could contains one title component at most. However, in ECharts 3, there could be one or more than one title components. It is more useful when multiple diagrams in one instance all need titles.</p>\n<p><strong>Here are some instances of different [...]
\ No newline at end of file
diff --git a/en/index.html b/en/index.html
index 5055e625..2cd9ad5f 100644
--- a/en/index.html
+++ b/en/index.html
@@ -127,7 +127,7 @@ transform:scale(0,0);
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg></div></div></div></div></section><section id="new-version-section">📣 Apache ECharts 5.3 is out! See <a href='https://echarts.apache.org/handbook/en/basics/release-note/5-3-0?ref=banner' target='_blank'>what's new</a></section><section id="events-section"><div class="container"><a href="https://apachecon.com/acasia2022/?ref=echarts" style="max-width: 1000px; margin: 15px auto" class="event"><picture><source data-srcset="https://echarts.apache.org/en/images/event/20220509-acasia2022 [...]
elements_selector: ".lazy"
-};</script><script src="https://fastly.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1657508556955"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+};</script><script src="https://fastly.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1657518171788"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/en/option-gl.html b/en/option-gl.html
index 2225abd1..aac82944 100644
--- a/en/option-gl.html
+++ b/en/option-gl.html
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
};
if (window.EC_WWW_CDN_PAY_ROOT) {
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '43d69d62db';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '6e07fb76ad';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/en/option.html b/en/option.html
index 69a69a4b..efa59431 100644
--- a/en/option.html
+++ b/en/option.html
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
};
if (window.EC_WWW_CDN_PAY_ROOT) {
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '43d69d62db';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '6e07fb76ad';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/en/spreadsheet.html b/en/spreadsheet.html
index 0fdaceb7..abb0a0d9 100644
--- a/en/spreadsheet.html
+++ b/en/spreadsheet.html
@@ -12,7 +12,7 @@
var vendorPath = '../vendors';
define('globalArgs', extend({
- version: '1657508556955',
+ version: '1657518171788',
basePath: './'
}, window.globalArgsExtra || {}));
@@ -31,7 +31,7 @@ require.config({
numeral: vendorPath + '/numeral/1.4.7/numeral.min',
immutable: vendorPath + '/immutable/3.7.4/dist/immutable'
},
- urlArgs: '_v_=1657508556955'
+ urlArgs: '_v_=1657518171788'
});
require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/en/tutorial.html b/en/tutorial.html
index cf3d418d..c046fded 100644
--- a/en/tutorial.html
+++ b/en/tutorial.html
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
};
if (window.EC_WWW_CDN_PAY_ROOT) {
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '43d69d62db';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '6e07fb76ad';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/examples/en/editor.html b/examples/en/editor.html
index 24da40a8..00380f71 100644
--- a/examples/en/editor.html
+++ b/examples/en/editor.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'editor',
locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
diff --git a/examples/en/index.html b/examples/en/index.html
index 2f3c7e63..cf339ec4 100644
--- a/examples/en/index.html
+++ b/examples/en/index.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'explore',
locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
diff --git a/examples/en/view.html b/examples/en/view.html
index 44db3f6a..3d7029b5 100644
--- a/examples/en/view.html
+++ b/examples/en/view.html
@@ -14,7 +14,7 @@
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'view',
locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/examples/zh/editor.html b/examples/zh/editor.html
index 60447918..1f03e84f 100644
--- a/examples/zh/editor.html
+++ b/examples/zh/editor.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'editor',
locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
diff --git a/examples/zh/index.html b/examples/zh/index.html
index 81286546..34714996 100644
--- a/examples/zh/index.html
+++ b/examples/zh/index.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'explore',
locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
diff --git a/examples/zh/view.html b/examples/zh/view.html
index 0576c41c..d6650feb 100644
--- a/examples/zh/view.html
+++ b/examples/zh/view.html
@@ -14,7 +14,7 @@
</script><script type="text/javascript">window.globalArgsExtra = {
page: 'view',
locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/handbook/200.html b/handbook/200.html
index 1337f431..6b889c9a 100644
--- a/handbook/200.html
+++ b/handbook/200.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><link data-n-head="1" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/339d9f0.js" as="script"><link rel="preloa [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><link data-n-head="1" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/000841e.js" as="script"><link rel="preloa [...]
<link href="/handbook/_nuxt/css/8b5c6d8.css" rel="stylesheet"><link href="/handbook/_nuxt/css/35be9a3.css" rel="stylesheet"></head>
<body>
<div id="__nuxt"><style>#nuxt-loading{background:#fff;visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:nuxtLoadingIn 10s ease;-webkit-animation:nuxtLoadingIn 10s ease;animation-fill-mode:forwards;overflow:hidden}@keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes nuxtLoadingIn{0%{vi [...]
@@ -14,5 +14,5 @@
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script>
<script>var _hmt=_hmt||[];function gtag(){dataLayer.push(arguments)}!function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}(),window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-141228404-1")</script>
- <script src="/handbook/_nuxt/339d9f0.js"></script><script src="/handbook/_nuxt/js/dab45efd283fc7b2a47f.js"></script><script src="/handbook/_nuxt/js/08435746bb3f8ba825bd.js"></script><script src="/handbook/_nuxt/js/f83663ec9f29b19e6a0e.js"></script></body>
+ <script src="/handbook/_nuxt/000841e.js"></script><script src="/handbook/_nuxt/js/dab45efd283fc7b2a47f.js"></script><script src="/handbook/_nuxt/js/08435746bb3f8ba825bd.js"></script><script src="/handbook/_nuxt/js/f83663ec9f29b19e6a0e.js"></script></body>
</html>
diff --git a/handbook/_nuxt/339d9f0.js b/handbook/_nuxt/000841e.js
similarity index 99%
rename from handbook/_nuxt/339d9f0.js
rename to handbook/_nuxt/000841e.js
index 0bc5d011..83d4b4ec 100644
--- a/handbook/_nuxt/339d9f0.js
+++ b/handbook/_nuxt/000841e.js
@@ -1 +1 @@
-!function(e){function c(data){for(var c,f,t=data[0],o=data[1],l=data[2],i=0,h=[];i<t.length;i++)f=t[i],Object.prototype.hasOwnProperty.call(r,f)&&r[f]&&h.push(r[f][0]),r[f]=0;for(c in o)Object.prototype.hasOwnProperty.call(o,c)&&(e[c]=o[c]);for(m&&m(data);h.length;)h.shift()();return n.push.apply(n,l||[]),d()}function d(){for(var e,i=0;i<n.length;i++){for(var c=n[i],d=!0,f=1;f<c.length;f++){var t=c[f];0!==r[t]&&(d=!1)}d&&(n.splice(i--,1),e=o(o.s=c[0]))}return e}var f={},t={4:0},r={4:0},n [...]
\ No newline at end of file
+!function(e){function c(data){for(var c,f,t=data[0],o=data[1],l=data[2],i=0,h=[];i<t.length;i++)f=t[i],Object.prototype.hasOwnProperty.call(r,f)&&r[f]&&h.push(r[f][0]),r[f]=0;for(c in o)Object.prototype.hasOwnProperty.call(o,c)&&(e[c]=o[c]);for(m&&m(data);h.length;)h.shift()();return n.push.apply(n,l||[]),d()}function d(){for(var e,i=0;i<n.length;i++){for(var c=n[i],d=!0,f=1;f<c.length;f++){var t=c[f];0!==r[t]&&(d=!1)}d&&(n.splice(i--,1),e=o(o.s=c[0]))}return e}var f={},t={4:0},r={4:0},n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9493efe881f192cde922.js b/handbook/_nuxt/js/625f416b942e590d516a.js
similarity index 71%
rename from handbook/_nuxt/js/9493efe881f192cde922.js
rename to handbook/_nuxt/js/625f416b942e590d516a.js
index 9ed9f98c..0979cf8c 100644
--- a/handbook/_nuxt/js/9493efe881f192cde922.js
+++ b/handbook/_nuxt/js/625f416b942e590d516a.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{192:function(t,e,n){t.exports={}},199:function(t,e,n){t.exports={}},200:function(t,e,n){t.exports={}},201:function(t,e,n){t.exports={}},210:function(t,e,n){t.exports={}},213:function(t,e,n){"use strict";n(192)},230:function(t,e,n){"use strict";n(199)},231:function(t,e,n){"use strict";n(200)},239:function(t,e,n){"use strict";n(201)},299:function(t,e,n){"use strict";n(210)},301:function(t,e,n){var map={"./en/basics/download.md":[302, [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{192:function(t,e,n){t.exports={}},199:function(t,e,n){t.exports={}},200:function(t,e,n){t.exports={}},201:function(t,e,n){t.exports={}},210:function(t,e,n){t.exports={}},213:function(t,e,n){"use strict";n(192)},230:function(t,e,n){"use strict";n(199)},231:function(t,e,n){"use strict";n(200)},239:function(t,e,n){"use strict";n(201)},299:function(t,e,n){"use strict";n(210)},301:function(t,e,n){var map={"./en/basics/download.md":[302, [...]
\ No newline at end of file
diff --git a/handbook/en/basics/download/index.html b/handbook/en/basics/download/index.html
index bcc3dae5..e7c308f7 100644
--- a/handbook/en/basics/download/index.html
+++ b/handbook/en/basics/download/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/help/index.html b/handbook/en/basics/help/index.html
index 02377d30..a75827fa 100644
--- a/handbook/en/basics/help/index.html
+++ b/handbook/en/basics/help/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/import/index.html b/handbook/en/basics/import/index.html
index e34ccead..8f4fa3d8 100644
--- a/handbook/en/basics/import/index.html
+++ b/handbook/en/basics/import/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -114,7 +114,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
<span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/5-2-0/index.html b/handbook/en/basics/release-note/5-2-0/index.html
index e505105c..b4cf2f35 100644
--- a/handbook/en/basics/release-note/5-2-0/index.html
+++ b/handbook/en/basics/release-note/5-2-0/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -596,7 +596,7 @@ This optimization ensure that memory does not explode as the dataset dimensions
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/5-3-0/index.html b/handbook/en/basics/release-note/5-3-0/index.html
index 36bd9f71..c9a49bea 100644
--- a/handbook/en/basics/release-note/5-3-0/index.html
+++ b/handbook/en/basics/release-note/5-3-0/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
width<span class="token operator">:</span> <span class="token string">'bolder'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/v5-feature/index.html b/handbook/en/basics/release-note/v5-feature/index.html
index b9be75a7..ea61e1fd 100644
--- a/handbook/en/basics/release-note/v5-feature/index.html
+++ b/handbook/en/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>
echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
locale<span class="token operator">:</span> <span class="token string">'DE'</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/v5-upgrade-guide/index.html b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
index f77221b1..f55e80ae 100644
--- a/handbook/en/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -80,7 +80,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<ul><li>option <code>series.clockWise</code> is deprecated. Use <code>series.clockwise</code> instead.</li> <li>option <code>series.hoverOffset</code> is deprecated. Use <code>series.emphasis.scaleSize</code> instead.</li></ul></li> <li><code>dataZoom component</code>:
<ul><li>option <code>dataZoom.handleIcon</code> need prefix <code>path://</code> if using SVGPath.</li></ul></li> <li><code>radar</code>:
<ul><li>option <code>radar.name</code> is deprecated. Use <code>radar.axisName</code> instead.</li> <li>option <code>radar.nameGap</code> is deprecated. Use <code>radar.axisNameGap</code> instead.</li></ul></li> <li>Parse and format:
-<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
+<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/best-practices/aria/index.html b/handbook/en/best-practices/aria/index.html
index 00c0ec65..ed044633 100644
--- a/handbook/en/best-practices/aria/index.html
+++ b/handbook/en/best-practices/aria/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -29,7 +29,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
-</code></pre> <p>The default language will be used based on the language pack (default Chinese), or you can customize the template using the configuration item.</p> <h3 id="overall-description-modification" tabindex="-1">Overall Description Modification</h3> <p>For some charts, the default item description cannot show the info of the whole chart. In the following scatter chart, the description generated by default can include all the items, however, hearing info of hundreds of items has [...]
+</code></pre> <p>The default language will be used based on the language pack (default Chinese), or you can customize the template using the configuration item.</p> <h3 id="overall-description-modification" tabindex="-1">Overall Description Modification</h3> <p>For some charts, the default item description cannot show the info of the whole chart. In the following scatter chart, the description generated by default can include all the items, however, hearing info of hundreds of items has [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/best-practices/canvas-vs-svg/index.html b/handbook/en/best-practices/canvas-vs-svg/index.html
index 92f42aa2..e681a332 100644
--- a/handbook/en/best-practices/canvas-vs-svg/index.html
+++ b/handbook/en/best-practices/canvas-vs-svg/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// using the SVG renderer</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/axis/index.html b/handbook/en/concepts/axis/index.html
index 375e139d..484fc853 100644
--- a/handbook/en/concepts/axis/index.html
+++ b/handbook/en/concepts/axis/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -280,7 +280,7 @@
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/chart-size/index.html b/handbook/en/concepts/chart-size/index.html
index 3ed80076..91f0f041 100644
--- a/handbook/en/concepts/chart-size/index.html
+++ b/handbook/en/concepts/chart-size/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -35,7 +35,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
width<span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
height<span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/data-transform/index.html b/handbook/en/concepts/data-transform/index.html
index ea57a714..465924ce 100644
--- a/handbook/en/concepts/data-transform/index.html
+++ b/handbook/en/concepts/data-transform/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -604,7 +604,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
datasetIndex<span class="token operator">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/dataset/index.html b/handbook/en/concepts/dataset/index.html
index e1bde418..d849385d 100644
--- a/handbook/en/concepts/dataset/index.html
+++ b/handbook/en/concepts/dataset/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -475,7 +475,7 @@ We now support to trace value from specific dimension for <a href="https://echar
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<code>line</code>, <code>bar</code>, <code>pie</code>, <code>scatter</code>, <code>effectScatter</code>, <code>parallel</code>, <code>candlestick</code>, <code>map</code>, <code>funnel</code>, <code>custom</code>.
-ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
+ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/event/index.html b/handbook/en/concepts/event/index.html
index 0fbffe8c..3ed1c4e0 100644
--- a/handbook/en/concepts/event/index.html
+++ b/handbook/en/concepts/event/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -315,7 +315,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
<span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment">// Click on blank. Do something.</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/legend/index.html b/handbook/en/concepts/legend/index.html
index 3cb2cee3..6759bc09 100644
--- a/handbook/en/concepts/legend/index.html
+++ b/handbook/en/concepts/legend/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/style/index.html b/handbook/en/concepts/style/index.html
index fd335009..23de5ac9 100644
--- a/handbook/en/concepts/style/index.html
+++ b/handbook/en/concepts/style/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -446,7 +446,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/visual-map/index.html b/handbook/en/concepts/visual-map/index.html
index e61b87ce..d6e09076 100644
--- a/handbook/en/concepts/visual-map/index.html
+++ b/handbook/en/concepts/visual-map/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -73,7 +73,7 @@
<span class="token punctuation">}</span>
<span class="token comment">// ...</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/get-started/index.html b/handbook/en/get-started/index.html
index 21d57e4e..e1ebefbd 100644
--- a/handbook/en/get-started/index.html
+++ b/handbook/en/get-started/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -58,7 +58,7 @@
myChart.setOption(option);
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/animation/transition/index.html b/handbook/en/how-to/animation/transition/index.html
index 15d6fa0f..74cdeffa 100644
--- a/handbook/en/how-to/animation/transition/index.html
+++ b/handbook/en/how-to/animation/transition/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
<span class="token comment">// This event will also be triggered if there is a subsequent interaction and the interaction is redrawn, so it needs to be removed when you're done using it</span>
chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/bar-race/index.html b/handbook/en/how-to/chart-types/bar/bar-race/index.html
index a5d19aca..3cbf612a 100644
--- a/handbook/en/how-to/chart-types/bar/bar-race/index.html
+++ b/handbook/en/how-to/chart-types/bar/bar-race/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -119,7 +119,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">run</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/basic-bar/index.html b/handbook/en/how-to/chart-types/bar/basic-bar/index.html
index 814da147..04943709 100644
--- a/handbook/en/how-to/chart-types/bar/basic-bar/index.html
+++ b/handbook/en/how-to/chart-types/bar/basic-bar/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -221,7 +221,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/stacked-bar/index.html b/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
index fb8ac742..c672cbcf 100644
--- a/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
+++ b/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -41,7 +41,7 @@
stack<span class="token operator">:</span> <span class="token string">'x'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/waterfall/index.html b/handbook/en/how-to/chart-types/bar/waterfall/index.html
index 88d4deb6..a4f3afc2 100644
--- a/handbook/en/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/en/how-to/chart-types/bar/waterfall/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/area-line/index.html b/handbook/en/how-to/chart-types/line/area-line/index.html
index ebe31879..3b554866 100644
--- a/handbook/en/how-to/chart-types/line/area-line/index.html
+++ b/handbook/en/how-to/chart-types/line/area-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -47,7 +47,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/basic-line/index.html b/handbook/en/how-to/chart-types/line/basic-line/index.html
index 38abba19..61d9b036 100644
--- a/handbook/en/how-to/chart-types/line/basic-line/index.html
+++ b/handbook/en/how-to/chart-types/line/basic-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -155,7 +155,7 @@
type<span class="token operator">:</span> <span class="token string">'line'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/smooth-line/index.html b/handbook/en/how-to/chart-types/line/smooth-line/index.html
index 32a58d0e..c6afd41b 100644
--- a/handbook/en/how-to/chart-types/line/smooth-line/index.html
+++ b/handbook/en/how-to/chart-types/line/smooth-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -31,7 +31,7 @@
smooth<span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/stacked-line/index.html b/handbook/en/how-to/chart-types/line/stacked-line/index.html
index c57da2ce..31142a2a 100644
--- a/handbook/en/how-to/chart-types/line/stacked-line/index.html
+++ b/handbook/en/how-to/chart-types/line/stacked-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -79,7 +79,7 @@
areaStyle<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/step-line/index.html b/handbook/en/how-to/chart-types/line/step-line/index.html
index 9a68cbe3..a9c81046 100644
--- a/handbook/en/how-to/chart-types/line/step-line/index.html
+++ b/handbook/en/how-to/chart-types/line/step-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
data<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><span class="token punctuation">,</span> <span class="t [...]
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/basic-pie/index.html b/handbook/en/how-to/chart-types/pie/basic-pie/index.html
index cfbb3bd2..5f6e7603 100644
--- a/handbook/en/how-to/chart-types/pie/basic-pie/index.html
+++ b/handbook/en/how-to/chart-types/pie/basic-pie/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -167,7 +167,7 @@
name<span class="token operator">:</span> <span class="token string">'Search Engine'</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/doughnut/index.html b/handbook/en/how-to/chart-types/pie/doughnut/index.html
index f2f4df13..78e23218 100644
--- a/handbook/en/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/en/how-to/chart-types/pie/doughnut/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -133,7 +133,7 @@
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/rose/index.html b/handbook/en/how-to/chart-types/pie/rose/index.html
index 095f9983..8e54f6e2 100644
--- a/handbook/en/how-to/chart-types/pie/rose/index.html
+++ b/handbook/en/how-to/chart-types/pie/rose/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
roseType<span class="token operator">:</span> <span class="token string">'area'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
index 8d8e5e48..35572b40 100644
--- a/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
+++ b/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/cross-platform/server/index.html b/handbook/en/how-to/cross-platform/server/index.html
index d036c76a..0c6c3c72 100644
--- a/handbook/en/how-to/cross-platform/server/index.html
+++ b/handbook/en/how-to/cross-platform/server/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@ res<span class="token punctuation">.</span><span class="token function">end</spa
img<span class="token punctuation">.</span>src <span class="token operator">=</span> src<span class="token punctuation">;</span>
<span class="token keyword">return</span> img<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/data/dynamic-data/index.html b/handbook/en/how-to/data/dynamic-data/index.html
index cd7580d8..da44e94e 100644
--- a/handbook/en/how-to/data/dynamic-data/index.html
+++ b/handbook/en/how-to/data/dynamic-data/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
$<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/interaction/drag/index.html b/handbook/en/how-to/interaction/drag/index.html
index 8ea5e267..a864482a 100644
--- a/handbook/en/how-to/interaction/drag/index.html
+++ b/handbook/en/how-to/interaction/drag/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -211,7 +211,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/label/rich-text/index.html b/handbook/en/how-to/label/rich-text/index.html
index f4fbcaf0..b8fccf18 100644
--- a/handbook/en/how-to/label/rich-text/index.html
+++ b/handbook/en/how-to/label/rich-text/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -673,7 +673,7 @@ rich<span class="token operator">:</span> <span class="token punctuation">{</spa
width<span class="token operator">:</span> <span class="token string">'100%'</span><span class="token punctuation">,</span>
color<span class="token operator">:</span> <span class="token string">'#eee'</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/index.html b/handbook/en/index.html
index 67618047..a5398b83 100644
--- a/handbook/en/index.html
+++ b/handbook/en/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/339d9f0.js" as="script"><link rel [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/000841e.js" as="script"><link rel [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/meta/edit-guide/index.html b/handbook/en/meta/edit-guide/index.html
index cfc96ce6..e9f0389d 100644
--- a/handbook/en/meta/edit-guide/index.html
+++ b/handbook/en/meta/edit-guide/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -147,7 +147,7 @@ This is a warning alert.
This is a danger alert.
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-alert</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-lineca [...]
This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/index.html b/handbook/index.html
index de3111ec..93e3c184 100644
--- a/handbook/index.html
+++ b/handbook/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/339d9f0.js" as="script"><link rel [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/000841e.js" as="script"><link rel [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/download/index.html b/handbook/zh/basics/download/index.html
index d32a6c98..06b4c15b 100644
--- a/handbook/zh/basics/download/index.html
+++ b/handbook/zh/basics/download/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/help/index.html b/handbook/zh/basics/help/index.html
index 2cd026c7..1f059830 100644
--- a/handbook/zh/basics/help/index.html
+++ b/handbook/zh/basics/help/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/import/index.html b/handbook/zh/basics/import/index.html
index 1835cad5..760ff222 100644
--- a/handbook/zh/basics/import/index.html
+++ b/handbook/zh/basics/import/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -112,7 +112,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
<span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/5-2-0/index.html b/handbook/zh/basics/release-note/5-2-0/index.html
index 17aeb299..7f6d18b7 100644
--- a/handbook/zh/basics/release-note/5-2-0/index.html
+++ b/handbook/zh/basics/release-note/5-2-0/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -585,7 +585,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/5-3-0/index.html b/handbook/zh/basics/release-note/5-3-0/index.html
index fcca8e73..70affaa2 100644
--- a/handbook/zh/basics/release-note/5-3-0/index.html
+++ b/handbook/zh/basics/release-note/5-3-0/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
width<span class="token operator">:</span> <span class="token string">'bolder'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/v5-feature/index.html b/handbook/zh/basics/release-note/v5-feature/index.html
index 3297cb23..e913e610 100644
--- a/handbook/zh/basics/release-note/v5-feature/index.html
+++ b/handbook/zh/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>
echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
locale<span class="token operator">:</span> <span class="token string">'DE'</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
index 44fddf69..f6291053 100644
--- a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -80,7 +80,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<ul><li>选项 <code>series.clockWise</code> 已经不推荐使用。使用 <code>series.clockwise</code> 代替。</li> <li>选项 <code>series.hoverOffset</code> 已经不推荐使用。使用 <code>series.emphasis.scaleSize</code> 代替。</li></ul></li> <li><code>dataZoom</code> 组件：
<ul><li>选项 <code>dataZoom.handleIcon</code> 如果使用 <code>SVGPath</code>，需要前缀 <code>path://</code>。</li></ul></li> <li>雷达图（<code>radar</code>）：
<ul><li>选项 <code>radar.name</code> 已经不推荐使用。使用 <code>radar.axisName</code> 代替。</li> <li>选项 <code>radar.nameGap</code> 已经不推荐使用。使用 <code>radar.axisNameGap</code> 代替。</li></ul></li> <li>Parse and format：
-<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
+<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/best-practices/aria/index.html b/handbook/zh/best-practices/aria/index.html
index 7f5a4db2..f0a43094 100644
--- a/handbook/zh/best-practices/aria/index.html
+++ b/handbook/zh/best-practices/aria/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -29,7 +29,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
-</code></pre> <p>默认语言会根据语言包（默认中文）选择，也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表，默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图，默认生成的描述可以包含数据点的坐标值，但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候，用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外，我们还提供了生成描述的模板，可以方便地进行细粒度 [...]
+</code></pre> <p>默认语言会根据语言包（默认中文）选择，也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表，默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图，默认生成的描述可以包含数据点的坐标值，但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候，用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外，我们还提供了生成描述的模板，可以方便地进行细粒度 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/best-practices/canvas-vs-svg/index.html b/handbook/zh/best-practices/canvas-vs-svg/index.html
index ad298168..5b8423ad 100644
--- a/handbook/zh/best-practices/canvas-vs-svg/index.html
+++ b/handbook/zh/best-practices/canvas-vs-svg/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 使用 SVG 渲染器</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/axis/index.html b/handbook/zh/concepts/axis/index.html
index a4ae237c..a359ebc1 100644
--- a/handbook/zh/concepts/axis/index.html
+++ b/handbook/zh/concepts/axis/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -275,7 +275,7 @@
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/chart-size/index.html b/handbook/zh/concepts/chart-size/index.html
index 91c0f912..db120d3e 100644
--- a/handbook/zh/concepts/chart-size/index.html
+++ b/handbook/zh/concepts/chart-size/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -35,7 +35,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
width<span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
height<span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/data-transform/index.html b/handbook/zh/concepts/data-transform/index.html
index 7af99729..b4dfe6a3 100644
--- a/handbook/zh/concepts/data-transform/index.html
+++ b/handbook/zh/concepts/data-transform/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -590,7 +590,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
datasetIndex<span class="token operator">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/dataset/index.html b/handbook/zh/concepts/dataset/index.html
index fb2fac7d..ec49f506 100644
--- a/handbook/zh/concepts/dataset/index.html
+++ b/handbook/zh/concepts/dataset/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -494,7 +494,7 @@ encode<span class="token operator">:</span> <span class="token punctuation">{</s
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<code>line</code>、<code>bar</code>、<code>pie</code>、<code>scatter</code>、<code>effectScatter</code>、<code>parallel</code>、<code>candlestick</code>、<code>map</code>、<code>funnel</code>、<code>custom</code>。
-后续会有更多的图表进行支持。</p> <p>最后，给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>，多个图表共享一个 <code>dataset</code>，并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
+后续会有更多的图表进行支持。</p> <p>最后，给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>，多个图表共享一个 <code>dataset</code>，并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/event/index.html b/handbook/zh/concepts/event/index.html
index 0a8b402f..c465b074 100644
--- a/handbook/zh/concepts/event/index.html
+++ b/handbook/zh/concepts/event/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -327,7 +327,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
<span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment">// 点击在了空白处，做些什么。</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/legend/index.html b/handbook/zh/concepts/legend/index.html
index a5d95c8a..a858b2bd 100644
--- a/handbook/zh/concepts/legend/index.html
+++ b/handbook/zh/concepts/legend/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/style/index.html b/handbook/zh/concepts/style/index.html
index 434023e1..4d7c2c71 100644
--- a/handbook/zh/concepts/style/index.html
+++ b/handbook/zh/concepts/style/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -450,7 +450,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/visual-map/index.html b/handbook/zh/concepts/visual-map/index.html
index 22989c49..1f9cd1ba 100644
--- a/handbook/zh/concepts/visual-map/index.html
+++ b/handbook/zh/concepts/visual-map/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -73,7 +73,7 @@
<span class="token punctuation">}</span>
<span class="token comment">// ...</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/get-started/index.html b/handbook/zh/get-started/index.html
index 4819b81f..41ad2d9e 100644
--- a/handbook/zh/get-started/index.html
+++ b/handbook/zh/get-started/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -58,7 +58,7 @@
myChart.setOption(option);
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/animation/transition/index.html b/handbook/zh/how-to/animation/transition/index.html
index 588fa6d5..e3d15e21 100644
--- a/handbook/zh/how-to/animation/transition/index.html
+++ b/handbook/zh/how-to/animation/transition/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
<span class="token comment">// 后续如果有交互，交互发生重绘也会触发该事件，因此使用完就需要移除</span>
chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/bar-race/index.html b/handbook/zh/how-to/chart-types/bar/bar-race/index.html
index 45c5028f..70325cff 100644
--- a/handbook/zh/how-to/chart-types/bar/bar-race/index.html
+++ b/handbook/zh/how-to/chart-types/bar/bar-race/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -113,7 +113,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">update</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/basic-bar/index.html b/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
index 437a6512..d983ba87 100644
--- a/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
+++ b/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -221,7 +221,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html b/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
index 451f29ad..fc30f563 100644
--- a/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
+++ b/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -41,7 +41,7 @@
stack<span class="token operator">:</span> <span class="token string">'x'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/waterfall/index.html b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
index 8736795c..018bed62 100644
--- a/handbook/zh/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/area-line/index.html b/handbook/zh/how-to/chart-types/line/area-line/index.html
index 5794f10c..f482c1af 100644
--- a/handbook/zh/how-to/chart-types/line/area-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/area-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -47,7 +47,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/basic-line/index.html b/handbook/zh/how-to/chart-types/line/basic-line/index.html
index fe3cfbb2..2e322f53 100644
--- a/handbook/zh/how-to/chart-types/line/basic-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/basic-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -155,7 +155,7 @@
type<span class="token operator">:</span> <span class="token string">'line'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/smooth-line/index.html b/handbook/zh/how-to/chart-types/line/smooth-line/index.html
index a4c5902c..d790fde1 100644
--- a/handbook/zh/how-to/chart-types/line/smooth-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/smooth-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -31,7 +31,7 @@
smooth<span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/stacked-line/index.html b/handbook/zh/how-to/chart-types/line/stacked-line/index.html
index 8f210c41..81cee397 100644
--- a/handbook/zh/how-to/chart-types/line/stacked-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/stacked-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -79,7 +79,7 @@
areaStyle<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/step-line/index.html b/handbook/zh/how-to/chart-types/line/step-line/index.html
index 539d3fc9..8054d087 100644
--- a/handbook/zh/how-to/chart-types/line/step-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/step-line/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -63,7 +63,7 @@
data<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><span class="token punctuation">,</span> <span class="t [...]
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/basic-pie/index.html b/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
index 69a9dbf9..e6d9472a 100644
--- a/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
+++ b/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -179,7 +179,7 @@
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/doughnut/index.html b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
index 977bda92..0ef5c27f 100644
--- a/handbook/zh/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -133,7 +133,7 @@
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/rose/index.html b/handbook/zh/how-to/chart-types/pie/rose/index.html
index 6b811df7..316a890b 100644
--- a/handbook/zh/how-to/chart-types/pie/rose/index.html
+++ b/handbook/zh/how-to/chart-types/pie/rose/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
roseType<span class="token operator">:</span> <span class="token string">'area'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
index 4cf148d2..cb375afb 100644
--- a/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
+++ b/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/baidu-app/index.html b/handbook/zh/how-to/cross-platform/baidu-app/index.html
index e5aae5cb..783aa8c0 100644
--- a/handbook/zh/how-to/cross-platform/baidu-app/index.html
+++ b/handbook/zh/how-to/cross-platform/baidu-app/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/server/index.html b/handbook/zh/how-to/cross-platform/server/index.html
index 162171f2..1f198d86 100644
--- a/handbook/zh/how-to/cross-platform/server/index.html
+++ b/handbook/zh/how-to/cross-platform/server/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@ res<span class="token punctuation">.</span><span class="token function">end</spa
img<span class="token punctuation">.</span>src <span class="token operator">=</span> src<span class="token punctuation">;</span>
<span class="token keyword">return</span> img<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/wechat-app/index.html b/handbook/zh/how-to/cross-platform/wechat-app/index.html
index 523fef52..e1d72281 100644
--- a/handbook/zh/how-to/cross-platform/wechat-app/index.html
+++ b/handbook/zh/how-to/cross-platform/wechat-app/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/data/dynamic-data/index.html b/handbook/zh/how-to/data/dynamic-data/index.html
index 4b523b99..5d066968 100644
--- a/handbook/zh/how-to/data/dynamic-data/index.html
+++ b/handbook/zh/how-to/data/dynamic-data/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
$<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/interaction/drag/index.html b/handbook/zh/how-to/interaction/drag/index.html
index 36eb4f95..644c2887 100644
--- a/handbook/zh/how-to/interaction/drag/index.html
+++ b/handbook/zh/how-to/interaction/drag/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -202,7 +202,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
<span class="token punctuation">}</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/label/rich-text/index.html b/handbook/zh/how-to/label/rich-text/index.html
index 1d707ca8..1736435c 100644
--- a/handbook/zh/how-to/label/rich-text/index.html
+++ b/handbook/zh/how-to/label/rich-text/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -680,7 +680,7 @@ labelOption <span class="token operator">=</span> <span class="token punctuation
color<span class="token operator">:</span> <span class="token string">'#eee'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/index.html b/handbook/zh/index.html
index 00fc941a..30892dd1 100644
--- a/handbook/zh/index.html
+++ b/handbook/zh/index.html
@@ -4,10 +4,10 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/339d9f0.js" as="script"><link rel [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/000841e.js" as="script"><link rel [...]
</head>
<body>
- <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+ <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/meta/edit-guide/index.html b/handbook/zh/meta/edit-guide/index.html
index 127f8c63..f2f2513d 100644
--- a/handbook/zh/meta/edit-guide/index.html
+++ b/handbook/zh/meta/edit-guide/index.html
@@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
- <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+ <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -177,7 +177,7 @@ This is a warning alert.
This is a danger alert.
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-alert</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-lineca [...]
This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
<script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
<script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/layouts/doc.html b/layouts/doc.html
index 46713f91..b9036b1b 100644
--- a/layouts/doc.html
+++ b/layouts/doc.html
@@ -12,7 +12,7 @@
}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=db1d3d2e4e"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 </p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onc [...]
window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-</script><script type="text/javascript">window.globalArgsExtra.version = '43d69d62db';
+</script><script type="text/javascript">window.globalArgsExtra.version = '6e07fb76ad';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/layouts/example-simple.html b/layouts/example-simple.html
index b306cdc2..ee0de750 100644
--- a/layouts/example-simple.html
+++ b/layouts/example-simple.html
@@ -11,7 +11,7 @@
overflow-x: hidden;
}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=be96c01ebf"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></ [...]
<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 </p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onc [...]
-</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/layouts/example.html b/layouts/example.html
index 2c9e32ff..ad2baa40 100644
--- a/layouts/example.html
+++ b/layouts/example.html
@@ -12,7 +12,7 @@
}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=be96c01ebf"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></ [...]
<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 </p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onc [...]
window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-</script><script type="text/javascript">window.globalArgsExtra.version = '1657508556955';
+</script><script type="text/javascript">window.globalArgsExtra.version = '1657518171788';
window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
diff --git a/zh/api.html b/zh/api.html
index 64d564e1..58540dd3 100644
--- a/zh/api.html
+++ b/zh/api.html
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
};
if (window.EC_WWW_CDN_PAY_ROOT) {
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '0f8de90f59';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'eff30f9290';
echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
diff --git a/zh/builder/echarts.html b/zh/builder/echarts.html
index 1f5dba0a..d082e231 100644
--- a/zh/builder/echarts.html
+++ b/zh/builder/echarts.html
@@ -54,7 +54,7 @@
'rollup': 'lib/rollup.browser',
'transformDev': 'lib/transform-dev-bundle'
},
- urlArgs: 'v=1657508556955'
+ urlArgs: 'v=1657518171788'
});
require(['build']);
diff --git a/zh/css/only_for_cdn_ready_check.css b/zh/css/only_for_cdn_ready_check.css
index 658788d6..64f71676 100644
--- a/zh/css/only_for_cdn_ready_check.css
+++ b/zh/css/only_for_cdn_ready_check.css
@@ -1 +1 @@
-/* 1657508556955 OK */
\ No newline at end of file
+/* 1657518171788 OK */
\ No newline at end of file
diff --git a/zh/documents/option-parts/option-outline.js b/zh/documents/option-parts/option-outline.js
index 504eec72..14d0ccd1 100644
--- a/zh/documents/option-parts/option-outline.js
+++ b/zh/documents/option-parts/option-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
+window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option-outline.json b/zh/documents/option-parts/option-outline.json
index 6cf10e28..4d858d9f 100644
--- a/zh/documents/option-parts/option-outline.json
+++ b/zh/documents/option-parts/option-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.js b/zh/documents/option-parts/option.js
index 030cc91e..7f68c2a5 100644
--- a/zh/documents/option-parts/option.js
+++ b/zh/documents/option-parts/option.js
@@ -389,7 +389,7 @@ window.__EC_DOC_option = {
]
},
"series-sunburst": {
- "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart\" target=\"_blank\">旭日图（Sunburst）</a>由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像<a href=\"#series-pie\">饼图</a>一样表现局部和整体的占比，又能像<a href=\"#series-treemap\">矩形树图</a>一样表现层级关系。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=sunburst-monochrome&edit=1&reset=1\" width=\"700\" height=\"500\"></iframe>\n\n\n<iframe data-src=\"https: [...]
+ "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart,_sunburst_chart,_and_multilevel_pie_chart\" target=\"_blank\">旭日图（Sunburst）</a>由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像<a href=\"#series-pie\">饼图</a>一样表现局部和整体的占比，又能像<a href=\"#series-treemap\">矩形树图</a>一样表现层级关系。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=sunburst-monochrome&edit=1&reset=1\" width=\"700\" height=\"500\"></iframe>\n\n\n<iframe data-src=\"http [...]
"exampleBaseOptions": [
{
"code": "\nconst data = [{\n name: 'Food',\n children: [{\n value: 3,\n name: 'Fruit',\n children: [{\n value: 1,\n name: 'Apple'\n }, {\n value: 2,\n name: 'Orange',\n children: [{\n name: 'Seville Orange',\n value: 1\n }, {\n name: 'Blood Orange',\n value: 1\n }]\n }]\n }, {\n value: 9,\n [...]
diff --git a/zh/documents/option-parts/option.json b/zh/documents/option-parts/option.json
index ba20cfcf..dbd78e63 100644
--- a/zh/documents/option-parts/option.json
+++ b/zh/documents/option-parts/option.json
@@ -389,7 +389,7 @@
]
},
"series-sunburst": {
- "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart\" target=\"_blank\">旭日图（Sunburst）</a>由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像<a href=\"#series-pie\">饼图</a>一样表现局部和整体的占比，又能像<a href=\"#series-treemap\">矩形树图</a>一样表现层级关系。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=sunburst-monochrome&edit=1&reset=1\" width=\"700\" height=\"500\"></iframe>\n\n\n<iframe data-src=\"https: [...]
+ "desc": "<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart,_sunburst_chart,_and_multilevel_pie_chart\" target=\"_blank\">旭日图（Sunburst）</a>由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像<a href=\"#series-pie\">饼图</a>一样表现局部和整体的占比，又能像<a href=\"#series-treemap\">矩形树图</a>一样表现层级关系。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=sunburst-monochrome&edit=1&reset=1\" width=\"700\" height=\"500\"></iframe>\n\n\n<iframe data-src=\"http [...]
"exampleBaseOptions": [
{
"code": "\nconst data = [{\n name: 'Food',\n children: [{\n value: 3,\n name: 'Fruit',\n children: [{\n value: 1,\n name: 'Apple'\n }, {\n value: 2,\n name: 'Orange',\n children: [{\n name: 'Seville Orange',\n value: 1\n }, {\n name: 'Blood Orange',\n value: 1\n }]\n }]\n }, {\n value: 9,\n [...]
diff --git a/zh/documents/option-parts/option.series-sunburst.js b/zh/documents/option-parts/option.series-sunburst.js
index 94f2260d..54c82476 100644
--- a/zh/documents/option-parts/option.series-sunburst.js
+++ b/zh/documents/option-parts/option.series-sunburst.js
@@ -827,6 +827,2236 @@ window.__EC_DOC_option_series_sunburst = {
"default": "0,0,0,0"
}
},
+ "data.emphasis": {
+ "desc": "<p>高亮状态配置。</p>\n"
+ },
+ "data.emphasis.label": {
+ "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。</p>\n"
+ },
+ "data.emphasis.label.rotate": {
+ "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.emphasis.label.align": {
+ "desc": "\n\n<p>文字对齐方式，可取值为：<code class=\"codespan\">'left'</code>、 <code class=\"codespan\">'center'</code>、 <code class=\"codespan\">'right'</code>。注意，<code class=\"codespan\">'left'</code> 是指靠近内圈，而 <code class=\"codespan\">'right'</code> 是指靠近外圈。</p>\n<p>同 <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.emphasis.label.minAngle": {
+ "desc": "\n\n<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.emphasis.label.show": {
+ "desc": "\n\n<p>是否显示标签。</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.emphasis.label.position": {
+ "desc": "\n\n\n\n<p>标签的位置。</p>\n<ul>\n<li><p>可以通过内置的语义声明位置：</p>\n<p> 示例：</p>\n<pre><code class=\"lang-ts\"> position: 'top'\n</code></pre>\n<p> 支持：<code class=\"codespan\">top</code> / <code class=\"codespan\">left</code> / <code class=\"codespan\">right</code> / <code class=\"codespan\">bottom</code> / <code class=\"codespan\">inside</code> / <code class=\"codespan\">insideLeft</code> / <code class=\"codespan\">insideRight</code> / <code class=\"codespan\">insideTop</code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.emphasis.label.distance": {
+ "desc": "\n\n<p>距离图形元素的距离。</p>\n<p>当 position 为字符描述值（如 <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>）时候有效。</p>\n<p>参见：<a href=\"https://echarts.apache.org/examples/zh/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.offset": {
+ "desc": "\n\n<p>是否对文字进行偏移。默认不偏移。例如：<code class=\"codespan\">[30, 40]</code> 表示文字在横向上偏移 <code class=\"codespan\">30</code>，纵向上偏移 <code class=\"codespan\">40</code>。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.emphasis.label.formatter": {
+ "desc": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code class=\"codespan\">\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>：系列名。</li>\n<li><code class=\"codespan\">{b}</code>：数据名。</li>\n<li><code class=\"codespan\">{c}</code>：数据值。</li>\n<li><code class=\"codespan\">{@xxx}</code>：数据中名为 <code class=\"codespan\">'xxx'</code> 的维度的值，如 <code class=\"codespan\">{@product}</code> 表示名为 <code class=\"codespan\">'produc [...]
+ },
+ "data.emphasis.label.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.width": {
+ "desc": "\n\n<p>文本显示宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.height": {
+ "desc": "\n\n<p>文本显示高度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.overflow": {
+ "desc": "\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断，并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本，默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行，跟<code class=\"codespan\">'break'</code>不同的是，在英语等拉丁文中，<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n< [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.emphasis.label.ellipsis": {
+ "desc": "<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。</p>\n"
+ },
+ "data.emphasis.label.rich": {
+ "desc": "<p>在 <code class=\"codespan\">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n [...]
+ },
+ "data.emphasis.label.rich.<style_name>.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>，则会取父层级的 <code class=\"codespan\">align</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`，则 `ali [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.width": {
+ "desc": "<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串，如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>（即不包含文本块的 <code class=\"codespan\">padding</code>）的百分之多少。之所以以 <co [...]
+ },
+ "data.emphasis.label.rich.<style_name>.height": {
+ "desc": "<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意，如果不定义 <code class=\"codespan\">rich</code> 属性，则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>标签的视觉引导线配置。</p>\n"
+ },
+ "data.emphasis.labelLine.show": {
+ "desc": "\n\n<p>是否显示视觉引导线。</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>线的颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.width": {
+ "desc": "\n\n<p>线宽。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">type</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">join</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">miterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/ [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle": {
+ "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ },
+ "data.emphasis.itemStyle.color": {
+ "desc": "\n\n<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。从 5.2.0 开始支持在<code class=\"codespan\">emphasis</code>状态中支持设置为<code class=\"codespan\">'inherit'</code>取消高亮颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderColor": {
+ "desc": "\n\n<p>图形的描边颜色。支持的颜色格式同 <code class=\"codespan\">color</code>，不支持回调函数。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.itemStyle.borderWidth": {
+ "desc": "\n\n<p>描边线宽。为 0 时无描边。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.borderType": {
+ "desc": "\n\n\n<p>描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.emphasis.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.emphasis.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">borderJoin</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">borderMiterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozill [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.emphasis.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.itemStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.emphasis.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>用于指定旭日图扇形区块的内外圆角半径，支持设置固定数值或者相对于扇形区块的半径的百分比值。</p>\n<p>从 <code class=\"codespan\">v5.3.0</code> 开始，支持分别配置从内到外顺时针方向四个角的圆角半径，百分比值从相对于内外扇形的半径更改为相对于内外扇形的半径差。</p>\n<p>例如：</p>\n<p><code class=\"codespan\">v5.3.0</code> 之前</p>\n<ul>\n<li><code class=\"codespan\">borderRadius: 10</code>：表示内圆角半径和外圆角半径都是 <code class=\"codespan\">10px</code>。</li>\n<li><code class=\"codespan\">borderRadius:  [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.blur": {
+ "desc": "<p>淡出状态配置。</p>\n"
+ },
+ "data.blur.label": {
+ "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。</p>\n"
+ },
+ "data.blur.label.rotate": {
+ "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.blur.label.align": {
+ "desc": "\n\n<p>文字对齐方式，可取值为：<code class=\"codespan\">'left'</code>、 <code class=\"codespan\">'center'</code>、 <code class=\"codespan\">'right'</code>。注意，<code class=\"codespan\">'left'</code> 是指靠近内圈，而 <code class=\"codespan\">'right'</code> 是指靠近外圈。</p>\n<p>同 <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.blur.label.minAngle": {
+ "desc": "\n\n<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.blur.label.show": {
+ "desc": "\n\n<p>是否显示标签。</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.blur.label.position": {
+ "desc": "\n\n\n\n<p>标签的位置。</p>\n<ul>\n<li><p>可以通过内置的语义声明位置：</p>\n<p> 示例：</p>\n<pre><code class=\"lang-ts\"> position: 'top'\n</code></pre>\n<p> 支持：<code class=\"codespan\">top</code> / <code class=\"codespan\">left</code> / <code class=\"codespan\">right</code> / <code class=\"codespan\">bottom</code> / <code class=\"codespan\">inside</code> / <code class=\"codespan\">insideLeft</code> / <code class=\"codespan\">insideRight</code> / <code class=\"codespan\">insideTop</code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.blur.label.distance": {
+ "desc": "\n\n<p>距离图形元素的距离。</p>\n<p>当 position 为字符描述值（如 <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>）时候有效。</p>\n<p>参见：<a href=\"https://echarts.apache.org/examples/zh/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.offset": {
+ "desc": "\n\n<p>是否对文字进行偏移。默认不偏移。例如：<code class=\"codespan\">[30, 40]</code> 表示文字在横向上偏移 <code class=\"codespan\">30</code>，纵向上偏移 <code class=\"codespan\">40</code>。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.blur.label.formatter": {
+ "desc": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code class=\"codespan\">\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>：系列名。</li>\n<li><code class=\"codespan\">{b}</code>：数据名。</li>\n<li><code class=\"codespan\">{c}</code>：数据值。</li>\n<li><code class=\"codespan\">{@xxx}</code>：数据中名为 <code class=\"codespan\">'xxx'</code> 的维度的值，如 <code class=\"codespan\">{@product}</code> 表示名为 <code class=\"codespan\">'produc [...]
+ },
+ "data.blur.label.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.width": {
+ "desc": "\n\n<p>文本显示宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.height": {
+ "desc": "\n\n<p>文本显示高度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.blur.label.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.overflow": {
+ "desc": "\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断，并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本，默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行，跟<code class=\"codespan\">'break'</code>不同的是，在英语等拉丁文中，<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n< [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.blur.label.ellipsis": {
+ "desc": "<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。</p>\n"
+ },
+ "data.blur.label.rich": {
+ "desc": "<p>在 <code class=\"codespan\">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n [...]
+ },
+ "data.blur.label.rich.<style_name>.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.blur.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.blur.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>，则会取父层级的 <code class=\"codespan\">align</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`，则 `ali [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.blur.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.blur.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.blur.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.blur.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.width": {
+ "desc": "<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串，如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>（即不包含文本块的 <code class=\"codespan\">padding</code>）的百分之多少。之所以以 <co [...]
+ },
+ "data.blur.label.rich.<style_name>.height": {
+ "desc": "<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意，如果不定义 <code class=\"codespan\">rich</code> 属性，则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"
+ },
+ "data.blur.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>标签的视觉引导线配置。</p>\n"
+ },
+ "data.blur.labelLine.show": {
+ "desc": "\n\n<p>是否显示视觉引导线。</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.blur.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>线的颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.labelLine.lineStyle.width": {
+ "desc": "\n\n<p>线宽。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">type</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">join</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">miterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/ [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle": {
+ "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ },
+ "data.blur.itemStyle.color": {
+ "desc": "\n\n<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderColor": {
+ "desc": "\n\n<p>图形的描边颜色。支持的颜色格式同 <code class=\"codespan\">color</code>，不支持回调函数。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.blur.itemStyle.borderWidth": {
+ "desc": "\n\n<p>描边线宽。为 0 时无描边。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.borderType": {
+ "desc": "\n\n\n<p>描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.blur.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.blur.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.blur.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.blur.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">borderJoin</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">borderMiterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozill [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.blur.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.blur.itemStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.blur.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>用于指定旭日图扇形区块的内外圆角半径，支持设置固定数值或者相对于扇形区块的半径的百分比值。</p>\n<p>从 <code class=\"codespan\">v5.3.0</code> 开始，支持分别配置从内到外顺时针方向四个角的圆角半径，百分比值从相对于内外扇形的半径更改为相对于内外扇形的半径差。</p>\n<p>例如：</p>\n<p><code class=\"codespan\">v5.3.0</code> 之前</p>\n<ul>\n<li><code class=\"codespan\">borderRadius: 10</code>：表示内圆角半径和外圆角半径都是 <code class=\"codespan\">10px</code>。</li>\n<li><code class=\"codespan\">borderRadius:  [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.select": {
+ "desc": "<p>选中状态配置。</p>\n"
+ },
+ "data.select.label": {
+ "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。</p>\n"
+ },
+ "data.select.label.rotate": {
+ "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.select.label.align": {
+ "desc": "\n\n<p>文字对齐方式，可取值为：<code class=\"codespan\">'left'</code>、 <code class=\"codespan\">'center'</code>、 <code class=\"codespan\">'right'</code>。注意，<code class=\"codespan\">'left'</code> 是指靠近内圈，而 <code class=\"codespan\">'right'</code> 是指靠近外圈。</p>\n<p>同 <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.select.label.minAngle": {
+ "desc": "\n\n<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.select.label.show": {
+ "desc": "\n\n<p>是否显示标签。</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.select.label.position": {
+ "desc": "\n\n\n\n<p>标签的位置。</p>\n<ul>\n<li><p>可以通过内置的语义声明位置：</p>\n<p> 示例：</p>\n<pre><code class=\"lang-ts\"> position: 'top'\n</code></pre>\n<p> 支持：<code class=\"codespan\">top</code> / <code class=\"codespan\">left</code> / <code class=\"codespan\">right</code> / <code class=\"codespan\">bottom</code> / <code class=\"codespan\">inside</code> / <code class=\"codespan\">insideLeft</code> / <code class=\"codespan\">insideRight</code> / <code class=\"codespan\">insideTop</code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.select.label.distance": {
+ "desc": "\n\n<p>距离图形元素的距离。</p>\n<p>当 position 为字符描述值（如 <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>）时候有效。</p>\n<p>参见：<a href=\"https://echarts.apache.org/examples/zh/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.offset": {
+ "desc": "\n\n<p>是否对文字进行偏移。默认不偏移。例如：<code class=\"codespan\">[30, 40]</code> 表示文字在横向上偏移 <code class=\"codespan\">30</code>，纵向上偏移 <code class=\"codespan\">40</code>。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.select.label.formatter": {
+ "desc": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code class=\"codespan\">\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>：系列名。</li>\n<li><code class=\"codespan\">{b}</code>：数据名。</li>\n<li><code class=\"codespan\">{c}</code>：数据值。</li>\n<li><code class=\"codespan\">{@xxx}</code>：数据中名为 <code class=\"codespan\">'xxx'</code> 的维度的值，如 <code class=\"codespan\">{@product}</code> 表示名为 <code class=\"codespan\">'produc [...]
+ },
+ "data.select.label.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.width": {
+ "desc": "\n\n<p>文本显示宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.height": {
+ "desc": "\n\n<p>文本显示高度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.select.label.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.overflow": {
+ "desc": "\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断，并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本，默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行，跟<code class=\"codespan\">'break'</code>不同的是，在英语等拉丁文中，<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n< [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.select.label.ellipsis": {
+ "desc": "<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。</p>\n"
+ },
+ "data.select.label.rich": {
+ "desc": "<p>在 <code class=\"codespan\">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n [...]
+ },
+ "data.select.label.rich.<style_name>.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.select.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.select.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>，则会取父层级的 <code class=\"codespan\">align</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`，则 `ali [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.select.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.select.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.select.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.select.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.width": {
+ "desc": "<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串，如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>（即不包含文本块的 <code class=\"codespan\">padding</code>）的百分之多少。之所以以 <co [...]
+ },
+ "data.select.label.rich.<style_name>.height": {
+ "desc": "<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code class=\"codespan\">backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽，不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意，如果不定义 <code class=\"codespan\">rich</code> 属性，则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"
+ },
+ "data.select.label.rich.<style_name>.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.label.rich.<style_name>.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.label.rich.<style_name>.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>标签的视觉引导线配置。</p>\n"
+ },
+ "data.select.labelLine.show": {
+ "desc": "\n\n<p>是否显示视觉引导线。</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
+ "data.select.labelLine.lineStyle.color": {
+ "desc": "\n\n<p>线的颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.labelLine.lineStyle.width": {
+ "desc": "\n\n<p>线宽。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.type": {
+ "desc": "\n\n\n<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.labelLine.lineStyle.dashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">type</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.labelLine.lineStyle.cap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.labelLine.lineStyle.join": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.labelLine.lineStyle.miterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">join</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">miterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/ [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.labelLine.lineStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle": {
+ "desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
+ },
+ "data.select.itemStyle.color": {
+ "desc": "\n\n<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>，<code class=\"codespan\">rgba(255,255,255,1)</code>，<code class=\"codespan\">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderColor": {
+ "desc": "\n\n<p>图形的描边颜色。支持的颜色格式同 <code class=\"codespan\">color</code>，不支持回调函数。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.select.itemStyle.borderWidth": {
+ "desc": "\n\n<p>描边线宽。为 0 时无描边。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "value": "1",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.borderType": {
+ "desc": "\n\n\n<p>描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash arr [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.select.itemStyle.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.select.itemStyle.borderCap": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式，可以是：</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh- [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "butt",
+ "options": "butt,round,square"
+ }
+ },
+ "data.select.itemStyle.borderJoin": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。</p>\n<p>可以是：</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设 [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "bevel",
+ "options": "bevel,round,miter"
+ }
+ },
+ "data.select.itemStyle.borderMiterLimit": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">borderJoin</code>\n 为 <code class=\"codespan\">miter</code> 时，\n<code class=\"codespan\">borderMiterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozill [...]
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "10"
+ }
+ },
+ "data.select.itemStyle.shadowBlur": {
+ "desc": "\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowColor": {
+ "desc": "\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": ""
+ }
+ },
+ "data.select.itemStyle.shadowOffsetX": {
+ "desc": "\n\n<p>阴影水平方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.shadowOffsetY": {
+ "desc": "\n\n<p>阴影垂直方向上的偏移距离。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "0",
+ "step": "0.5"
+ }
+ },
+ "data.select.itemStyle.opacity": {
+ "desc": "\n\n<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "1",
+ "min": "0",
+ "max": "1",
+ "step": "0.01"
+ }
+ },
+ "data.select.itemStyle.borderRadius": {
+ "desc": "\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>用于指定旭日图扇形区块的内外圆角半径，支持设置固定数值或者相对于扇形区块的半径的百分比值。</p>\n<p>从 <code class=\"codespan\">v5.3.0</code> 开始，支持分别配置从内到外顺时针方向四个角的圆角半径，百分比值从相对于内外扇形的半径更改为相对于内外扇形的半径差。</p>\n<p>例如：</p>\n<p><code class=\"codespan\">v5.3.0</code> 之前</p>\n<ul>\n<li><code class=\"codespan\">borderRadius: 10</code>：表示内圆角半径和外圆角半径都是 <code class=\"codespan\">10px</code>。</li>\n<li><code class=\"codespan\">borderRadius:  [...]
+ "uiControl": {
+ "type": "percentvector",
+ "min": "0",
+ "dims": "InnerStart,InnerEnd,OuterStart,OuterEnd",
+ "default": "0,0,0,0"
+ }
+ },
+ "data.children": {
+ "desc": "<p>子节点，递归定义，格式同 <a href=\"#series-sunburst.data\">series-sunburst.data</a>。</p>\n"
+ },
+ "nodeClick": {
+ "desc": "\n\n<p>点击节点后的行为。可取值为：</p>\n<ul>\n<li><code class=\"codespan\">false</code>：节点点击无反应。</li>\n<li><code class=\"codespan\">'rootToNode'</code>：点击节点后以该节点为根结点。</li>\n<li><code class=\"codespan\">'link'</code>：如果节点数据中有 <a href=\"#series-sunburst.data.link\">link</a> 点击节点后会进行超链接跳转。</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "rootToNode",
+ "options": "rootToNode,link"
+ }
+ },
+ "sort": {
+ "desc": "\n\n<p>扇形块根据数据 <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a> 的排序方式，如果未指定 <code class=\"codespan\">value</code>，则其值为子元素 <code class=\"codespan\">value</code> 之和。默认值 <code class=\"codespan\">'desc'</code> 表示降序排序；还可以设置为 <code class=\"codespan\">'asc'</code> 表示升序排序；<code class=\"codespan\">null</code> 表示不排序，使用原始数据的顺序；或者用回调函数进行排列：</p>\n<pre><code class=\"lang-ts\">function(nodeA, nodeB) {\n return nodeA.getValue() - nodeB.get [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "desc",
+ "options": "desc,asc"
+ }
+ },
+ "renderLabelForZeroData": {
+ "desc": "\n\n<p>如果数据没有 <code class=\"codespan\">name</code>，是否需要渲染文字。</p>\n",
+ "uiControl": {
+ "type": "boolean"
+ }
+ },
"label": {
"desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。</p>\n"
},
@@ -1463,6 +3693,51 @@ window.__EC_DOC_option_series_sunburst = {
"step": "0.01"
}
},
+ "labelLayout": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n<p>标签的统一布局配置。</p>\n<p>该配置项是在每个系列默认的标签布局基础上，统一调整标签的<code class=\"codespan\">(x, y)</code>位置，标签对齐等属性以实现想要的标签布局效果。</p>\n<p>该配置项也可以是一个有如下参数的回调函数</p>\n<pre><code class=\"lang-ts\">// 标签对应数据的 dataIndex\ndataIndex: number\n// 标签对应的数据类型，只在关系图中会有 node 和 edge 数据类型的区分\ndataType?: string\n// 标签对应的系列的 index\nseriesIndex: number\n// 标签显示的文本\ntext: string\n// 默认的标签的包围盒，由系列默认的标签布局决定\nlabelRect: {x: number, y: [...]
+ },
+ "labelLayout.hideOverlap": {
+ "desc": "<p>是否隐藏重叠的标签。</p>\n<p>下面示例演示了在关系图中开启该配置后，在缩放时可以实现自动的标签隐藏。</p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=graph-label-overlap&edit=1&reset=1\" width=\"600\" height=\"400\"></iframe>\n\n"
+ },
+ "labelLayout.moveOverlap": {
+ "desc": "<p>在标签重叠的时候是否挪动标签位置以防止重叠。</p>\n<p>目前支持配置为：</p>\n<ul>\n<li><code class=\"codespan\">'shiftX'</code> 水平方向依次位移，在水平方向对齐时使用</li>\n<li><code class=\"codespan\">'shiftY'</code> 垂直方向依次位移，在垂直方向对齐时使用</li>\n</ul>\n<p>下面是标签右对齐并配置垂直方向依次位移以防止重叠的示例。</p>\n<iframe data-src=\"https://echarts.apache.org/examples/zh/view.html?c=scatter-label-align-right&edit=1&reset=1\" width=\"600\" height=\"400\"></iframe>\n\n"
+ },
+ "labelLayout.x": {
+ "desc": "<p>标签的 x 位置。支持绝对的像素值或者<code class=\"codespan\">'20%'</code>这样的相对值。</p>\n"
+ },
+ "labelLayout.y": {
+ "desc": "<p>标签的 y 位置。支持绝对的像素值或者<code class=\"codespan\">'20%'</code>这样的相对值。</p>\n"
+ },
+ "labelLayout.dx": {
+ "desc": "<p>标签在 x 方向上的像素偏移。可以和<code class=\"codespan\">x</code>一起使用。</p>\n"
+ },
+ "labelLayout.dy": {
+ "desc": "<p>标签在 y 方向上的像素偏移。可以和<code class=\"codespan\">y</code>一起使用</p>\n"
+ },
+ "labelLayout.rotate": {
+ "desc": "<p>标签旋转角度。</p>\n"
+ },
+ "labelLayout.width": {
+ "desc": "<p>标签显示的宽度。可以配合<code class=\"codespan\">overflow</code>使用控制标签显示在固定宽度内</p>\n"
+ },
+ "labelLayout.height": {
+ "desc": "<p>标签显示的高度。</p>\n"
+ },
+ "labelLayout.align": {
+ "desc": "<p>标签水平对齐方式。可以设置<code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, <code class=\"codespan\">'right'</code>。</p>\n"
+ },
+ "labelLayout.verticalAlign": {
+ "desc": "<p>标签垂直对齐方式。可以设置<code class=\"codespan\">'top'</code>, <code class=\"codespan\">'middle'</code>, <code class=\"codespan\">'bottom'</code>。</p>\n"
+ },
+ "labelLayout.fontSize": {
+ "desc": "<p>The text size of the label.</p>\n"
+ },
+ "labelLayout.draggable": {
+ "desc": "<p>标签是否可以允许用户通过拖拽二次调整位置。</p>\n"
+ },
+ "labelLayout.labelLinePoints": {
+ "desc": "<p>标签引导线三个点的位置。格式为：</p>\n<pre><code class=\"lang-ts\">[[x, y], [x, y], [x, y]]\n</code></pre>\n<p>在饼图中常用来微调已经计算好的引导线，其它情况一般不建议设置。</p>\n"
+ },
"itemStyle": {
"desc": "<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle [...]
},
@@ -1613,28 +3888,6 @@ window.__EC_DOC_option_series_sunburst = {
"default": "0,0,0,0"
}
},
- "nodeClick": {
- "desc": "\n\n<p>点击节点后的行为。可取值为：</p>\n<ul>\n<li><code class=\"codespan\">false</code>：节点点击无反应。</li>\n<li><code class=\"codespan\">'rootToNode'</code>：点击节点后以该节点为根结点。</li>\n<li><code class=\"codespan\">'link'</code>：如果节点数据中有 <a href=\"#series-sunburst.data.link\">link</a> 点击节点后会进行超链接跳转。</li>\n</ul>\n",
- "uiControl": {
- "type": "enum",
- "default": "rootToNode",
- "options": "rootToNode,link"
- }
- },
- "sort": {
- "desc": "\n\n<p>扇形块根据数据 <a href=\"#series-sunburst.data.value\"><code class=\"codespan\">value</code></a> 的排序方式，如果未指定 <code class=\"codespan\">value</code>，则其值为子元素 <code class=\"codespan\">value</code> 之和。默认值 <code class=\"codespan\">'desc'</code> 表示降序排序；还可以设置为 <code class=\"codespan\">'asc'</code> 表示升序排序；<code class=\"codespan\">null</code> 表示不排序，使用原始数据的顺序；或者用回调函数进行排列：</p>\n<pre><code class=\"lang-ts\">function(nodeA, nodeB) {\n return nodeA.getValue() - nodeB.get [...]
- "uiControl": {
- "type": "enum",
- "default": "desc",
- "options": "desc,asc"
- }
- },
- "renderLabelForZeroData": {
- "desc": "\n\n<p>如果数据没有 <code class=\"codespan\">name</code>，是否需要渲染文字。</p>\n",
- "uiControl": {
- "type": "boolean"
- }
- },
"emphasis": {
"desc": "<p>高亮状态配置。</p>\n"
},
diff --git a/zh/documents/option-parts/option.series-sunburst.json b/zh/documents/option-parts/option.series-sunburst.json
index 0eb47ff1..f226c8f4 100644
--- a/zh/documents/option-parts/option.series-sunburst.json
+++ b/zh/documents/option-parts/option.series-sunburst.json
@@ -827,6 +827,2236 @@
"default": "0,0,0,0"
}
},
+ "data.emphasis": {
+ "desc": "<p>高亮状态配置。</p>\n"
+ },
+ "data.emphasis.label": {
+ "desc": "<p><code class=\"codespan\">label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。</p>\n"
+ },
+ "data.emphasis.label.rotate": {
+ "desc": "\n\n\n<p>同 <a href=\"#sunburst.label.rotate\">label.rotate</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "radial,tangential",
+ "default": "radial"
+ }
+ },
+ "data.emphasis.label.align": {
+ "desc": "\n\n<p>文字对齐方式，可取值为：<code class=\"codespan\">'left'</code>、 <code class=\"codespan\">'center'</code>、 <code class=\"codespan\">'right'</code>。注意，<code class=\"codespan\">'left'</code> 是指靠近内圈，而 <code class=\"codespan\">'right'</code> 是指靠近外圈。</p>\n<p>同 <a href=\"#sunburst.label.align\">label.align</a></p>\n",
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right",
+ "default": "center"
+ }
+ },
+ "data.emphasis.label.minAngle": {
+ "desc": "\n\n<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n",
+ "uiControl": {
+ "type": "angle",
+ "min": "0",
+ "step": "1",
+ "max": "360"
+ }
+ },
+ "data.emphasis.label.show": {
+ "desc": "\n\n<p>是否显示标签。</p>\n",
+ "uiControl": {
+ "type": "boolean",
+ "default": "true"
+ }
+ },
+ "data.emphasis.label.position": {
+ "desc": "\n\n\n\n<p>标签的位置。</p>\n<ul>\n<li><p>可以通过内置的语义声明位置：</p>\n<p> 示例：</p>\n<pre><code class=\"lang-ts\"> position: 'top'\n</code></pre>\n<p> 支持：<code class=\"codespan\">top</code> / <code class=\"codespan\">left</code> / <code class=\"codespan\">right</code> / <code class=\"codespan\">bottom</code> / <code class=\"codespan\">inside</code> / <code class=\"codespan\">insideLeft</code> / <code class=\"codespan\">insideRight</code> / <code class=\"codespan\">insideTop</code [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+ }
+ },
+ "data.emphasis.label.distance": {
+ "desc": "\n\n<p>距离图形元素的距离。</p>\n<p>当 position 为字符描述值（如 <code class=\"codespan\">'top'</code>、<code class=\"codespan\">'insideRight'</code>）时候有效。</p>\n<p>参见：<a href=\"https://echarts.apache.org/examples/zh/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "5",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.offset": {
+ "desc": "\n\n<p>是否对文字进行偏移。默认不偏移。例如：<code class=\"codespan\">[30, 40]</code> 表示文字在横向上偏移 <code class=\"codespan\">30</code>，纵向上偏移 <code class=\"codespan\">40</code>。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "dims": "x,y",
+ "step": "0.5",
+ "separate": "true"
+ }
+ },
+ "data.emphasis.label.formatter": {
+ "desc": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code class=\"codespan\">\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code class=\"codespan\">{a}</code>：系列名。</li>\n<li><code class=\"codespan\">{b}</code>：数据名。</li>\n<li><code class=\"codespan\">{c}</code>：数据值。</li>\n<li><code class=\"codespan\">{@xxx}</code>：数据中名为 <code class=\"codespan\">'xxx'</code> 的维度的值，如 <code class=\"codespan\">{@product}</code> 表示名为 <code class=\"codespan\">'produc [...]
+ },
+ "data.emphasis.label.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.shadowOffsetY": {
+ "desc": "\n\n<p>文字块的背景阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.width": {
+ "desc": "\n\n<p>文本显示宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "100",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.height": {
+ "desc": "\n\n<p>文本显示高度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "50",
+ "min": "1",
+ "max": "500",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.textBorderColor": {
+ "desc": "\n\n<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.textBorderWidth": {
+ "desc": "\n\n<p>文字本身的描边宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textBorderType": {
+ "desc": "\n\n\n<p>文字本身的描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.textBorderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.textShadowColor": {
+ "desc": "\n\n<p>文字本身的阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#000"
+ }
+ },
+ "data.emphasis.label.textShadowBlur": {
+ "desc": "\n\n<p>文字本身的阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetX": {
+ "desc": "\n\n<p>文字本身的阴影 X 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.textShadowOffsetY": {
+ "desc": "\n\n<p>文字本身的阴影 Y 偏移。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.overflow": {
+ "desc": "\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断，并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本，默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行，跟<code class=\"codespan\">'break'</code>不同的是，在英语等拉丁文中，<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n< [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "truncate,break,breakAll"
+ }
+ },
+ "data.emphasis.label.ellipsis": {
+ "desc": "<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。</p>\n"
+ },
+ "data.emphasis.label.rich": {
+ "desc": "<p>在 <code class=\"codespan\">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n [...]
+ },
+ "data.emphasis.label.rich.<style_name>.color": {
+ "desc": "\n\n<p>文字的颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "null"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontStyle": {
+ "desc": "\n\n<p>文字字体的风格。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,italic,oblique"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontWeight": {
+ "desc": "\n\n<p>文字字体的粗细。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "normal",
+ "options": "normal,bold,bolder,lighter"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontFamily": {
+ "desc": "\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n",
+ "uiControl": {
+ "type": "enum",
+ "default": "sans-serif",
+ "options": "sans-serif,serif,monospace,Arial,Courier New"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.fontSize": {
+ "desc": "\n\n<p>文字的字体大小。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "default": "12",
+ "min": "1",
+ "step": "1"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.align": {
+ "desc": "\n\n<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>，则会取父层级的 <code class=\"codespan\">align</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`，则 `ali [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "left,center,right"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.verticalAlign": {
+ "desc": "\n\n<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>，则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n [...]
+ "uiControl": {
+ "type": "enum",
+ "options": "top,middle,bottom"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.lineHeight": {
+ "desc": "\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>，则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如：</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "12"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.backgroundColor": {
+ "desc": "\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值，例如：<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片，例如：</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL，\n // 或者图片的 dataURI，\n // 或者 HTMLImageElement 对象，\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code class=\"codespan\">width< [...]
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderColor": {
+ "desc": "\n\n<p>文字块边框颜色。</p>\n<p>如果设置为 <code class=\"codespan\">'inherit'</code>，则为视觉映射得到的颜色，如系列色。</p>\n",
+ "uiControl": {
+ "type": "color",
+ "default": "#fff"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderWidth": {
+ "desc": "\n\n<p>文字块边框宽度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderType": {
+ "desc": "\n\n\n<p>文字块边框描边类型。</p>\n<p>可选：</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始，也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组，用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">das [...]
+ "uiControl": {
+ "type": "enum",
+ "default": "solid",
+ "options": "solid,dashed,dotted"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderDashOffset": {
+ "desc": "<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量，可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "1",
+ "default": "0"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.borderRadius": {
+ "desc": "\n\n<p>文字块的圆角。</p>\n",
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "LT,RT, RB, LB"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.padding": {
+ "desc": "\n\n<p>文字块的内边距。例如：</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>：表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>：表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>：表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽 [...]
+ "uiControl": {
+ "type": "vector",
+ "min": "0",
+ "dims": "T,R,B,L"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowColor": {
+ "desc": "\n\n<p>文字块的背景阴影颜色。</p>\n",
+ "uiControl": {
+ "type": "color"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowBlur": {
+ "desc": "\n\n<p>文字块的背景阴影长度。</p>\n",
+ "uiControl": {
+ "type": "number",
+ "min": "0",
+ "step": "0.5"
+ }
+ },
+ "data.emphasis.label.rich.<style_name>.shadowOffsetX": {
+ "desc": "\n\n<p>文字块的背景阴影 X 偏移。</p>\n",
... 1972 lines suppressed ...
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org