You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2021/05/05 00:20:28 UTC

[echarts-website] branch asf-site updated: update svg doc

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

shenyi 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 029572f  update svg doc
029572f is described below

commit 029572fcd96c14c29734987cd99df9f758718c1f
Author: pissang <bm...@gmail.com>
AuthorDate: Wed May 5 08:20:05 2021 +0800

    update svg doc
---
 en/api.html                                        |    2 +-
 en/builder/echarts.html                            |    2 +-
 en/documents/api-parts/api.action.js               |   18 +-
 en/documents/api-parts/api.action.json             |   18 +-
 en/documents/api-parts/api.echarts.js              |    4 +-
 en/documents/api-parts/api.echarts.json            |    4 +-
 en/documents/api-parts/api.events.js               |   16 +-
 en/documents/api-parts/api.events.json             |   16 +-
 en/documents/api.json                              |    2 +-
 en/documents/option-parts/option-outline.js        |    2 +-
 en/documents/option-parts/option-outline.json      |    2 +-
 en/documents/option-parts/option.geo.js            | 2425 +++++--
 en/documents/option-parts/option.geo.json          | 2425 +++++--
 en/documents/option-parts/option.grid.js           |    2 +-
 en/documents/option-parts/option.grid.json         |    2 +-
 en/documents/option-parts/option.polar.js          |    2 +-
 en/documents/option-parts/option.polar.json        |    2 +-
 en/documents/option-parts/option.series-bar.js     |    2 +-
 en/documents/option-parts/option.series-bar.json   |    2 +-
 en/documents/option-parts/option.series-boxplot.js |    2 +-
 .../option-parts/option.series-boxplot.json        |    2 +-
 .../option-parts/option.series-candlestick.js      |    2 +-
 .../option-parts/option.series-candlestick.json    |    2 +-
 .../option-parts/option.series-effectScatter.js    |    2 +-
 .../option-parts/option.series-effectScatter.json  |    2 +-
 en/documents/option-parts/option.series-funnel.js  |    2 +-
 .../option-parts/option.series-funnel.json         |    2 +-
 en/documents/option-parts/option.series-graph.js   |    2 +-
 en/documents/option-parts/option.series-graph.json |    2 +-
 en/documents/option-parts/option.series-heatmap.js |    2 +-
 .../option-parts/option.series-heatmap.json        |    2 +-
 en/documents/option-parts/option.series-line.js    |    2 +-
 en/documents/option-parts/option.series-line.json  |    2 +-
 en/documents/option-parts/option.series-lines.js   |    2 +-
 en/documents/option-parts/option.series-lines.json |    2 +-
 en/documents/option-parts/option.series-map.js     |    2 +-
 en/documents/option-parts/option.series-map.json   |    2 +-
 .../option-parts/option.series-pictorialBar.js     |    2 +-
 .../option-parts/option.series-pictorialBar.json   |    2 +-
 en/documents/option-parts/option.series-pie.js     |    2 +-
 en/documents/option-parts/option.series-pie.json   |    2 +-
 en/documents/option-parts/option.series-radar.js   |    2 +-
 en/documents/option-parts/option.series-radar.json |    2 +-
 en/documents/option-parts/option.series-sankey.js  |    2 +-
 .../option-parts/option.series-sankey.json         |    2 +-
 en/documents/option-parts/option.series-scatter.js |    2 +-
 .../option-parts/option.series-scatter.json        |    2 +-
 .../option-parts/option.series-sunburst.js         |    2 +-
 .../option-parts/option.series-sunburst.json       |    2 +-
 .../option-parts/option.series-themeRiver.js       |    2 +-
 .../option-parts/option.series-themeRiver.json     |    2 +-
 en/documents/option-parts/option.series-tree.js    |    2 +-
 en/documents/option-parts/option.series-tree.json  |    2 +-
 en/documents/option-parts/option.series-treemap.js |    2 +-
 .../option-parts/option.series-treemap.json        |    2 +-
 en/documents/option-parts/option.singleAxis.js     |    2 +-
 en/documents/option-parts/option.singleAxis.json   |    2 +-
 en/documents/option-parts/option.tooltip.js        |    2 +-
 en/documents/option-parts/option.tooltip.json      |    2 +-
 en/documents/option.json                           |    2 +-
 en/documents/tutorial-parts/tutorial-outline.js    |    2 +-
 en/documents/tutorial-parts/tutorial-outline.json  |    2 +-
 en/documents/tutorial-parts/tutorial.js            |    3 +
 en/documents/tutorial-parts/tutorial.json          |    3 +
 en/documents/tutorial.json                         |    2 +-
 en/index.html                                      |    2 +-
 en/option-gl.html                                  |    2 +-
 en/option.html                                     |    2 +-
 en/spreadsheet.html                                |    4 +-
 en/tutorial.html                                   |    2 +-
 examples/data/asset/geo/Map_of_Iceland.svg         | 7211 ++++++++++++++++++++
 examples/data/doc-example/geo-svg-label-basic.js   |   42 +
 examples/data/doc-example/geo-svg-layout-basic.js  |  162 +
 examples/data/doc-example/geo-svg-named-basic.js   |   14 +
 examples/data/geo-svg-scatter-simple.js            |   54 +
 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 +-
 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/api-parts/api.action.js               |   18 +-
 zh/documents/api-parts/api.action.json             |   18 +-
 zh/documents/api-parts/api.echarts.js              |    4 +-
 zh/documents/api-parts/api.echarts.json            |    4 +-
 zh/documents/api-parts/api.events.js               |   16 +-
 zh/documents/api-parts/api.events.json             |   16 +-
 zh/documents/api.json                              |    2 +-
 zh/documents/option-gl-parts/option-gl.geo3D.js    |    2 +-
 zh/documents/option-gl-parts/option-gl.geo3D.json  |    2 +-
 .../option-gl-parts/option-gl.series-map3D.js      |    2 +-
 .../option-gl-parts/option-gl.series-map3D.json    |    2 +-
 zh/documents/option-gl.json                        |    2 +-
 zh/documents/option-parts/option-outline.js        |    2 +-
 zh/documents/option-parts/option-outline.json      |    2 +-
 zh/documents/option-parts/option.geo.js            | 2425 +++++--
 zh/documents/option-parts/option.geo.json          | 2425 +++++--
 zh/documents/option-parts/option.grid.js           |    2 +-
 zh/documents/option-parts/option.grid.json         |    2 +-
 zh/documents/option-parts/option.polar.js          |    2 +-
 zh/documents/option-parts/option.polar.json        |    2 +-
 zh/documents/option-parts/option.series-bar.js     |    2 +-
 zh/documents/option-parts/option.series-bar.json   |    2 +-
 zh/documents/option-parts/option.series-boxplot.js |    2 +-
 .../option-parts/option.series-boxplot.json        |    2 +-
 .../option-parts/option.series-candlestick.js      |    2 +-
 .../option-parts/option.series-candlestick.json    |    2 +-
 .../option-parts/option.series-effectScatter.js    |    2 +-
 .../option-parts/option.series-effectScatter.json  |    2 +-
 zh/documents/option-parts/option.series-funnel.js  |    2 +-
 .../option-parts/option.series-funnel.json         |    2 +-
 zh/documents/option-parts/option.series-graph.js   |    2 +-
 zh/documents/option-parts/option.series-graph.json |    2 +-
 zh/documents/option-parts/option.series-heatmap.js |    2 +-
 .../option-parts/option.series-heatmap.json        |    2 +-
 zh/documents/option-parts/option.series-line.js    |    2 +-
 zh/documents/option-parts/option.series-line.json  |    2 +-
 zh/documents/option-parts/option.series-lines.js   |    2 +-
 zh/documents/option-parts/option.series-lines.json |    2 +-
 zh/documents/option-parts/option.series-map.js     |    2 +-
 zh/documents/option-parts/option.series-map.json   |    2 +-
 .../option-parts/option.series-pictorialBar.js     |    2 +-
 .../option-parts/option.series-pictorialBar.json   |    2 +-
 zh/documents/option-parts/option.series-pie.js     |    2 +-
 zh/documents/option-parts/option.series-pie.json   |    2 +-
 zh/documents/option-parts/option.series-radar.js   |    2 +-
 zh/documents/option-parts/option.series-radar.json |    2 +-
 zh/documents/option-parts/option.series-sankey.js  |    2 +-
 .../option-parts/option.series-sankey.json         |    2 +-
 zh/documents/option-parts/option.series-scatter.js |    2 +-
 .../option-parts/option.series-scatter.json        |    2 +-
 .../option-parts/option.series-sunburst.js         |    2 +-
 .../option-parts/option.series-sunburst.json       |    2 +-
 .../option-parts/option.series-themeRiver.js       |    2 +-
 .../option-parts/option.series-themeRiver.json     |    2 +-
 zh/documents/option-parts/option.series-tree.js    |    2 +-
 zh/documents/option-parts/option.series-tree.json  |    2 +-
 zh/documents/option-parts/option.series-treemap.js |    2 +-
 .../option-parts/option.series-treemap.json        |    2 +-
 zh/documents/option-parts/option.singleAxis.js     |    2 +-
 zh/documents/option-parts/option.singleAxis.json   |    2 +-
 zh/documents/option-parts/option.tooltip.js        |    2 +-
 zh/documents/option-parts/option.tooltip.json      |    2 +-
 zh/documents/option.json                           |    2 +-
 zh/documents/tutorial-parts/tutorial-outline.js    |    2 +-
 zh/documents/tutorial-parts/tutorial-outline.json  |    2 +-
 zh/documents/tutorial-parts/tutorial.js            |    3 +
 zh/documents/tutorial-parts/tutorial.json          |    3 +
 zh/documents/tutorial.json                         |    2 +-
 zh/index.html                                      |    2 +-
 zh/option-gl.html                                  |    2 +-
 zh/option.html                                     |    2 +-
 zh/spreadsheet.html                                |    6 +-
 zh/tutorial.html                                   |    2 +-
 160 files changed, 15777 insertions(+), 1846 deletions(-)

diff --git a/en/api.html b/en/api.html
index 84c2be4..07c2b6b 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 = 'a1c60750af';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'e4aab4d4ac';
 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 e73c649..65812e5 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=1619512153183'
+            urlArgs: 'v=1620173904172'
         });
 
         require(['build']);
diff --git a/en/documents/api-parts/api.action.js b/en/documents/api-parts/api.action.js
index 056574c..dc235c3 100644
--- a/en/documents/api-parts/api.action.js
+++ b/en/documents/api-parts/api.action.js
@@ -1,18 +1,18 @@
 window.__EC_DOC_api_action = {
   "highlight": {
-    "desc": "<p>Highlights specified data.</p>\n<p>Series is specified through <code class=\"codespan\">seriesName</code> or <code class=\"codespan\">seriesIndex</code>. If another data needs to be specified, then use <code class=\"codespan\">dataIndex</code> or <code class=\"codespan\">name</code>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;highlight&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    / [...]
+    "desc": "<p>Highlights specified data graphics.</p>\n<pre><code class=\"lang-js\">// If highlight series:\ndispatchAction({\n    type: &#39;highlight&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data  [...]
   },
   "downplay": {
-    "desc": "<p>Downplay specified data.</p>\n<p>Series is specified through <code class=\"codespan\">seriesName</code> or <code class=\"codespan\">seriesIndex</code>. If another data needs to be specified, then use <code class=\"codespan\">dataIndex</code> or <code class=\"codespan\">name</code>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;downplay&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // o [...]
+    "desc": "<p>Downplay specified data graphics.</p>\n<pre><code class=\"lang-js\">// If downplay series:\ndispatchAction({\n    type: &#39;downplay&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name [...]
   },
   "select": {
-    "desc": "<p>Select specified data. Selected data will apply the style of <a href=\"option.html#series-bar.select\" target=\"_blank\">select</a>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;select&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribu [...]
+    "desc": "<p>Select specified data. Selected data will apply the style of <a href=\"option.html#series-bar.select\" target=\"_blank\">select</a>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;select&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when no [...]
   },
   "unselect": {
-    "desc": "<p>Unselect specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;unselect&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is define [...]
+    "desc": "<p>Unselect specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;unselect&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name; ignored when dataIndex is defin [...]
   },
   "toggleSelected": {
-    "desc": "<p>Toggle selected status of specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;toggleSelected&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored w [...]
+    "desc": "<p>Toggle selected status of specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;toggleSelected&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name; ignored  [...]
   },
   "legend": {
     "desc": "<p>Actions related to <a href=\"option.html#legend\" target=\"_blank\">legend component</a>, <a href=\"option.html#legend\" target=\"_blank\">legend component</a> should be imported before use.</p>\n"
@@ -39,7 +39,7 @@ window.__EC_DOC_api_action = {
     "desc": "<p>Actions related to <a href=\"option.html#tooltip\" target=\"_blank\">tooltip component</a>, <a href=\"option.html#tooltip\" target=\"_blank\">tooltip component</a> should be imported before use.</p>\n"
   },
   "tooltip.showTip": {
-    "desc": "<p>Shows tooltip.</p>\n<p>There are two usages as followed.</p>\n<p>1 Display tooltip at certain position relative to container. If it cannot be displayed at the specified location, then it is invalid.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;showTip&#39;,\n    // x coordinate on screen\n    x: number,\n    // y coordinate on screen\n    y: number,\n    // Position of tooltip. Only works in this action.\n    // Use tooltip.position in option by defa [...]
+    "desc": "<p>Shows tooltip.</p>\n<p>There are several usages as followed.</p>\n<p>1 Display tooltip at certain position relative to container. If it cannot be displayed at the specified location, then it is invalid.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;showTip&#39;,\n    // x coordinate on screen\n    x: number,\n    // y coordinate on screen\n    y: number,\n    // Position of tooltip. Only works in this action.\n    // Use tooltip.position in option by  [...]
   },
   "tooltip.hideTip": {
     "desc": "<p>Hides tooltip.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;hideTip&#39;\n})\n</code></pre>\n"
@@ -78,13 +78,13 @@ window.__EC_DOC_api_action = {
     "desc": "<p>Actions related to <a href=\"option.html#geo\" target=\"_blank\">geo</a> component, <a href=\"option.html#geo\" target=\"_blank\">geo</a> should be imported before use.</p>\n"
   },
   "geo.geoSelect": {
-    "desc": "<p>Selects the specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is defined\n [...]
+    "desc": "<p>Selects the specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p><strong>EVENT:</strong [...]
   },
   "geo.geoUnSelect": {
-    "desc": "<p>Cancels selecting specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoUnSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is d [...]
+    "desc": "<p>Cancels selecting specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoUnSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p><strong>EVENT: [...]
   },
   "geo.geoToggleSelect": {
-    "desc": "<p>Toggles selecting status of specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoToggleSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when  [...]
+    "desc": "<p>Toggles selecting status of specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoToggleSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p> [...]
   },
   "brush": {
     "desc": "<p><a href=\"option.html#brush\" target=\"_blank\">brush</a> related actions.</p>\n"
diff --git a/en/documents/api-parts/api.action.json b/en/documents/api-parts/api.action.json
index 277f980..82eced4 100644
--- a/en/documents/api-parts/api.action.json
+++ b/en/documents/api-parts/api.action.json
@@ -1,18 +1,18 @@
 {
   "highlight": {
-    "desc": "<p>Highlights specified data.</p>\n<p>Series is specified through <code class=\"codespan\">seriesName</code> or <code class=\"codespan\">seriesIndex</code>. If another data needs to be specified, then use <code class=\"codespan\">dataIndex</code> or <code class=\"codespan\">name</code>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;highlight&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    / [...]
+    "desc": "<p>Highlights specified data graphics.</p>\n<pre><code class=\"lang-js\">// If highlight series:\ndispatchAction({\n    type: &#39;highlight&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data  [...]
   },
   "downplay": {
-    "desc": "<p>Downplay specified data.</p>\n<p>Series is specified through <code class=\"codespan\">seriesName</code> or <code class=\"codespan\">seriesIndex</code>. If another data needs to be specified, then use <code class=\"codespan\">dataIndex</code> or <code class=\"codespan\">name</code>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;downplay&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // o [...]
+    "desc": "<p>Downplay specified data graphics.</p>\n<pre><code class=\"lang-js\">// If downplay series:\ndispatchAction({\n    type: &#39;downplay&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name [...]
   },
   "select": {
-    "desc": "<p>Select specified data. Selected data will apply the style of <a href=\"option.html#series-bar.select\" target=\"_blank\">select</a>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;select&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribu [...]
+    "desc": "<p>Select specified data. Selected data will apply the style of <a href=\"option.html#series-bar.select\" target=\"_blank\">select</a>.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;select&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when no [...]
   },
   "unselect": {
-    "desc": "<p>Unselect specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;unselect&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is define [...]
+    "desc": "<p>Unselect specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;unselect&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name; ignored when dataIndex is defin [...]
   },
   "toggleSelected": {
-    "desc": "<p>Toggle selected status of specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;toggleSelected&#39;,\n    // 图例名称\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored w [...]
+    "desc": "<p>Toggle selected status of specified data.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;toggleSelected&#39;,\n\n    // Find  by index or id or name.\n    // Can be an array to find multiple components.\n    seriesIndex?: number | number[],\n    seriesId?: string | string[],\n    seriesName?: string | string[],\n\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number | number[],\n    // optional; data name; ignored  [...]
   },
   "legend": {
     "desc": "<p>Actions related to <a href=\"option.html#legend\" target=\"_blank\">legend component</a>, <a href=\"option.html#legend\" target=\"_blank\">legend component</a> should be imported before use.</p>\n"
@@ -39,7 +39,7 @@
     "desc": "<p>Actions related to <a href=\"option.html#tooltip\" target=\"_blank\">tooltip component</a>, <a href=\"option.html#tooltip\" target=\"_blank\">tooltip component</a> should be imported before use.</p>\n"
   },
   "tooltip.showTip": {
-    "desc": "<p>Shows tooltip.</p>\n<p>There are two usages as followed.</p>\n<p>1 Display tooltip at certain position relative to container. If it cannot be displayed at the specified location, then it is invalid.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;showTip&#39;,\n    // x coordinate on screen\n    x: number,\n    // y coordinate on screen\n    y: number,\n    // Position of tooltip. Only works in this action.\n    // Use tooltip.position in option by defa [...]
+    "desc": "<p>Shows tooltip.</p>\n<p>There are several usages as followed.</p>\n<p>1 Display tooltip at certain position relative to container. If it cannot be displayed at the specified location, then it is invalid.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;showTip&#39;,\n    // x coordinate on screen\n    x: number,\n    // y coordinate on screen\n    y: number,\n    // Position of tooltip. Only works in this action.\n    // Use tooltip.position in option by  [...]
   },
   "tooltip.hideTip": {
     "desc": "<p>Hides tooltip.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;hideTip&#39;\n})\n</code></pre>\n"
@@ -78,13 +78,13 @@
     "desc": "<p>Actions related to <a href=\"option.html#geo\" target=\"_blank\">geo</a> component, <a href=\"option.html#geo\" target=\"_blank\">geo</a> should be imported before use.</p>\n"
   },
   "geo.geoSelect": {
-    "desc": "<p>Selects the specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is defined\n [...]
+    "desc": "<p>Selects the specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p><strong>EVENT:</strong [...]
   },
   "geo.geoUnSelect": {
-    "desc": "<p>Cancels selecting specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoUnSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when dataIndex is d [...]
+    "desc": "<p>Cancels selecting specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoUnSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p><strong>EVENT: [...]
   },
   "geo.geoToggleSelect": {
-    "desc": "<p>Toggles selecting status of specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoToggleSelect&#39;,\n    // optional; series index; could be an array of multiple series\n    seriesIndex?: number|Array,\n    // optional; series name; could be an array of multiple series\n    seriesName?: string|Array,\n    // data index; could assign by name attribute when not defined\n    dataIndex?: number,\n    // optional; data name; ignored when  [...]
+    "desc": "<p>Toggles selecting status of specified geo region.</p>\n<pre><code class=\"lang-js\">dispatchAction({\n    type: &#39;geoToggleSelect&#39;,\n\n    // Find geo by index or id or name.\n    // Can be an array to find multiple components.\n    geoIndex?: number | number[],\n    geoId?: string | string[],\n    geoName?: string | string[],\n\n    // region in geo component.\n    // Can be an array to specify multiple names.\n    name?: string | string[],\n})\n</code></pre>\n<p> [...]
   },
   "brush": {
     "desc": "<p><a href=\"option.html#brush\" target=\"_blank\">brush</a> related actions.</p>\n"
diff --git a/en/documents/api-parts/api.echarts.js b/en/documents/api-parts/api.echarts.js
index 442182f..18c0f6f 100644
--- a/en/documents/api-parts/api.echarts.js
+++ b/en/documents/api-parts/api.echarts.js
@@ -18,10 +18,10 @@ window.__EC_DOC_api_echarts = {
     "desc": "<blockquote>\n<p>Since <code class=\"codespan\">5.0.1</code></p>\n</blockquote>\n<p>Use components. Used with the new tree-shaking API.</p>\n<p>NOTE: <code class=\"codespan\">echarts.use</code> must be used before <code class=\"codespan\">eharts.init</code></p>\n<pre><code class=\"lang-js\">// Import the echarts core module, which provides the necessary interfaces for using echarts.\nimport * as echarts from &#39;echarts/core&#39;;\n// Import bar charts, all with Chart suffi [...]
   },
   "registerMap": {
-    "desc": "<pre><code class=\"lang-js\">(mapName: string, geoJson: Object, specialAreas?: Object)\n</code></pre>\n<p>Registers available maps. This can only be used after including <a href=\"option.html#geo\" target=\"_blank\">geo</a> component or chart series of <a href=\"option.html#series-map\" target=\"_blank\">map</a>.</p>\n<p>Please refer to <a href=\"option.html#geo.map\" target=\"_blank\">option.geo</a> for usage.</p>\n<p><strong>Parameters</strong></p>\n<ul>\n<li><p><code clas [...]
+    "desc": "<pre><code class=\"lang-js\">(\n    mapName: string,\n    opt: {\n        geoJSON: Object | string;\n        specialAreas?: Object;\n    }\n)\n| (\n    mapName: string,\n    opt: {\n        svg: Object | string;\n    }\n)\n| (\n    mapName: string,\n    geoJSON: Object | string,\n    specialAreas?: Object\n)\n</code></pre>\n<p>Registers available maps. This can only be used after including <a href=\"option.html#geo\" target=\"_blank\">geo</a> component or chart series of <a  [...]
   },
   "getMap": {
-    "desc": "<pre><code class=\"lang-js\">(mapName: string)\n</code></pre>\n<p>Get a registered map in the following format:</p>\n<pre><code class=\"lang-js\">{\n    // geoJson data of the map\n    geoJson: Object,\n    // special area, see registerMap() for more information\n    specialAreas: Object\n}\n</code></pre>\n"
+    "desc": "<pre><code class=\"lang-js\">(mapName: string)\n</code></pre>\n<p>Get a registered map in the following format:</p>\n<pre><code class=\"lang-js\">{\n    // geoJSON data of the map\n    geoJSON: Object,\n    // special area, see registerMap() for more information\n    specialAreas: Object\n}\n</code></pre>\n<p>Note:</p>\n<ul>\n<li><code class=\"codespan\">geoJSON</code> can also be <code class=\"codespan\">geoJson</code>, they have the same reference.</li>\n<li>SVG registered [...]
   },
   "registerTheme": {
     "desc": "<pre><code class=\"lang-js\">(themeName: string, theme: Object)\n</code></pre>\n<p>Registers a theme, should be specified when <a href=\"#echarts.init\">initialize the chart instance</a>.</p>\n"
diff --git a/en/documents/api-parts/api.echarts.json b/en/documents/api-parts/api.echarts.json
index d41e617..c7f5a00 100644
--- a/en/documents/api-parts/api.echarts.json
+++ b/en/documents/api-parts/api.echarts.json
@@ -18,10 +18,10 @@
     "desc": "<blockquote>\n<p>Since <code class=\"codespan\">5.0.1</code></p>\n</blockquote>\n<p>Use components. Used with the new tree-shaking API.</p>\n<p>NOTE: <code class=\"codespan\">echarts.use</code> must be used before <code class=\"codespan\">eharts.init</code></p>\n<pre><code class=\"lang-js\">// Import the echarts core module, which provides the necessary interfaces for using echarts.\nimport * as echarts from &#39;echarts/core&#39;;\n// Import bar charts, all with Chart suffi [...]
   },
   "registerMap": {
-    "desc": "<pre><code class=\"lang-js\">(mapName: string, geoJson: Object, specialAreas?: Object)\n</code></pre>\n<p>Registers available maps. This can only be used after including <a href=\"option.html#geo\" target=\"_blank\">geo</a> component or chart series of <a href=\"option.html#series-map\" target=\"_blank\">map</a>.</p>\n<p>Please refer to <a href=\"option.html#geo.map\" target=\"_blank\">option.geo</a> for usage.</p>\n<p><strong>Parameters</strong></p>\n<ul>\n<li><p><code clas [...]
+    "desc": "<pre><code class=\"lang-js\">(\n    mapName: string,\n    opt: {\n        geoJSON: Object | string;\n        specialAreas?: Object;\n    }\n)\n| (\n    mapName: string,\n    opt: {\n        svg: Object | string;\n    }\n)\n| (\n    mapName: string,\n    geoJSON: Object | string,\n    specialAreas?: Object\n)\n</code></pre>\n<p>Registers available maps. This can only be used after including <a href=\"option.html#geo\" target=\"_blank\">geo</a> component or chart series of <a  [...]
   },
   "getMap": {
-    "desc": "<pre><code class=\"lang-js\">(mapName: string)\n</code></pre>\n<p>Get a registered map in the following format:</p>\n<pre><code class=\"lang-js\">{\n    // geoJson data of the map\n    geoJson: Object,\n    // special area, see registerMap() for more information\n    specialAreas: Object\n}\n</code></pre>\n"
+    "desc": "<pre><code class=\"lang-js\">(mapName: string)\n</code></pre>\n<p>Get a registered map in the following format:</p>\n<pre><code class=\"lang-js\">{\n    // geoJSON data of the map\n    geoJSON: Object,\n    // special area, see registerMap() for more information\n    specialAreas: Object\n}\n</code></pre>\n<p>Note:</p>\n<ul>\n<li><code class=\"codespan\">geoJSON</code> can also be <code class=\"codespan\">geoJson</code>, they have the same reference.</li>\n<li>SVG registered [...]
   },
   "registerTheme": {
     "desc": "<pre><code class=\"lang-js\">(themeName: string, theme: Object)\n</code></pre>\n<p>Registers a theme, should be specified when <a href=\"#echarts.init\">initialize the chart instance</a>.</p>\n"
diff --git a/en/documents/api-parts/api.events.js b/en/documents/api-parts/api.events.js
index 96c5d61..c029880 100644
--- a/en/documents/api-parts/api.events.js
+++ b/en/documents/api-parts/api.events.js
@@ -12,19 +12,19 @@ window.__EC_DOC_api_events = {
     "desc": "<p><strong>ACTION:</strong> <a href=\"#action.toggleSelected\">toggleSelected</a>, <a href=\"#action.select\">select</a>, <a href=\"#action.unselect\">unselect</a></p>\n<p>Event emitted when data selection is changed.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;selectchanged&#39;,\n    fromAction: &#39;select&#39; | &#39;toggleSelected&#39; | &#39;unselect&#39;,\n    // Grouped by series.\n    selected: ({\n        dataIndex: number[], seriesIndex: number\n    })[]\n [...]
   },
   "legendselectchanged": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendToggleSelect\">legendToggleSelect</a>\nEvent emitted after legend selecting state changes.</p>\n<p><strong>Attention: </strong> This event will be emitted when users toggle legend button in legend component.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectchanged&#39;,\n    // change legend name\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendToggleSelect\">legendToggleSelect</a>\nEvent emitted after legend selecting state changes.</p>\n<p><strong>Attention: </strong> This event will be emitted when users toggle legend button in legend component.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectchanged&#39;,\n    // change legend name\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: bo [...]
   },
   "legendselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendSelect\">legendSelect</a>\nEvent emitted after legend is selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselected&#39;,\n    // name of selected legend\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n<p><strong>Attention: </strong> In ECharts 2.x, event related to user switching lengend is now changed from  <code class=\"codespan\">legendsele [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendSelect\">legendSelect</a>\nEvent emitted after legend is selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselected&#39;,\n    // name of selected legend\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n<p><strong>Attention: </strong> In ECharts 2.x, event related to user switching lengend is now changed from   [...]
   },
   "legendunselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendUnSelect\">legendUnSelect</a>\nEvent emitted after unselecting legend.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendunselected&#39;,\n    // name of unselected legend\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendUnSelect\">legendUnSelect</a>\nEvent emitted after unselecting legend.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendunselected&#39;,\n    // name of unselected legend\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendselectall": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendAllSelect\">legendAllSelect</a>\nEvent emitted after all legends are selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectall&#39;,\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendAllSelect\">legendAllSelect</a>\nEvent emitted after all legends are selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectall&#39;,\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendinverseselect": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendInverseSelect\">legendInverseSelect</a>\nEvent emitted after inversing all legends.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendinverseselect&#39;,\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendInverseSelect\">legendInverseSelect</a>\nEvent emitted after inversing all legends.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendinverseselect&#39;,\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendscroll": {
     "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendScroll\">legendscroll</a>\nEvent when trigger legend scroll.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendscroll&#39;,\n    scrollDataIndex: number\n    legendId: string\n}\n</code></pre>\n"
@@ -51,13 +51,13 @@ window.__EC_DOC_api_events = {
     "desc": "<p>Switching event of <a href=\"option.html#toolbox.feature.magicType\" target=\"_blank\">magic type tool in toolbox</a>.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;magictypechanged&#39;,\n    // click to change current type; same as type attribute in echarts 2.x\n    currentType: string\n}\n</code></pre>\n"
   },
   "geoselectchanged": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoToggleSelect\">geoToggleSelect</a></p>\n<p>Event emitted after  selecting state changes.</p>\n<p>It will be triggered when user clicks to select.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselectchanged&#39;,\n    // series ID, can be passed in option\n    seriesId: string\n    // data name\n    name: name,\n    // table of all selected data.\n    selected: Object\n}\n</code></pre>\n<p><strong>Attention: </stro [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoToggleSelect\">geoToggleSelect</a></p>\n<p>Event emitted after  selecting state changes.</p>\n<p>It will be triggered when user clicks to select.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselectchanged&#39;,\n    // series ID, can be passed in option\n    seriesId: string\n    // data name\n    name: name,\n    // list for each geo component.\n    // allSelected is supported since v5.1.0\n    allSelected: ({\n [...]
   },
   "geoselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoSelect\">geoSelect</a></p>\n<p>Event after selecting.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> can trigger this event, but user clicking this event won&#39;t trigger this (User clicking event please use <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    // dat [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoSelect\">geoSelect</a></p>\n<p>Event after selecting.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> can trigger this event, but user clicking this event won&#39;t trigger this (User clicking event please use <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    // dat [...]
   },
   "geounselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoUnSelect\">geoUnSelect</a></p>\n<p> cancels selected event.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> will trigger this event, but user clicking won&#39;t trigger it. (For user clicking event, please refer to <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geounselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoUnSelect\">geoUnSelect</a></p>\n<p> cancels selected event.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> will trigger this event, but user clicking won&#39;t trigger it. (For user clicking event, please refer to <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geounselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    [...]
   },
   "axisareaselected": {
     "desc": "<p>Selecting event of range of <a href=\"option.html#parallelAxis\" target=\"_blank\">parallel axis</a>.</p>\n<p>When selecting axis range, the following method can be used to get data indices of currently highlighted lines, which is the list of indices in <code class=\"codespan\">data</code> of <code class=\"codespan\">series</code>.</p>\n<pre><code class=\"lang-javascript\">chart.on(&#39;axisareaselected&#39;, function () {\n    var series1 = chart.getModel().getSeries()[0 [...]
diff --git a/en/documents/api-parts/api.events.json b/en/documents/api-parts/api.events.json
index 4326e20..6c3a630 100644
--- a/en/documents/api-parts/api.events.json
+++ b/en/documents/api-parts/api.events.json
@@ -12,19 +12,19 @@
     "desc": "<p><strong>ACTION:</strong> <a href=\"#action.toggleSelected\">toggleSelected</a>, <a href=\"#action.select\">select</a>, <a href=\"#action.unselect\">unselect</a></p>\n<p>Event emitted when data selection is changed.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;selectchanged&#39;,\n    fromAction: &#39;select&#39; | &#39;toggleSelected&#39; | &#39;unselect&#39;,\n    // Grouped by series.\n    selected: ({\n        dataIndex: number[], seriesIndex: number\n    })[]\n [...]
   },
   "legendselectchanged": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendToggleSelect\">legendToggleSelect</a>\nEvent emitted after legend selecting state changes.</p>\n<p><strong>Attention: </strong> This event will be emitted when users toggle legend button in legend component.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectchanged&#39;,\n    // change legend name\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendToggleSelect\">legendToggleSelect</a>\nEvent emitted after legend selecting state changes.</p>\n<p><strong>Attention: </strong> This event will be emitted when users toggle legend button in legend component.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectchanged&#39;,\n    // change legend name\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: bo [...]
   },
   "legendselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendSelect\">legendSelect</a>\nEvent emitted after legend is selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselected&#39;,\n    // name of selected legend\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n<p><strong>Attention: </strong> In ECharts 2.x, event related to user switching lengend is now changed from  <code class=\"codespan\">legendsele [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendSelect\">legendSelect</a>\nEvent emitted after legend is selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselected&#39;,\n    // name of selected legend\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n<p><strong>Attention: </strong> In ECharts 2.x, event related to user switching lengend is now changed from   [...]
   },
   "legendunselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendUnSelect\">legendUnSelect</a>\nEvent emitted after unselecting legend.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendunselected&#39;,\n    // name of unselected legend\n    name: string\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendUnSelect\">legendUnSelect</a>\nEvent emitted after unselecting legend.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendunselected&#39;,\n    // name of unselected legend\n    name: string\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendselectall": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendAllSelect\">legendAllSelect</a>\nEvent emitted after all legends are selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectall&#39;,\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendAllSelect\">legendAllSelect</a>\nEvent emitted after all legends are selected.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendselectall&#39;,\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendinverseselect": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendInverseSelect\">legendInverseSelect</a>\nEvent emitted after inversing all legends.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendinverseselect&#39;,\n    // table of all legend selecting states\n    selected: Object\n}\n</code></pre>\n"
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendInverseSelect\">legendInverseSelect</a>\nEvent emitted after inversing all legends.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendinverseselect&#39;,\n    // table of all legend selecting states\n    selected: {\n        [name: string]: boolean\n    }\n}\n</code></pre>\n"
   },
   "legendscroll": {
     "desc": "<p><strong>ACTION:</strong> <a href=\"#action.legend.legendScroll\">legendscroll</a>\nEvent when trigger legend scroll.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;legendscroll&#39;,\n    scrollDataIndex: number\n    legendId: string\n}\n</code></pre>\n"
@@ -51,13 +51,13 @@
     "desc": "<p>Switching event of <a href=\"option.html#toolbox.feature.magicType\" target=\"_blank\">magic type tool in toolbox</a>.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;magictypechanged&#39;,\n    // click to change current type; same as type attribute in echarts 2.x\n    currentType: string\n}\n</code></pre>\n"
   },
   "geoselectchanged": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoToggleSelect\">geoToggleSelect</a></p>\n<p>Event emitted after  selecting state changes.</p>\n<p>It will be triggered when user clicks to select.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselectchanged&#39;,\n    // series ID, can be passed in option\n    seriesId: string\n    // data name\n    name: name,\n    // table of all selected data.\n    selected: Object\n}\n</code></pre>\n<p><strong>Attention: </stro [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoToggleSelect\">geoToggleSelect</a></p>\n<p>Event emitted after  selecting state changes.</p>\n<p>It will be triggered when user clicks to select.</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselectchanged&#39;,\n    // series ID, can be passed in option\n    seriesId: string\n    // data name\n    name: name,\n    // list for each geo component.\n    // allSelected is supported since v5.1.0\n    allSelected: ({\n [...]
   },
   "geoselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoSelect\">geoSelect</a></p>\n<p>Event after selecting.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> can trigger this event, but user clicking this event won&#39;t trigger this (User clicking event please use <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    // dat [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoSelect\">geoSelect</a></p>\n<p>Event after selecting.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> can trigger this event, but user clicking this event won&#39;t trigger this (User clicking event please use <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geoselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    // dat [...]
   },
   "geounselected": {
-    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoUnSelect\">geoUnSelect</a></p>\n<p> cancels selected event.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> will trigger this event, but user clicking won&#39;t trigger it. (For user clicking event, please refer to <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geounselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    [...]
+    "desc": "<p><strong>ACTION:</strong> <a href=\"#action.geo.geoUnSelect\">geoUnSelect</a></p>\n<p> cancels selected event.</p>\n<p>Use <code class=\"codespan\">dispatchAction</code> will trigger this event, but user clicking won&#39;t trigger it. (For user clicking event, please refer to <a href=\"#events.geoselectchanged\">geoselectchanged</a>).</p>\n<pre><code class=\"lang-js\">{\n    type: &#39;geounselected&#39;,\n    // series ID, can incoming in option\n    seriesId: string\n    [...]
   },
   "axisareaselected": {
     "desc": "<p>Selecting event of range of <a href=\"option.html#parallelAxis\" target=\"_blank\">parallel axis</a>.</p>\n<p>When selecting axis range, the following method can be used to get data indices of currently highlighted lines, which is the list of indices in <code class=\"codespan\">data</code> of <code class=\"codespan\">series</code>.</p>\n<pre><code class=\"lang-javascript\">chart.on(&#39;axisareaselected&#39;, function () {\n    var series1 = chart.getModel().getSeries()[0 [...]
diff --git a/en/documents/api.json b/en/documents/api.json
index 51eb415..b9baa25 100644
--- a/en/documents/api.json
+++ b/en/documents/api.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>Global echarts object, which can be accessed after including <code class=\"codespan\">echarts.js</code> in script tag or through <code class=\"codespan\">require(&#39;echarts&#39;)</code> in AMD environment.</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-js\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: O [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>Global echarts object, which can be accessed after including <code class=\"codespan\">echarts.js</code> in script tag or through <code class=\"codespan\">require(&#39;echarts&#39;)</code> in AMD environment.</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-js\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: O [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option-outline.js b/en/documents/option-parts/option-outline.js
index 73e707f..b4525d8 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 dddc6bb..68adbd9 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.geo.js b/en/documents/option-parts/option.geo.js
index 4d76176..3c47267 100644
--- a/en/documents/option-parts/option.geo.js
+++ b/en/documents/option-parts/option.geo.js
@@ -6,7 +6,7 @@ window.__EC_DOC_option_geo = {
     "desc": "<p>Whether to show the geo component.</p>\n"
   },
   "map": {
-    "desc": "<p>Map charts.</p>\n<p>Due to the increase of fineness of map, ECharts 3 doesn&#39;t include map data by default for package size consideration. You may find map files you need on <a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">map download page</a> and then include and register them in ECharts.</p>\n<p>Two formats of map data are provided in ECharts, one of which can be included in <code class=\"codespan\">&lt;script&gt;</code> tag as Jav [...]
+    "desc": "<p>Map name registered in <a href=\"api.html#echarts.registerMap\" target=\"_blank\">registerMap</a>.</p>\n<p><strong>Use geoJSON</strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/china_geo.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, {geoJSON: geoJson});\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        geo: [{\n            map: &#39;china&#39;,\n            ...\n        }]\n    }); [...]
   },
   "roam": {
     "desc": "\n\n<p>Whether to enable mouse zooming and translating. <code class=\"codespan\">false</code> by default. If either zooming or translating is wanted, it can be set to <code class=\"codespan\">&#39;scale&#39;</code> or <code class=\"codespan\">&#39;move&#39;</code>. Otherwise, set it to be <code class=\"codespan\">true</code> to enable both.</p>\n",
@@ -661,6 +661,9 @@ window.__EC_DOC_option_geo = {
   "emphasis": {
     "desc": "<p>Map area style in highlighted state.</p>\n"
   },
+  "emphasis.focus": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n</ul>\n<p><st [...]
+  },
   "emphasis.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
@@ -1878,184 +1881,24 @@ window.__EC_DOC_option_geo = {
       "step": "0.01"
     }
   },
-  "zlevel": {
-    "desc": "<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zlevel</code>. Notice that too many Canvases [...]
-  },
-  "z": {
-    "desc": "<p><code class=\"codespan\">z</code> value of all graphical elements in , which controls order of drawing graphical components. Components with smaller <code class=\"codespan\">z</code> values may be overwritten by those with larger <code class=\"codespan\">z</code> values.</p>\n<p><code class=\"codespan\">z</code> has a lower priority to <code class=\"codespan\">zlevel</code>, and will not create new Canvas.</p>\n"
-  },
-  "left": {
-    "desc": "<p>Distance between  component and the left side of the container.</p>\n<p><code class=\"codespan\">left</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;left&#39;</code>, <code class=\"codespan\">&#39;center&#39;</code>, or <code class=\"codespan\">&#39;right&#39;</code>.</p>\n<p>If [...]
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "top": {
-    "desc": "<p>Distance between  component and the top side of the container.</p>\n<p><code class=\"codespan\">top</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;top&#39;</code>, <code class=\"codespan\">&#39;middle&#39;</code>, or <code class=\"codespan\">&#39;bottom&#39;</code>.</p>\n<p>If t [...]
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "right": {
-    "desc": "<p>Distance between  component and the right side of the container.</p>\n<p><code class=\"codespan\">right</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "bottom": {
-    "desc": "<p>Distance between  component and the bottom side of the container.</p>\n<p><code class=\"codespan\">bottom</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "layoutCenter": {
-    "desc": "<p><code class=\"codespan\">layoutCenter</code> and <code class=\"codespan\">layoutSize</code> provides layout strategy other than <code class=\"codespan\">left/right/top/bottom/width/height</code>.</p>\n<p>When using <code class=\"codespan\">left/right/top/bottom/width/height</code>, it is hard to put the map inside a box area with a fixed width-height ratio. In this case, <code class=\"codespan\">layoutCenter</code> attribute can be used to define the center position of ma [...]
-  },
-  "layoutSize": {
-    "desc": "<p>Size of map, see <code class=\"codespan\">layoutCenter</code> for more information. Percentage relative to screen width, and absolute pixel values are supported.</p>\n"
-  },
-  "regions": {
-    "desc": "<p>Configure style for specified regions.\nFor example:</p>\n<pre><code class=\"lang-js\">regions: [{\n    name: &#39;Guangdong&#39;,\n    itemStyle: {\n        areaColor: &#39;red&#39;,\n        color: &#39;red&#39;\n    }\n}]\n</code></pre>\n<p>The region color can also be controlled by map series. See <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>.</p>\n"
-  },
-  "regions.name": {
-    "desc": "<p>Name of area in map, like <code class=\"codespan\">&#39;Guangdong&#39;</code>, or <code class=\"codespan\">&#39;Zhejiang&#39;</code>.</p>\n"
-  },
-  "regions.selected": {
-    "desc": "<p>Whether this area is selected.</p>\n"
-  },
-  "regions.itemStyle": {
-    "desc": "<p>Item style of this area.</p>\n"
-  },
-  "regions.itemStyle.areaColor": {
-    "desc": "<p>Area color in the map.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\ [...]
-  },
-  "regions.itemStyle.color": {
-    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
-    "uiControl": {
-      "type": "color"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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": "0",
-      "min": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.borderType": {
-    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
-    "uiControl": {
-      "type": "enum",
-      "default": "butt",
-      "options": "butt,round,square"
-    }
-  },
-  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
-    "uiControl": {
-      "type": "enum",
-      "default": "bevel",
-      "options": "bevel,round,miter"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "",
-      "min": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.shadowColor": {
-    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
-    "uiControl": {
-      "type": "color",
-      "default": ""
-    }
-  },
-  "regions.itemStyle.shadowOffsetX": {
-    "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.shadowOffsetY": {
-    "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.label": {
-    "desc": "<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> in ECharts 2.x. In ECharts 3, to make the configuration structure flatter, <code class=\"codespan\">label</code>is taken to be at the same level with <code class=\"codespan\">itemStyle</code>, and has <code class=\"codespan\">emphasis</code> as <code class=\"codespan\">itemStyle</cod [...]
+  "blur": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>Map area style in blurred state.</p>\n"
   },
-  "regions.label.show": {
+  "blur.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "false"
     }
   },
-  "regions.label.position": {
+  "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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.label.distance": {
+  "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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -2064,7 +1907,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.rotate": {
+  "blur.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -2074,7 +1917,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.label.offset": {
+  "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",
@@ -2083,17 +1926,17 @@ window.__EC_DOC_option_geo = {
       "separate": "true"
     }
   },
-  "regions.label.formatter": {
+  "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 [...]
   },
-  "regions.label.color": {
+  "blur.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.label.fontStyle": {
+  "blur.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2101,7 +1944,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.label.fontWeight": {
+  "blur.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2109,7 +1952,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.label.fontFamily": {
+  "blur.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2117,7 +1960,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.label.fontSize": {
+  "blur.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2126,21 +1969,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.label.align": {
+  "blur.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.label.verticalAlign": {
+  "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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.label.lineHeight": {
+  "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-js\">{\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",
@@ -2149,21 +1992,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.label.backgroundColor": {
+  "blur.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.borderColor": {
+  "blur.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.borderWidth": {
+  "blur.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2171,7 +2014,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.borderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2179,7 +2022,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.borderDashOffset": {
+  "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",
@@ -2188,7 +2031,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.label.borderRadius": {
+  "blur.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2196,7 +2039,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.label.padding": {
+  "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",
@@ -2204,13 +2047,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.label.shadowColor": {
+  "blur.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.shadowBlur": {
+  "blur.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2218,21 +2061,21 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.shadowOffsetX": {
+  "blur.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.shadowOffsetY": {
+  "blur.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.width": {
+  "blur.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2242,7 +2085,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.label.height": {
+  "blur.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2252,13 +2095,13 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.label.textBorderColor": {
+  "blur.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.textBorderWidth": {
+  "blur.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2266,7 +2109,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.textBorderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2274,7 +2117,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.textBorderDashOffset": {
+  "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",
@@ -2283,14 +2126,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.label.textShadowColor": {
+  "blur.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.label.textShadowBlur": {
+  "blur.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2298,44 +2141,44 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.textShadowOffsetX": {
+  "blur.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.textShadowOffsetY": {
+  "blur.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.overflow": {
+  "blur.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.label.ellipsis": {
+  "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"
   },
-  "regions.label.lineOverflow": {
+  "blur.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.label.rich": {
+  "blur.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.label.rich.<style_name>.color": {
+  "blur.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.label.rich.<style_name>.fontStyle": {
+  "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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2343,7 +2186,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.label.rich.<style_name>.fontWeight": {
+  "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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2351,7 +2194,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.label.rich.<style_name>.fontFamily": {
+  "blur.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2359,7 +2202,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.label.rich.<style_name>.fontSize": {
+  "blur.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2368,21 +2211,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.label.rich.<style_name>.align": {
+  "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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.label.rich.<style_name>.verticalAlign": {
+  "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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.label.rich.<style_name>.lineHeight": {
+  "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-js\">{\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",
@@ -2391,21 +2234,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.label.rich.<style_name>.backgroundColor": {
+  "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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.rich.<style_name>.borderColor": {
+  "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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.rich.<style_name>.borderWidth": {
+  "blur.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2413,7 +2256,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.borderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2421,7 +2264,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.rich.<style_name>.borderDashOffset": {
+  "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",
@@ -2430,7 +2273,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.label.rich.<style_name>.borderRadius": {
+  "blur.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2438,7 +2281,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.label.rich.<style_name>.padding": {
+  "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",
@@ -2446,13 +2289,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.label.rich.<style_name>.shadowColor": {
+  "blur.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.rich.<style_name>.shadowBlur": {
+  "blur.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2460,33 +2303,33 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.shadowOffsetX": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.shadowOffsetY": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.width": {
+  "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 [...]
   },
-  "regions.label.rich.<style_name>.height": {
+  "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>  [...]
   },
-  "regions.label.rich.<style_name>.textBorderColor": {
+  "blur.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.rich.<style_name>.textBorderWidth": {
+  "blur.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2494,7 +2337,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.textBorderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2502,7 +2345,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.rich.<style_name>.textBorderDashOffset": {
+  "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",
@@ -2511,14 +2354,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.label.rich.<style_name>.textShadowColor": {
+  "blur.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.label.rich.<style_name>.textShadowBlur": {
+  "blur.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2526,39 +2369,36 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.textShadowOffsetX": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.textShadowOffsetY": {
+  "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"
     }
   },
-  "regions.emphasis": {
-    "desc": "<p>Style of emphasis region.</p>\n"
-  },
-  "regions.emphasis.itemStyle.areaColor": {
+  "blur.itemStyle.areaColor": {
     "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
   },
-  "regions.emphasis.itemStyle.color": {
+  "blur.itemStyle.color": {
     "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.itemStyle.borderColor": {
+  "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"
     }
   },
-  "regions.emphasis.itemStyle.borderWidth": {
+  "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",
@@ -2567,7 +2407,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.borderType": {
+  "blur.itemStyle.borderType": {
     "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2575,7 +2415,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.itemStyle.borderDashOffset": {
+  "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",
@@ -2584,7 +2424,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.emphasis.itemStyle.borderCap": {
+  "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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
     "uiControl": {
       "type": "enum",
@@ -2592,7 +2432,7 @@ window.__EC_DOC_option_geo = {
       "options": "butt,round,square"
     }
   },
-  "regions.emphasis.itemStyle.borderJoin": {
+  "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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
     "uiControl": {
       "type": "enum",
@@ -2600,7 +2440,7 @@ window.__EC_DOC_option_geo = {
       "options": "bevel,round,miter"
     }
   },
-  "regions.emphasis.itemStyle.borderMiterLimit": {
+  "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",
@@ -2609,7 +2449,7 @@ window.__EC_DOC_option_geo = {
       "default": "10"
     }
   },
-  "regions.emphasis.itemStyle.shadowBlur": {
+  "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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
     "uiControl": {
       "type": "number",
@@ -2618,14 +2458,14 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.shadowColor": {
+  "blur.itemStyle.shadowColor": {
     "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
     "uiControl": {
       "type": "color",
       "default": ""
     }
   },
-  "regions.emphasis.itemStyle.shadowOffsetX": {
+  "blur.itemStyle.shadowOffsetX": {
     "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2633,7 +2473,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.shadowOffsetY": {
+  "blur.itemStyle.shadowOffsetY": {
     "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2641,7 +2481,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.opacity": {
+  "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",
@@ -2651,21 +2491,184 @@ window.__EC_DOC_option_geo = {
       "step": "0.01"
     }
   },
-  "regions.emphasis.label.show": {
-    "desc": "\n\n<p>Whether to show label.</p>\n",
-    "uiControl": {
-      "type": "boolean",
-      "default": "false"
-    }
+  "zlevel": {
+    "desc": "<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zlevel</code>. Notice that too many Canvases [...]
   },
-  "regions.emphasis.label.position": {
+  "z": {
+    "desc": "<p><code class=\"codespan\">z</code> value of all graphical elements in , which controls order of drawing graphical components. Components with smaller <code class=\"codespan\">z</code> values may be overwritten by those with larger <code class=\"codespan\">z</code> values.</p>\n<p><code class=\"codespan\">z</code> has a lower priority to <code class=\"codespan\">zlevel</code>, and will not create new Canvas.</p>\n"
+  },
+  "left": {
+    "desc": "<p>Distance between  component and the left side of the container.</p>\n<p><code class=\"codespan\">left</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;left&#39;</code>, <code class=\"codespan\">&#39;center&#39;</code>, or <code class=\"codespan\">&#39;right&#39;</code>.</p>\n<p>If [...]
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "top": {
+    "desc": "<p>Distance between  component and the top side of the container.</p>\n<p><code class=\"codespan\">top</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;top&#39;</code>, <code class=\"codespan\">&#39;middle&#39;</code>, or <code class=\"codespan\">&#39;bottom&#39;</code>.</p>\n<p>If t [...]
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "right": {
+    "desc": "<p>Distance between  component and the right side of the container.</p>\n<p><code class=\"codespan\">right</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "bottom": {
+    "desc": "<p>Distance between  component and the bottom side of the container.</p>\n<p><code class=\"codespan\">bottom</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "layoutCenter": {
+    "desc": "<p><code class=\"codespan\">layoutCenter</code> and <code class=\"codespan\">layoutSize</code> provides layout strategy other than <code class=\"codespan\">left/right/top/bottom/width/height</code>.</p>\n<p>When using <code class=\"codespan\">left/right/top/bottom/width/height</code>, it is hard to put the map inside a box area with a fixed width-height ratio. In this case, <code class=\"codespan\">layoutCenter</code> attribute can be used to define the center position of ma [...]
+  },
+  "layoutSize": {
+    "desc": "<p>Size of map, see <code class=\"codespan\">layoutCenter</code> for more information. Percentage relative to screen width, and absolute pixel values are supported.</p>\n"
+  },
+  "regions": {
+    "desc": "<p>Configure style for specified regions.\nFor example:</p>\n<pre><code class=\"lang-js\">regions: [{\n    name: &#39;Guangdong&#39;,\n    itemStyle: {\n        areaColor: &#39;red&#39;,\n        color: &#39;red&#39;\n    }\n}]\n</code></pre>\n<p>The region color can also be controlled by map series. See <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>.</p>\n"
+  },
+  "regions.name": {
+    "desc": "<p>Name of area in map, like <code class=\"codespan\">&#39;Guangdong&#39;</code>, or <code class=\"codespan\">&#39;Zhejiang&#39;</code>.</p>\n"
+  },
+  "regions.selected": {
+    "desc": "<p>Whether this area is selected.</p>\n"
+  },
+  "regions.itemStyle": {
+    "desc": "<p>Item style of this area.</p>\n"
+  },
+  "regions.itemStyle.areaColor": {
+    "desc": "<p>Area color in the map.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\ [...]
+  },
+  "regions.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.itemStyle.shadowOffsetX": {
+    "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.shadowOffsetY": {
+    "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.label": {
+    "desc": "<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> in ECharts 2.x. In ECharts 3, to make the configuration structure flatter, <code class=\"codespan\">label</code>is taken to be at the same level with <code class=\"codespan\">itemStyle</code>, and has <code class=\"codespan\">emphasis</code> as <code class=\"codespan\">itemStyle</cod [...]
+  },
+  "regions.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.emphasis.label.distance": {
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -2674,7 +2677,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rotate": {
+  "regions.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -2684,7 +2687,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.emphasis.label.offset": {
+  "regions.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",
@@ -2693,17 +2696,17 @@ window.__EC_DOC_option_geo = {
       "separate": "true"
     }
   },
-  "regions.emphasis.label.formatter": {
+  "regions.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 [...]
   },
-  "regions.emphasis.label.color": {
+  "regions.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.emphasis.label.fontStyle": {
+  "regions.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2711,7 +2714,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.emphasis.label.fontWeight": {
+  "regions.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2719,7 +2722,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.emphasis.label.fontFamily": {
+  "regions.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2727,7 +2730,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.emphasis.label.fontSize": {
+  "regions.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2736,21 +2739,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.emphasis.label.align": {
+  "regions.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.emphasis.label.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.emphasis.label.lineHeight": {
+  "regions.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-js\">{\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",
@@ -2759,21 +2762,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.emphasis.label.backgroundColor": {
+  "regions.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.borderColor": {
+  "regions.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.borderWidth": {
+  "regions.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2781,7 +2784,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2789,7 +2792,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.borderDashOffset": {
+  "regions.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",
@@ -2798,7 +2801,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.emphasis.label.borderRadius": {
+  "regions.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2806,7 +2809,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.emphasis.label.padding": {
+  "regions.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",
@@ -2814,13 +2817,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.emphasis.label.shadowColor": {
+  "regions.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.shadowBlur": {
+  "regions.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2828,21 +2831,21 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.shadowOffsetX": {
+  "regions.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.shadowOffsetY": {
+  "regions.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.width": {
+  "regions.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2852,7 +2855,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.emphasis.label.height": {
+  "regions.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2862,13 +2865,13 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.emphasis.label.textBorderColor": {
+  "regions.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.textBorderWidth": {
+  "regions.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2876,7 +2879,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2884,7 +2887,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.textBorderDashOffset": {
+  "regions.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",
@@ -2893,14 +2896,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.emphasis.label.textShadowColor": {
+  "regions.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.emphasis.label.textShadowBlur": {
+  "regions.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2908,44 +2911,44 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textShadowOffsetX": {
+  "regions.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textShadowOffsetY": {
+  "regions.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.overflow": {
+  "regions.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.emphasis.label.ellipsis": {
+  "regions.label.ellipsis": {
     "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
   },
-  "regions.emphasis.label.lineOverflow": {
+  "regions.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.emphasis.label.rich": {
+  "regions.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.emphasis.label.rich.<style_name>.color": {
+  "regions.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontStyle": {
+  "regions.label.rich.<style_name>.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2953,7 +2956,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontWeight": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2961,7 +2964,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontFamily": {
+  "regions.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2969,7 +2972,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontSize": {
+  "regions.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2978,21 +2981,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.align": {
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3001,21 +3004,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.backgroundColor": {
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderColor": {
+  "regions.label.rich.<style_name>.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderWidth": {
+  "regions.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3023,7 +3026,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3031,7 +3034,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderDashOffset": {
+  "regions.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",
@@ -3040,7 +3043,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderRadius": {
+  "regions.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3048,7 +3051,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.padding": {
+  "regions.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",
@@ -3056,13 +3059,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowColor": {
+  "regions.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowBlur": {
+  "regions.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3070,33 +3073,33 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowOffsetX": {
+  "regions.label.rich.<style_name>.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowOffsetY": {
+  "regions.label.rich.<style_name>.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.width": {
+  "regions.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 [...]
   },
-  "regions.emphasis.label.rich.<style_name>.height": {
+  "regions.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>  [...]
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderColor": {
+  "regions.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderWidth": {
+  "regions.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3104,7 +3107,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3112,7 +3115,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderDashOffset": {
+  "regions.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",
@@ -3121,14 +3124,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowColor": {
+  "regions.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowBlur": {
+  "regions.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3136,39 +3139,39 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowOffsetX": {
+  "regions.label.rich.<style_name>.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowOffsetY": {
+  "regions.label.rich.<style_name>.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select": {
-    "desc": "<p>Style of selected region.</p>\n"
+  "regions.emphasis": {
+    "desc": "<p>Style of emphasis region.</p>\n"
   },
-  "regions.select.itemStyle.areaColor": {
+  "regions.emphasis.itemStyle.areaColor": {
     "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
   },
-  "regions.select.itemStyle.color": {
+  "regions.emphasis.itemStyle.color": {
     "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.itemStyle.borderColor": {
+  "regions.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"
     }
   },
-  "regions.select.itemStyle.borderWidth": {
+  "regions.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",
@@ -3177,7 +3180,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.borderType": {
+  "regions.emphasis.itemStyle.borderType": {
     "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3185,7 +3188,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.itemStyle.borderDashOffset": {
+  "regions.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",
@@ -3194,7 +3197,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.select.itemStyle.borderCap": {
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
     "uiControl": {
       "type": "enum",
@@ -3202,7 +3205,7 @@ window.__EC_DOC_option_geo = {
       "options": "butt,round,square"
     }
   },
-  "regions.select.itemStyle.borderJoin": {
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
     "uiControl": {
       "type": "enum",
@@ -3210,7 +3213,7 @@ window.__EC_DOC_option_geo = {
       "options": "bevel,round,miter"
     }
   },
-  "regions.select.itemStyle.borderMiterLimit": {
+  "regions.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",
@@ -3219,7 +3222,7 @@ window.__EC_DOC_option_geo = {
       "default": "10"
     }
   },
-  "regions.select.itemStyle.shadowBlur": {
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
     "uiControl": {
       "type": "number",
@@ -3228,14 +3231,14 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.shadowColor": {
+  "regions.emphasis.itemStyle.shadowColor": {
     "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
     "uiControl": {
       "type": "color",
       "default": ""
     }
   },
-  "regions.select.itemStyle.shadowOffsetX": {
+  "regions.emphasis.itemStyle.shadowOffsetX": {
     "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3243,7 +3246,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.shadowOffsetY": {
+  "regions.emphasis.itemStyle.shadowOffsetY": {
     "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3251,7 +3254,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.opacity": {
+  "regions.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",
@@ -3261,21 +3264,21 @@ window.__EC_DOC_option_geo = {
       "step": "0.01"
     }
   },
-  "regions.select.label.show": {
+  "regions.emphasis.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "false"
     }
   },
-  "regions.select.label.position": {
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.select.label.distance": {
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -3284,7 +3287,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.rotate": {
+  "regions.emphasis.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -3294,7 +3297,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.select.label.offset": {
+  "regions.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",
@@ -3303,17 +3306,17 @@ window.__EC_DOC_option_geo = {
       "separate": "true"
     }
   },
-  "regions.select.label.formatter": {
+  "regions.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 [...]
   },
-  "regions.select.label.color": {
+  "regions.emphasis.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.select.label.fontStyle": {
+  "regions.emphasis.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3321,7 +3324,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.select.label.fontWeight": {
+  "regions.emphasis.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3329,7 +3332,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.select.label.fontFamily": {
+  "regions.emphasis.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -3337,7 +3340,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.select.label.fontSize": {
+  "regions.emphasis.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3346,21 +3349,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.select.label.align": {
+  "regions.emphasis.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.select.label.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.select.label.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3369,21 +3372,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.select.label.backgroundColor": {
+  "regions.emphasis.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.borderColor": {
+  "regions.emphasis.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.borderWidth": {
+  "regions.emphasis.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3391,7 +3394,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3399,7 +3402,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.borderDashOffset": {
+  "regions.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",
@@ -3408,7 +3411,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.select.label.borderRadius": {
+  "regions.emphasis.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3416,7 +3419,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.select.label.padding": {
+  "regions.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",
@@ -3424,13 +3427,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.select.label.shadowColor": {
+  "regions.emphasis.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.shadowBlur": {
+  "regions.emphasis.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3438,21 +3441,21 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.shadowOffsetX": {
+  "regions.emphasis.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.shadowOffsetY": {
+  "regions.emphasis.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.width": {
+  "regions.emphasis.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3462,7 +3465,7 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.select.label.height": {
+  "regions.emphasis.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3472,13 +3475,13 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.select.label.textBorderColor": {
+  "regions.emphasis.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.textBorderWidth": {
+  "regions.emphasis.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3486,7 +3489,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3494,7 +3497,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.textBorderDashOffset": {
+  "regions.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",
@@ -3503,14 +3506,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.select.label.textShadowColor": {
+  "regions.emphasis.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.select.label.textShadowBlur": {
+  "regions.emphasis.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3518,44 +3521,44 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.textShadowOffsetX": {
+  "regions.emphasis.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.textShadowOffsetY": {
+  "regions.emphasis.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.overflow": {
+  "regions.emphasis.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.select.label.ellipsis": {
+  "regions.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"
   },
-  "regions.select.label.lineOverflow": {
+  "regions.emphasis.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.select.label.rich": {
+  "regions.emphasis.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.select.label.rich.<style_name>.color": {
+  "regions.emphasis.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.select.label.rich.<style_name>.fontStyle": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3563,7 +3566,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,italic,oblique"
     }
   },
-  "regions.select.label.rich.<style_name>.fontWeight": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3571,7 +3574,7 @@ window.__EC_DOC_option_geo = {
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.select.label.rich.<style_name>.fontFamily": {
+  "regions.emphasis.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -3579,7 +3582,7 @@ window.__EC_DOC_option_geo = {
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.select.label.rich.<style_name>.fontSize": {
+  "regions.emphasis.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3588,21 +3591,21 @@ window.__EC_DOC_option_geo = {
       "step": "1"
     }
   },
-  "regions.select.label.rich.<style_name>.align": {
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.select.label.rich.<style_name>.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.select.label.rich.<style_name>.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3611,21 +3614,21 @@ window.__EC_DOC_option_geo = {
       "default": "12"
     }
   },
-  "regions.select.label.rich.<style_name>.backgroundColor": {
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.rich.<style_name>.borderColor": {
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.rich.<style_name>.borderWidth": {
+  "regions.emphasis.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3633,7 +3636,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3641,7 +3644,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.rich.<style_name>.borderDashOffset": {
+  "regions.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",
@@ -3650,7 +3653,7 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.select.label.rich.<style_name>.borderRadius": {
+  "regions.emphasis.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3658,7 +3661,7 @@ window.__EC_DOC_option_geo = {
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.select.label.rich.<style_name>.padding": {
+  "regions.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",
@@ -3666,13 +3669,13 @@ window.__EC_DOC_option_geo = {
       "dims": "T,R,B,L"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowColor": {
+  "regions.emphasis.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowBlur": {
+  "regions.emphasis.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3680,33 +3683,33 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowOffsetX": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowOffsetY": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.width": {
+  "regions.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 [...]
   },
-  "regions.select.label.rich.<style_name>.height": {
+  "regions.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>  [...]
   },
-  "regions.select.label.rich.<style_name>.textBorderColor": {
+  "regions.emphasis.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderWidth": {
+  "regions.emphasis.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3714,7 +3717,7 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3722,7 +3725,7 @@ window.__EC_DOC_option_geo = {
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderDashOffset": {
+  "regions.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",
@@ -3731,14 +3734,14 @@ window.__EC_DOC_option_geo = {
       "default": "0"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowColor": {
+  "regions.emphasis.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowBlur": {
+  "regions.emphasis.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3746,24 +3749,1630 @@ window.__EC_DOC_option_geo = {
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowOffsetX": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowOffsetY": {
+  "regions.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"
     }
   },
-  "silent": {
-    "desc": "\n\n<p>Whether to ignore mouse events. Default value is false, for triggering and responding to mouse events.</p>\n",
+  "regions.select": {
+    "desc": "<p>Style of selected region.</p>\n"
+  },
+  "regions.select.itemStyle.areaColor": {
+    "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
+  },
+  "regions.select.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
-      "type": "boolean"
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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"
+    }
+  },
+  "regions.select.label.rotate": {
+    "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
+    "uiControl": {
+      "type": "angle",
+      "default": "0",
+      "min": "-90",
+      "max": "90",
+      "step": "1"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.select.label.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.select.label.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.select.label.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.select.label.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.select.label.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.select.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.select.label.backgroundColor": {
+    "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.select.label.borderColor": {
+    "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.select.label.borderWidth": {
+    "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.shadowBlur": {
+    "desc": "\n\n<p>Show blur of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.shadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.shadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.select.label.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.select.label.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.select.label.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.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"
+  },
+  "regions.select.label.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.select.label.rich": {
+    "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
+  },
+  "regions.select.label.rich.<style_name>.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.select.label.rich.<style_name>.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.select.label.rich.<style_name>.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.rich.<style_name>.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.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>  [...]
+  },
+  "regions.select.label.rich.<style_name>.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.rich.<style_name>.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.rich.<style_name>.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>Style of blurred region.</p>\n"
+  },
+  "regions.blur.itemStyle.areaColor": {
+    "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
+  },
+  "regions.blur.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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"
+    }
+  },
+  "regions.blur.label.rotate": {
+    "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
+    "uiControl": {
+      "type": "angle",
+      "default": "0",
+      "min": "-90",
+      "max": "90",
+      "step": "1"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.blur.label.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.blur.label.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.blur.label.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.blur.label.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.blur.label.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.blur.label.backgroundColor": {
+    "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.blur.label.borderColor": {
+    "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.blur.label.borderWidth": {
+    "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.shadowBlur": {
+    "desc": "\n\n<p>Show blur of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.shadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.shadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.blur.label.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.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"
+  },
+  "regions.blur.label.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.blur.label.rich": {
+    "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
+  },
+  "regions.blur.label.rich.<style_name>.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.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>  [...]
+  },
+  "regions.blur.label.rich.<style_name>.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.tooltip": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>tooltip settings in this region.</p>\n"
+  },
+  "regions.tooltip.show": {
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "true"
+    }
+  },
+  "regions.tooltip.position": {
+    "desc": "<p>The position of the tooltip&#39;s floating layer, which would follow the position of mouse by default.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">Array</code></p>\n<p>  Display the position of tooltip&#39;s floating layer through array, which supports absolute position and relative percentage.</p>\n<p>  Example:</p>\n<pre><code class=\"lang-js\">  // absolute position, which is 10px to the left side and 10px to the top side of the container\n  position: [ [...]
+  },
+  "regions.tooltip.formatter": {
+    "desc": "<p>The content formatter of tooltip&#39;s floating layer which supports string template and callback function.</p>\n<p><strong>1. String template</strong></p>\n<p>The template variables are <code class=\"codespan\">{a}</code>, <code class=\"codespan\">{b}</code>, <code class=\"codespan\">{c}</code>, <code class=\"codespan\">{d}</code> and <code class=\"codespan\">{e}</code>, which stands for series name, data name and data value and ect. When <a href=\"#tooltip.trigger\">tri [...]
+  },
+  "regions.tooltip.backgroundColor": {
+    "desc": "<p>The background color of tooltip&#39;s floating layer.</p>\n"
+  },
+  "regions.tooltip.borderColor": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border color of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#333"
+    }
+  },
+  "regions.tooltip.borderWidth": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border width of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.padding": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p>The floating layer of tooltip space around content. The unit is px. Default values for each position are 5. And they can be set to different values with left, right, top, and bottom.</p>\n<p>Examples: </p>\n<pre><code class=\"lang-js\">// Set padding to be 5\npadding: 5\n// Set the top and bottom paddings to be 5, and left and right paddings to be 10\npadding: [5, 10]\n// Set each of the four paddings seperately\npadding: [\n    5,  // up\n     [...]
+    "uiControl": {
+      "type": "vector",
+      "min": "0",
+      "dims": "T,R,B,L"
+    }
+  },
+  "regions.tooltip.textStyle": {
+    "desc": "<p>The text syle of tooltip&#39;s floating layer.</p>\n"
+  },
+  "regions.tooltip.textStyle.color": {
+    "desc": "\n\n<p> text color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "'#fff'"
+    }
+  },
+  "regions.tooltip.textStyle.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.tooltip.textStyle.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.tooltip.textStyle.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.tooltip.textStyle.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "14",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.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-js\">{\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"
+    }
+  },
+  "regions.tooltip.textStyle.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.tooltip.textStyle.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.tooltip.textStyle.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"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.tooltip.textStyle.ellipsis": {
+    "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
+  },
+  "regions.tooltip.textStyle.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.tooltip.extraCssText": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>Extra CSS style for floating layer. The following is an example for adding shadow.</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n",
+    "uiControl": {
+      "type": "text"
+    }
+  },
+  "silent": {
+    "desc": "\n\n<p>Whether to ignore mouse events. Default value is false, for triggering and responding to mouse events.</p>\n",
+    "uiControl": {
+      "type": "boolean"
+    }
+  },
+  "tooltip": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#singl [...]
+  },
+  "tooltip.show": {
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "true"
+    }
+  },
+  "tooltip.position": {
+    "desc": "<p>The position of the tooltip&#39;s floating layer, which would follow the position of mouse by default.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">Array</code></p>\n<p>  Display the position of tooltip&#39;s floating layer through array, which supports absolute position and relative percentage.</p>\n<p>  Example:</p>\n<pre><code class=\"lang-js\">  // absolute position, which is 10px to the left side and 10px to the top side of the container\n  position: [ [...]
+  },
+  "tooltip.formatter": {
+    "desc": "<p>The content formatter of tooltip&#39;s floating layer which supports string template and callback function.</p>\n<p><strong>1. String template</strong></p>\n<p>The template variables are <code class=\"codespan\">{a}</code>, <code class=\"codespan\">{b}</code>, <code class=\"codespan\">{c}</code>, <code class=\"codespan\">{d}</code> and <code class=\"codespan\">{e}</code>, which stands for series name, data name and data value and ect. When <a href=\"#tooltip.trigger\">tri [...]
+  },
+  "tooltip.backgroundColor": {
+    "desc": "<p>The background color of tooltip&#39;s floating layer.</p>\n"
+  },
+  "tooltip.borderColor": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border color of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#333"
+    }
+  },
+  "tooltip.borderWidth": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border width of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.padding": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p>The floating layer of tooltip space around content. The unit is px. Default values for each position are 5. And they can be set to different values with left, right, top, and bottom.</p>\n<p>Examples: </p>\n<pre><code class=\"lang-js\">// Set padding to be 5\npadding: 5\n// Set the top and bottom paddings to be 5, and left and right paddings to be 10\npadding: [5, 10]\n// Set each of the four paddings seperately\npadding: [\n    5,  // up\n     [...]
+    "uiControl": {
+      "type": "vector",
+      "min": "0",
+      "dims": "T,R,B,L"
+    }
+  },
+  "tooltip.textStyle": {
+    "desc": "<p>The text syle of tooltip&#39;s floating layer.</p>\n"
+  },
+  "tooltip.textStyle.color": {
+    "desc": "\n\n<p> text color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "'#fff'"
+    }
+  },
+  "tooltip.textStyle.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "tooltip.textStyle.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "tooltip.textStyle.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "tooltip.textStyle.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "14",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.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-js\">{\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"
+    }
+  },
+  "tooltip.textStyle.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "tooltip.textStyle.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "tooltip.textStyle.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"
+    }
+  },
+  "tooltip.textStyle.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "tooltip.textStyle.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "tooltip.textStyle.ellipsis": {
+    "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
+  },
+  "tooltip.textStyle.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "tooltip.extraCssText": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>Extra CSS style for floating layer. The following is an example for adding shadow.</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n",
+    "uiControl": {
+      "type": "text"
     }
   }
 }
\ No newline at end of file
diff --git a/en/documents/option-parts/option.geo.json b/en/documents/option-parts/option.geo.json
index e0e0f8a..ad63e33 100644
--- a/en/documents/option-parts/option.geo.json
+++ b/en/documents/option-parts/option.geo.json
@@ -6,7 +6,7 @@
     "desc": "<p>Whether to show the geo component.</p>\n"
   },
   "map": {
-    "desc": "<p>Map charts.</p>\n<p>Due to the increase of fineness of map, ECharts 3 doesn&#39;t include map data by default for package size consideration. You may find map files you need on <a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">map download page</a> and then include and register them in ECharts.</p>\n<p>Two formats of map data are provided in ECharts, one of which can be included in <code class=\"codespan\">&lt;script&gt;</code> tag as Jav [...]
+    "desc": "<p>Map name registered in <a href=\"api.html#echarts.registerMap\" target=\"_blank\">registerMap</a>.</p>\n<p><strong>Use geoJSON</strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/china_geo.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, {geoJSON: geoJson});\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        geo: [{\n            map: &#39;china&#39;,\n            ...\n        }]\n    }); [...]
   },
   "roam": {
     "desc": "\n\n<p>Whether to enable mouse zooming and translating. <code class=\"codespan\">false</code> by default. If either zooming or translating is wanted, it can be set to <code class=\"codespan\">&#39;scale&#39;</code> or <code class=\"codespan\">&#39;move&#39;</code>. Otherwise, set it to be <code class=\"codespan\">true</code> to enable both.</p>\n",
@@ -661,6 +661,9 @@
   "emphasis": {
     "desc": "<p>Map area style in highlighted state.</p>\n"
   },
+  "emphasis.focus": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n</ul>\n<p><st [...]
+  },
   "emphasis.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
@@ -1878,184 +1881,24 @@
       "step": "0.01"
     }
   },
-  "zlevel": {
-    "desc": "<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zlevel</code>. Notice that too many Canvases [...]
-  },
-  "z": {
-    "desc": "<p><code class=\"codespan\">z</code> value of all graphical elements in , which controls order of drawing graphical components. Components with smaller <code class=\"codespan\">z</code> values may be overwritten by those with larger <code class=\"codespan\">z</code> values.</p>\n<p><code class=\"codespan\">z</code> has a lower priority to <code class=\"codespan\">zlevel</code>, and will not create new Canvas.</p>\n"
-  },
-  "left": {
-    "desc": "<p>Distance between  component and the left side of the container.</p>\n<p><code class=\"codespan\">left</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;left&#39;</code>, <code class=\"codespan\">&#39;center&#39;</code>, or <code class=\"codespan\">&#39;right&#39;</code>.</p>\n<p>If [...]
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "top": {
-    "desc": "<p>Distance between  component and the top side of the container.</p>\n<p><code class=\"codespan\">top</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;top&#39;</code>, <code class=\"codespan\">&#39;middle&#39;</code>, or <code class=\"codespan\">&#39;bottom&#39;</code>.</p>\n<p>If t [...]
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "right": {
-    "desc": "<p>Distance between  component and the right side of the container.</p>\n<p><code class=\"codespan\">right</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "bottom": {
-    "desc": "<p>Distance between  component and the bottom side of the container.</p>\n<p><code class=\"codespan\">bottom</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
-    "uiControl": {
-      "type": "percent",
-      "default": "0%"
-    }
-  },
-  "layoutCenter": {
-    "desc": "<p><code class=\"codespan\">layoutCenter</code> and <code class=\"codespan\">layoutSize</code> provides layout strategy other than <code class=\"codespan\">left/right/top/bottom/width/height</code>.</p>\n<p>When using <code class=\"codespan\">left/right/top/bottom/width/height</code>, it is hard to put the map inside a box area with a fixed width-height ratio. In this case, <code class=\"codespan\">layoutCenter</code> attribute can be used to define the center position of ma [...]
-  },
-  "layoutSize": {
-    "desc": "<p>Size of map, see <code class=\"codespan\">layoutCenter</code> for more information. Percentage relative to screen width, and absolute pixel values are supported.</p>\n"
-  },
-  "regions": {
-    "desc": "<p>Configure style for specified regions.\nFor example:</p>\n<pre><code class=\"lang-js\">regions: [{\n    name: &#39;Guangdong&#39;,\n    itemStyle: {\n        areaColor: &#39;red&#39;,\n        color: &#39;red&#39;\n    }\n}]\n</code></pre>\n<p>The region color can also be controlled by map series. See <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>.</p>\n"
-  },
-  "regions.name": {
-    "desc": "<p>Name of area in map, like <code class=\"codespan\">&#39;Guangdong&#39;</code>, or <code class=\"codespan\">&#39;Zhejiang&#39;</code>.</p>\n"
-  },
-  "regions.selected": {
-    "desc": "<p>Whether this area is selected.</p>\n"
-  },
-  "regions.itemStyle": {
-    "desc": "<p>Item style of this area.</p>\n"
-  },
-  "regions.itemStyle.areaColor": {
-    "desc": "<p>Area color in the map.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\ [...]
-  },
-  "regions.itemStyle.color": {
-    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
-    "uiControl": {
-      "type": "color"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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": "0",
-      "min": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.borderType": {
-    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
-    "uiControl": {
-      "type": "enum",
-      "default": "butt",
-      "options": "butt,round,square"
-    }
-  },
-  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
-    "uiControl": {
-      "type": "enum",
-      "default": "bevel",
-      "options": "bevel,round,miter"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "",
-      "min": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.shadowColor": {
-    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
-    "uiControl": {
-      "type": "color",
-      "default": ""
-    }
-  },
-  "regions.itemStyle.shadowOffsetX": {
-    "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.itemStyle.shadowOffsetY": {
-    "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
-    "uiControl": {
-      "type": "number",
-      "default": "0",
-      "step": "0.5"
-    }
-  },
-  "regions.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"
-    }
-  },
-  "regions.label": {
-    "desc": "<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> in ECharts 2.x. In ECharts 3, to make the configuration structure flatter, <code class=\"codespan\">label</code>is taken to be at the same level with <code class=\"codespan\">itemStyle</code>, and has <code class=\"codespan\">emphasis</code> as <code class=\"codespan\">itemStyle</cod [...]
+  "blur": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>Map area style in blurred state.</p>\n"
   },
-  "regions.label.show": {
+  "blur.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "false"
     }
   },
-  "regions.label.position": {
+  "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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.label.distance": {
+  "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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -2064,7 +1907,7 @@
       "step": "0.5"
     }
   },
-  "regions.label.rotate": {
+  "blur.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -2074,7 +1917,7 @@
       "step": "1"
     }
   },
-  "regions.label.offset": {
+  "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",
@@ -2083,17 +1926,17 @@
       "separate": "true"
     }
   },
-  "regions.label.formatter": {
+  "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 [...]
   },
-  "regions.label.color": {
+  "blur.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.label.fontStyle": {
+  "blur.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2101,7 +1944,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.label.fontWeight": {
+  "blur.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2109,7 +1952,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.label.fontFamily": {
+  "blur.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2117,7 +1960,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.label.fontSize": {
+  "blur.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2126,21 +1969,21 @@
       "step": "1"
     }
   },
-  "regions.label.align": {
+  "blur.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.label.verticalAlign": {
+  "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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.label.lineHeight": {
+  "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-js\">{\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",
@@ -2149,21 +1992,21 @@
       "default": "12"
     }
   },
-  "regions.label.backgroundColor": {
+  "blur.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.borderColor": {
+  "blur.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.borderWidth": {
+  "blur.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2171,7 +2014,7 @@
       "step": "0.5"
     }
   },
-  "regions.label.borderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2179,7 +2022,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.borderDashOffset": {
+  "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",
@@ -2188,7 +2031,7 @@
       "default": "0"
     }
   },
-  "regions.label.borderRadius": {
+  "blur.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2196,7 +2039,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.label.padding": {
+  "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",
@@ -2204,13 +2047,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.label.shadowColor": {
+  "blur.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.shadowBlur": {
+  "blur.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2218,21 +2061,21 @@
       "step": "0.5"
     }
   },
-  "regions.label.shadowOffsetX": {
+  "blur.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.shadowOffsetY": {
+  "blur.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.width": {
+  "blur.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2242,7 +2085,7 @@
       "step": "1"
     }
   },
-  "regions.label.height": {
+  "blur.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2252,13 +2095,13 @@
       "step": "1"
     }
   },
-  "regions.label.textBorderColor": {
+  "blur.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.textBorderWidth": {
+  "blur.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2266,7 +2109,7 @@
       "step": "0.5"
     }
   },
-  "regions.label.textBorderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2274,7 +2117,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.textBorderDashOffset": {
+  "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",
@@ -2283,14 +2126,14 @@
       "default": "0"
     }
   },
-  "regions.label.textShadowColor": {
+  "blur.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.label.textShadowBlur": {
+  "blur.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2298,44 +2141,44 @@
       "step": "0.5"
     }
   },
-  "regions.label.textShadowOffsetX": {
+  "blur.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.textShadowOffsetY": {
+  "blur.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.label.overflow": {
+  "blur.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.label.ellipsis": {
+  "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"
   },
-  "regions.label.lineOverflow": {
+  "blur.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.label.rich": {
+  "blur.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.label.rich.<style_name>.color": {
+  "blur.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.label.rich.<style_name>.fontStyle": {
+  "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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2343,7 +2186,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.label.rich.<style_name>.fontWeight": {
+  "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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2351,7 +2194,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.label.rich.<style_name>.fontFamily": {
+  "blur.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2359,7 +2202,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.label.rich.<style_name>.fontSize": {
+  "blur.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2368,21 +2211,21 @@
       "step": "1"
     }
   },
-  "regions.label.rich.<style_name>.align": {
+  "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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.label.rich.<style_name>.verticalAlign": {
+  "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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.label.rich.<style_name>.lineHeight": {
+  "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-js\">{\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",
@@ -2391,21 +2234,21 @@
       "default": "12"
     }
   },
-  "regions.label.rich.<style_name>.backgroundColor": {
+  "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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.rich.<style_name>.borderColor": {
+  "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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.label.rich.<style_name>.borderWidth": {
+  "blur.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2413,7 +2256,7 @@
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.borderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2421,7 +2264,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.rich.<style_name>.borderDashOffset": {
+  "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",
@@ -2430,7 +2273,7 @@
       "default": "0"
     }
   },
-  "regions.label.rich.<style_name>.borderRadius": {
+  "blur.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2438,7 +2281,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.label.rich.<style_name>.padding": {
+  "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",
@@ -2446,13 +2289,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.label.rich.<style_name>.shadowColor": {
+  "blur.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.rich.<style_name>.shadowBlur": {
+  "blur.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2460,33 +2303,33 @@
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.shadowOffsetX": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.shadowOffsetY": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.width": {
+  "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 [...]
   },
-  "regions.label.rich.<style_name>.height": {
+  "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>  [...]
   },
-  "regions.label.rich.<style_name>.textBorderColor": {
+  "blur.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.label.rich.<style_name>.textBorderWidth": {
+  "blur.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2494,7 +2337,7 @@
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.textBorderType": {
+  "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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2502,7 +2345,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.label.rich.<style_name>.textBorderDashOffset": {
+  "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",
@@ -2511,14 +2354,14 @@
       "default": "0"
     }
   },
-  "regions.label.rich.<style_name>.textShadowColor": {
+  "blur.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.label.rich.<style_name>.textShadowBlur": {
+  "blur.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2526,39 +2369,36 @@
       "step": "0.5"
     }
   },
-  "regions.label.rich.<style_name>.textShadowOffsetX": {
+  "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"
     }
   },
-  "regions.label.rich.<style_name>.textShadowOffsetY": {
+  "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"
     }
   },
-  "regions.emphasis": {
-    "desc": "<p>Style of emphasis region.</p>\n"
-  },
-  "regions.emphasis.itemStyle.areaColor": {
+  "blur.itemStyle.areaColor": {
     "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
   },
-  "regions.emphasis.itemStyle.color": {
+  "blur.itemStyle.color": {
     "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.itemStyle.borderColor": {
+  "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"
     }
   },
-  "regions.emphasis.itemStyle.borderWidth": {
+  "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",
@@ -2567,7 +2407,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.borderType": {
+  "blur.itemStyle.borderType": {
     "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2575,7 +2415,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.itemStyle.borderDashOffset": {
+  "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",
@@ -2584,7 +2424,7 @@
       "default": "0"
     }
   },
-  "regions.emphasis.itemStyle.borderCap": {
+  "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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
     "uiControl": {
       "type": "enum",
@@ -2592,7 +2432,7 @@
       "options": "butt,round,square"
     }
   },
-  "regions.emphasis.itemStyle.borderJoin": {
+  "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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
     "uiControl": {
       "type": "enum",
@@ -2600,7 +2440,7 @@
       "options": "bevel,round,miter"
     }
   },
-  "regions.emphasis.itemStyle.borderMiterLimit": {
+  "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",
@@ -2609,7 +2449,7 @@
       "default": "10"
     }
   },
-  "regions.emphasis.itemStyle.shadowBlur": {
+  "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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
     "uiControl": {
       "type": "number",
@@ -2618,14 +2458,14 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.shadowColor": {
+  "blur.itemStyle.shadowColor": {
     "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
     "uiControl": {
       "type": "color",
       "default": ""
     }
   },
-  "regions.emphasis.itemStyle.shadowOffsetX": {
+  "blur.itemStyle.shadowOffsetX": {
     "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2633,7 +2473,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.shadowOffsetY": {
+  "blur.itemStyle.shadowOffsetY": {
     "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2641,7 +2481,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.itemStyle.opacity": {
+  "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",
@@ -2651,21 +2491,184 @@
       "step": "0.01"
     }
   },
-  "regions.emphasis.label.show": {
-    "desc": "\n\n<p>Whether to show label.</p>\n",
-    "uiControl": {
-      "type": "boolean",
-      "default": "false"
-    }
+  "zlevel": {
+    "desc": "<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zlevel</code>. Notice that too many Canvases [...]
   },
-  "regions.emphasis.label.position": {
+  "z": {
+    "desc": "<p><code class=\"codespan\">z</code> value of all graphical elements in , which controls order of drawing graphical components. Components with smaller <code class=\"codespan\">z</code> values may be overwritten by those with larger <code class=\"codespan\">z</code> values.</p>\n<p><code class=\"codespan\">z</code> has a lower priority to <code class=\"codespan\">zlevel</code>, and will not create new Canvas.</p>\n"
+  },
+  "left": {
+    "desc": "<p>Distance between  component and the left side of the container.</p>\n<p><code class=\"codespan\">left</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;left&#39;</code>, <code class=\"codespan\">&#39;center&#39;</code>, or <code class=\"codespan\">&#39;right&#39;</code>.</p>\n<p>If [...]
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "top": {
+    "desc": "<p>Distance between  component and the top side of the container.</p>\n<p><code class=\"codespan\">top</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>; and it can also be <code class=\"codespan\">&#39;top&#39;</code>, <code class=\"codespan\">&#39;middle&#39;</code>, or <code class=\"codespan\">&#39;bottom&#39;</code>.</p>\n<p>If t [...]
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "right": {
+    "desc": "<p>Distance between  component and the right side of the container.</p>\n<p><code class=\"codespan\">right</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "bottom": {
+    "desc": "<p>Distance between  component and the bottom side of the container.</p>\n<p><code class=\"codespan\">bottom</code> value can be instant pixel value like <code class=\"codespan\">20</code>; it can also be a percentage value relative to container width like <code class=\"codespan\">&#39;20%&#39;</code>.</p>\n<p>Adaptive by default.</p>\n",
+    "uiControl": {
+      "type": "percent",
+      "default": "0%"
+    }
+  },
+  "layoutCenter": {
+    "desc": "<p><code class=\"codespan\">layoutCenter</code> and <code class=\"codespan\">layoutSize</code> provides layout strategy other than <code class=\"codespan\">left/right/top/bottom/width/height</code>.</p>\n<p>When using <code class=\"codespan\">left/right/top/bottom/width/height</code>, it is hard to put the map inside a box area with a fixed width-height ratio. In this case, <code class=\"codespan\">layoutCenter</code> attribute can be used to define the center position of ma [...]
+  },
+  "layoutSize": {
+    "desc": "<p>Size of map, see <code class=\"codespan\">layoutCenter</code> for more information. Percentage relative to screen width, and absolute pixel values are supported.</p>\n"
+  },
+  "regions": {
+    "desc": "<p>Configure style for specified regions.\nFor example:</p>\n<pre><code class=\"lang-js\">regions: [{\n    name: &#39;Guangdong&#39;,\n    itemStyle: {\n        areaColor: &#39;red&#39;,\n        color: &#39;red&#39;\n    }\n}]\n</code></pre>\n<p>The region color can also be controlled by map series. See <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>.</p>\n"
+  },
+  "regions.name": {
+    "desc": "<p>Name of area in map, like <code class=\"codespan\">&#39;Guangdong&#39;</code>, or <code class=\"codespan\">&#39;Zhejiang&#39;</code>.</p>\n"
+  },
+  "regions.selected": {
+    "desc": "<p>Whether this area is selected.</p>\n"
+  },
+  "regions.itemStyle": {
+    "desc": "<p>Item style of this area.</p>\n"
+  },
+  "regions.itemStyle.areaColor": {
+    "desc": "<p>Area color in the map.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\ [...]
+  },
+  "regions.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.itemStyle.shadowOffsetX": {
+    "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.itemStyle.shadowOffsetY": {
+    "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.label": {
+    "desc": "<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> in ECharts 2.x. In ECharts 3, to make the configuration structure flatter, <code class=\"codespan\">label</code>is taken to be at the same level with <code class=\"codespan\">itemStyle</code>, and has <code class=\"codespan\">emphasis</code> as <code class=\"codespan\">itemStyle</cod [...]
+  },
+  "regions.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.emphasis.label.distance": {
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -2674,7 +2677,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rotate": {
+  "regions.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -2684,7 +2687,7 @@
       "step": "1"
     }
   },
-  "regions.emphasis.label.offset": {
+  "regions.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",
@@ -2693,17 +2696,17 @@
       "separate": "true"
     }
   },
-  "regions.emphasis.label.formatter": {
+  "regions.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 [...]
   },
-  "regions.emphasis.label.color": {
+  "regions.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.emphasis.label.fontStyle": {
+  "regions.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2711,7 +2714,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.emphasis.label.fontWeight": {
+  "regions.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2719,7 +2722,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.emphasis.label.fontFamily": {
+  "regions.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2727,7 +2730,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.emphasis.label.fontSize": {
+  "regions.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2736,21 +2739,21 @@
       "step": "1"
     }
   },
-  "regions.emphasis.label.align": {
+  "regions.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.emphasis.label.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.emphasis.label.lineHeight": {
+  "regions.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-js\">{\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",
@@ -2759,21 +2762,21 @@
       "default": "12"
     }
   },
-  "regions.emphasis.label.backgroundColor": {
+  "regions.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.borderColor": {
+  "regions.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.borderWidth": {
+  "regions.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2781,7 +2784,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2789,7 +2792,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.borderDashOffset": {
+  "regions.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",
@@ -2798,7 +2801,7 @@
       "default": "0"
     }
   },
-  "regions.emphasis.label.borderRadius": {
+  "regions.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -2806,7 +2809,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.emphasis.label.padding": {
+  "regions.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",
@@ -2814,13 +2817,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.emphasis.label.shadowColor": {
+  "regions.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.shadowBlur": {
+  "regions.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2828,21 +2831,21 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.shadowOffsetX": {
+  "regions.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.shadowOffsetY": {
+  "regions.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.width": {
+  "regions.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2852,7 +2855,7 @@
       "step": "1"
     }
   },
-  "regions.emphasis.label.height": {
+  "regions.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2862,13 +2865,13 @@
       "step": "1"
     }
   },
-  "regions.emphasis.label.textBorderColor": {
+  "regions.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.textBorderWidth": {
+  "regions.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2876,7 +2879,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -2884,7 +2887,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.textBorderDashOffset": {
+  "regions.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",
@@ -2893,14 +2896,14 @@
       "default": "0"
     }
   },
-  "regions.emphasis.label.textShadowColor": {
+  "regions.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.emphasis.label.textShadowBlur": {
+  "regions.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2908,44 +2911,44 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textShadowOffsetX": {
+  "regions.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.textShadowOffsetY": {
+  "regions.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.overflow": {
+  "regions.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.emphasis.label.ellipsis": {
+  "regions.label.ellipsis": {
     "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
   },
-  "regions.emphasis.label.lineOverflow": {
+  "regions.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.emphasis.label.rich": {
+  "regions.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.emphasis.label.rich.<style_name>.color": {
+  "regions.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontStyle": {
+  "regions.label.rich.<style_name>.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2953,7 +2956,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontWeight": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -2961,7 +2964,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontFamily": {
+  "regions.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -2969,7 +2972,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.fontSize": {
+  "regions.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -2978,21 +2981,21 @@
       "step": "1"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.align": {
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3001,21 +3004,21 @@
       "default": "12"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.backgroundColor": {
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderColor": {
+  "regions.label.rich.<style_name>.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderWidth": {
+  "regions.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3023,7 +3026,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3031,7 +3034,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderDashOffset": {
+  "regions.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",
@@ -3040,7 +3043,7 @@
       "default": "0"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.borderRadius": {
+  "regions.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3048,7 +3051,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.padding": {
+  "regions.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",
@@ -3056,13 +3059,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowColor": {
+  "regions.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowBlur": {
+  "regions.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3070,33 +3073,33 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowOffsetX": {
+  "regions.label.rich.<style_name>.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.shadowOffsetY": {
+  "regions.label.rich.<style_name>.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.width": {
+  "regions.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 [...]
   },
-  "regions.emphasis.label.rich.<style_name>.height": {
+  "regions.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>  [...]
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderColor": {
+  "regions.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderWidth": {
+  "regions.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3104,7 +3107,7 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3112,7 +3115,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textBorderDashOffset": {
+  "regions.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",
@@ -3121,14 +3124,14 @@
       "default": "0"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowColor": {
+  "regions.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowBlur": {
+  "regions.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3136,39 +3139,39 @@
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowOffsetX": {
+  "regions.label.rich.<style_name>.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.emphasis.label.rich.<style_name>.textShadowOffsetY": {
+  "regions.label.rich.<style_name>.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select": {
-    "desc": "<p>Style of selected region.</p>\n"
+  "regions.emphasis": {
+    "desc": "<p>Style of emphasis region.</p>\n"
   },
-  "regions.select.itemStyle.areaColor": {
+  "regions.emphasis.itemStyle.areaColor": {
     "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
   },
-  "regions.select.itemStyle.color": {
+  "regions.emphasis.itemStyle.color": {
     "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.itemStyle.borderColor": {
+  "regions.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"
     }
   },
-  "regions.select.itemStyle.borderWidth": {
+  "regions.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",
@@ -3177,7 +3180,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.borderType": {
+  "regions.emphasis.itemStyle.borderType": {
     "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3185,7 +3188,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.itemStyle.borderDashOffset": {
+  "regions.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",
@@ -3194,7 +3197,7 @@
       "default": "0"
     }
   },
-  "regions.select.itemStyle.borderCap": {
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
     "uiControl": {
       "type": "enum",
@@ -3202,7 +3205,7 @@
       "options": "butt,round,square"
     }
   },
-  "regions.select.itemStyle.borderJoin": {
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
     "uiControl": {
       "type": "enum",
@@ -3210,7 +3213,7 @@
       "options": "bevel,round,miter"
     }
   },
-  "regions.select.itemStyle.borderMiterLimit": {
+  "regions.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",
@@ -3219,7 +3222,7 @@
       "default": "10"
     }
   },
-  "regions.select.itemStyle.shadowBlur": {
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
     "uiControl": {
       "type": "number",
@@ -3228,14 +3231,14 @@
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.shadowColor": {
+  "regions.emphasis.itemStyle.shadowColor": {
     "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
     "uiControl": {
       "type": "color",
       "default": ""
     }
   },
-  "regions.select.itemStyle.shadowOffsetX": {
+  "regions.emphasis.itemStyle.shadowOffsetX": {
     "desc": "\n\n<p>Offset distance on the horizontal direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3243,7 +3246,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.shadowOffsetY": {
+  "regions.emphasis.itemStyle.shadowOffsetY": {
     "desc": "\n\n<p>Offset distance on the vertical direction of shadow.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3251,7 +3254,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.itemStyle.opacity": {
+  "regions.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",
@@ -3261,21 +3264,21 @@
       "step": "0.01"
     }
   },
-  "regions.select.label.show": {
+  "regions.emphasis.label.show": {
     "desc": "\n\n<p>Whether to show label.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "false"
     }
   },
-  "regions.select.label.position": {
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
     "uiControl": {
       "type": "enum",
       "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
     }
   },
-  "regions.select.label.distance": {
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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",
@@ -3284,7 +3287,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.rotate": {
+  "regions.emphasis.label.rotate": {
     "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
     "uiControl": {
       "type": "angle",
@@ -3294,7 +3297,7 @@
       "step": "1"
     }
   },
-  "regions.select.label.offset": {
+  "regions.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",
@@ -3303,17 +3306,17 @@
       "separate": "true"
     }
   },
-  "regions.select.label.formatter": {
+  "regions.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 [...]
   },
-  "regions.select.label.color": {
+  "regions.emphasis.label.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.select.label.fontStyle": {
+  "regions.emphasis.label.fontStyle": {
     "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3321,7 +3324,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.select.label.fontWeight": {
+  "regions.emphasis.label.fontWeight": {
     "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3329,7 +3332,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.select.label.fontFamily": {
+  "regions.emphasis.label.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -3337,7 +3340,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.select.label.fontSize": {
+  "regions.emphasis.label.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3346,21 +3349,21 @@
       "step": "1"
     }
   },
-  "regions.select.label.align": {
+  "regions.emphasis.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.select.label.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.select.label.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3369,21 +3372,21 @@
       "default": "12"
     }
   },
-  "regions.select.label.backgroundColor": {
+  "regions.emphasis.label.backgroundColor": {
     "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.borderColor": {
+  "regions.emphasis.label.borderColor": {
     "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.borderWidth": {
+  "regions.emphasis.label.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3391,7 +3394,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3399,7 +3402,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.borderDashOffset": {
+  "regions.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",
@@ -3408,7 +3411,7 @@
       "default": "0"
     }
   },
-  "regions.select.label.borderRadius": {
+  "regions.emphasis.label.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3416,7 +3419,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.select.label.padding": {
+  "regions.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",
@@ -3424,13 +3427,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.select.label.shadowColor": {
+  "regions.emphasis.label.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.shadowBlur": {
+  "regions.emphasis.label.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3438,21 +3441,21 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.shadowOffsetX": {
+  "regions.emphasis.label.shadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.shadowOffsetY": {
+  "regions.emphasis.label.shadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.width": {
+  "regions.emphasis.label.width": {
     "desc": "\n\n<p>Width of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3462,7 +3465,7 @@
       "step": "1"
     }
   },
-  "regions.select.label.height": {
+  "regions.emphasis.label.height": {
     "desc": "\n\n<p>Height of text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3472,13 +3475,13 @@
       "step": "1"
     }
   },
-  "regions.select.label.textBorderColor": {
+  "regions.emphasis.label.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.textBorderWidth": {
+  "regions.emphasis.label.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3486,7 +3489,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3494,7 +3497,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.textBorderDashOffset": {
+  "regions.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",
@@ -3503,14 +3506,14 @@
       "default": "0"
     }
   },
-  "regions.select.label.textShadowColor": {
+  "regions.emphasis.label.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.select.label.textShadowBlur": {
+  "regions.emphasis.label.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3518,44 +3521,44 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.textShadowOffsetX": {
+  "regions.emphasis.label.textShadowOffsetX": {
     "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.textShadowOffsetY": {
+  "regions.emphasis.label.textShadowOffsetY": {
     "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
       "step": "0.5"
     }
   },
-  "regions.select.label.overflow": {
+  "regions.emphasis.label.overflow": {
     "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
       "options": "truncate,break,breakAll"
     }
   },
-  "regions.select.label.ellipsis": {
+  "regions.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"
   },
-  "regions.select.label.lineOverflow": {
+  "regions.emphasis.label.lineOverflow": {
     "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
   },
-  "regions.select.label.rich": {
+  "regions.emphasis.label.rich": {
     "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
   },
-  "regions.select.label.rich.<style_name>.color": {
+  "regions.emphasis.label.rich.<style_name>.color": {
     "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "null"
     }
   },
-  "regions.select.label.rich.<style_name>.fontStyle": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3563,7 +3566,7 @@
       "options": "normal,italic,oblique"
     }
   },
-  "regions.select.label.rich.<style_name>.fontWeight": {
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
     "uiControl": {
       "type": "enum",
@@ -3571,7 +3574,7 @@
       "options": "normal,bold,bolder,lighter"
     }
   },
-  "regions.select.label.rich.<style_name>.fontFamily": {
+  "regions.emphasis.label.rich.<style_name>.fontFamily": {
     "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
     "uiControl": {
       "type": "enum",
@@ -3579,7 +3582,7 @@
       "options": "sans-serif,serif,monospace,Arial,Courier New"
     }
   },
-  "regions.select.label.rich.<style_name>.fontSize": {
+  "regions.emphasis.label.rich.<style_name>.fontSize": {
     "desc": "\n\n<p> font size.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3588,21 +3591,21 @@
       "step": "1"
     }
   },
-  "regions.select.label.rich.<style_name>.align": {
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
     "uiControl": {
       "type": "enum",
       "options": "left,center,right"
     }
   },
-  "regions.select.label.rich.<style_name>.verticalAlign": {
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
     }
   },
-  "regions.select.label.rich.<style_name>.lineHeight": {
+  "regions.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-js\">{\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",
@@ -3611,21 +3614,21 @@
       "default": "12"
     }
   },
-  "regions.select.label.rich.<style_name>.backgroundColor": {
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.rich.<style_name>.borderColor": {
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#fff"
     }
   },
-  "regions.select.label.rich.<style_name>.borderWidth": {
+  "regions.emphasis.label.rich.<style_name>.borderWidth": {
     "desc": "\n\n<p>Border width of the text fragment.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3633,7 +3636,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.borderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3641,7 +3644,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.rich.<style_name>.borderDashOffset": {
+  "regions.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",
@@ -3650,7 +3653,7 @@
       "default": "0"
     }
   },
-  "regions.select.label.rich.<style_name>.borderRadius": {
+  "regions.emphasis.label.rich.<style_name>.borderRadius": {
     "desc": "\n\n<p>Border radius of the text fragment.</p>\n",
     "uiControl": {
       "type": "vector",
@@ -3658,7 +3661,7 @@
       "dims": "LT,RT, RB, LB"
     }
   },
-  "regions.select.label.rich.<style_name>.padding": {
+  "regions.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",
@@ -3666,13 +3669,13 @@
       "dims": "T,R,B,L"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowColor": {
+  "regions.emphasis.label.rich.<style_name>.shadowColor": {
     "desc": "\n\n<p>Shadow color of the text block.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowBlur": {
+  "regions.emphasis.label.rich.<style_name>.shadowBlur": {
     "desc": "\n\n<p>Show blur of the text block.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3680,33 +3683,33 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowOffsetX": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.shadowOffsetY": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.width": {
+  "regions.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 [...]
   },
-  "regions.select.label.rich.<style_name>.height": {
+  "regions.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>  [...]
   },
-  "regions.select.label.rich.<style_name>.textBorderColor": {
+  "regions.emphasis.label.rich.<style_name>.textBorderColor": {
     "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
     "uiControl": {
       "type": "color"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderWidth": {
+  "regions.emphasis.label.rich.<style_name>.textBorderWidth": {
     "desc": "\n\n<p>Storke line width of the text.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3714,7 +3717,7 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderType": {
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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",
@@ -3722,7 +3725,7 @@
       "options": "solid,dashed,dotted"
     }
   },
-  "regions.select.label.rich.<style_name>.textBorderDashOffset": {
+  "regions.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",
@@ -3731,14 +3734,14 @@
       "default": "0"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowColor": {
+  "regions.emphasis.label.rich.<style_name>.textShadowColor": {
     "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
     "uiControl": {
       "type": "color",
       "default": "#000"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowBlur": {
+  "regions.emphasis.label.rich.<style_name>.textShadowBlur": {
     "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
     "uiControl": {
       "type": "number",
@@ -3746,24 +3749,1630 @@
       "step": "0.5"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowOffsetX": {
+  "regions.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"
     }
   },
-  "regions.select.label.rich.<style_name>.textShadowOffsetY": {
+  "regions.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"
     }
   },
-  "silent": {
-    "desc": "\n\n<p>Whether to ignore mouse events. Default value is false, for triggering and responding to mouse events.</p>\n",
+  "regions.select": {
+    "desc": "<p>Style of selected region.</p>\n"
+  },
+  "regions.select.itemStyle.areaColor": {
+    "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
+  },
+  "regions.select.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
     "uiControl": {
-      "type": "boolean"
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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"
+    }
+  },
+  "regions.select.label.rotate": {
+    "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
+    "uiControl": {
+      "type": "angle",
+      "default": "0",
+      "min": "-90",
+      "max": "90",
+      "step": "1"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.select.label.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.select.label.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.select.label.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.select.label.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.select.label.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.select.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.select.label.backgroundColor": {
+    "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.select.label.borderColor": {
+    "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.select.label.borderWidth": {
+    "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.shadowBlur": {
+    "desc": "\n\n<p>Show blur of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.shadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.shadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.select.label.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.select.label.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.select.label.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.select.label.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.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"
+  },
+  "regions.select.label.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.select.label.rich": {
+    "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
+  },
+  "regions.select.label.rich.<style_name>.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.select.label.rich.<style_name>.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.select.label.rich.<style_name>.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.rich.<style_name>.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.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>  [...]
+  },
+  "regions.select.label.rich.<style_name>.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.select.label.rich.<style_name>.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.select.label.rich.<style_name>.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>Style of blurred region.</p>\n"
+  },
+  "regions.blur.itemStyle.areaColor": {
+    "desc": "<p>The color of the map area.</p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang [...]
+  },
+  "regions.blur.itemStyle.color": {
+    "desc": "\n\n<p> color. </p>\n<blockquote>\n<p>Color can be represented in RGB, for example <code class=\"codespan\">&#39;rgb(128, 128, 128)&#39;</code>. RGBA can be used when you need alpha channel, for example <code class=\"codespan\">&#39;rgba(128, 128, 128, 0.5)&#39;</code>. You may also use hexadecimal format, for example <code class=\"codespan\">&#39;#ccc&#39;</code>. Gradient color and texture are also supported besides single colors.</p>\n<pre><code class=\"lang-js\">// Linea [...]
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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": "0",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.itemStyle.borderType": {
+    "desc": "\n\n\n<p> border type.</p>\n<p>Possible values are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;butt&#39;</code>: The ends of lines are squared off at the endpoints.</li>\n<li><code class=\"codespan\">&#39;round&#39;</code>: The ends of lines are rounded.</li>\n<li><code class=\"codespan\">&#39;square&#39;</code>: The ends of lines are squared off by adding a box wi [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "butt",
+      "options": "butt,round,square"
+    }
+  },
+  "regions.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\">&#39;bevel&#39;</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\">&#39;round&#39;</code>: Rounds off the cor [...]
+    "uiControl": {
+      "type": "enum",
+      "default": "bevel",
+      "options": "bevel,round,miter"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.itemStyle.shadowColor": {
+    "desc": "\n\n<p>Shadow color. Support same format as <code class=\"codespan\">color</code>.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": ""
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.show": {
+    "desc": "\n\n<p>Whether to show label.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "false"
+    }
+  },
+  "regions.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-js\">  // Absolute pixel values\n  position: [10, 10],\n  // Relative percentage\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;le [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "top,left,right,bottom,inside,insideLeft,insideRight,insideTop,insideBottom,insideTopLeft,insideBottomLeft,insideTopRight,insideBottomRight,outside"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code>、<code class=\"codespan\">&#39;insideRight&#39;</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"
+    }
+  },
+  "regions.blur.label.rotate": {
+    "desc": "\n\n<p>Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.</p>\n<p>See: <a href=\"https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>.</p>\n",
+    "uiControl": {
+      "type": "angle",
+      "default": "0",
+      "min": "-90",
+      "max": "90",
+      "step": "1"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.blur.label.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.blur.label.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.blur.label.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.blur.label.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.blur.label.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.blur.label.backgroundColor": {
+    "desc": "\n\n<p>Background color of the text fragment.</p>\n<p>Can be color string, like <code class=\"codespan\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.blur.label.borderColor": {
+    "desc": "\n\n<p>Border color of the text fragment.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.blur.label.borderWidth": {
+    "desc": "\n\n<p>Border width of the text fragment.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.shadowBlur": {
+    "desc": "\n\n<p>Show blur of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.shadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.shadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.blur.label.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.blur.label.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.blur.label.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.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"
+  },
+  "regions.blur.label.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.blur.label.rich": {
+    "desc": "<p>&quot;Rich text styles&quot; can be defined in this <code class=\"codespan\">rich</code> property. For example:</p>\n<pre><code class=\"lang-js\">label: {\n    // Styles defined in &#39;rich&#39; can be applied to some fragments\n    // of text by adding some markers to those fragment, like\n    // `{styleName|text content text content}`.\n    // `&#39;\\n&#39;` is the newline character.\n    formatter: [\n        &#39;{a|Style &quot;a&quot; is applied to this snippet}&#3 [...]
+  },
+  "regions.blur.label.rich.<style_name>.color": {
+    "desc": "\n\n<p> text color.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "null"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.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\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "12",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.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\">&#39;left&#39;</code></li>\n<li><code class=\"codespan\">&#39;center&#39;</code></li>\n<li><code class=\"codespan\">&#39;right&#39;</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-j [...]
+    "uiControl": {
+      "type": "enum",
+      "options": "left,center,right"
+    }
+  },
+  "regions.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\">&#39;top&#39;</code></li>\n<li><code class=\"codespan\">&#39;middle&#39;</code></li>\n<li><code class=\"codespan\">&#39;bottom&#39;</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"
+    }
+  },
+  "regions.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-js\">{\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"
+    }
+  },
+  "regions.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\">&#39;#123234&#39;</code>, <code class=\"codespan\">&#39;red&#39;</code>, <code class=\"codespan\">&#39;rgba(0,23,11,0.3)&#39;</code>.</p>\n<p>Or image can be used, for example:</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // It can be URL of a image,\n    // or dataURI,\n    // or HTMLImageElement,\n    // or HTMLCanvasElemen [...]
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#fff"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.shadowColor": {
+    "desc": "\n\n<p>Shadow color of the text block.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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 [...]
+  },
+  "regions.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>  [...]
+  },
+  "regions.blur.label.rich.<style_name>.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n<p>If set as <code class=\"codespan\">&#39;inherit&#39;</code>, the color will assigned as visual color, such as series color.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.blur.label.rich.<style_name>.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.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"
+    }
+  },
+  "regions.tooltip": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>tooltip settings in this region.</p>\n"
+  },
+  "regions.tooltip.show": {
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "true"
+    }
+  },
+  "regions.tooltip.position": {
+    "desc": "<p>The position of the tooltip&#39;s floating layer, which would follow the position of mouse by default.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">Array</code></p>\n<p>  Display the position of tooltip&#39;s floating layer through array, which supports absolute position and relative percentage.</p>\n<p>  Example:</p>\n<pre><code class=\"lang-js\">  // absolute position, which is 10px to the left side and 10px to the top side of the container\n  position: [ [...]
+  },
+  "regions.tooltip.formatter": {
+    "desc": "<p>The content formatter of tooltip&#39;s floating layer which supports string template and callback function.</p>\n<p><strong>1. String template</strong></p>\n<p>The template variables are <code class=\"codespan\">{a}</code>, <code class=\"codespan\">{b}</code>, <code class=\"codespan\">{c}</code>, <code class=\"codespan\">{d}</code> and <code class=\"codespan\">{e}</code>, which stands for series name, data name and data value and ect. When <a href=\"#tooltip.trigger\">tri [...]
+  },
+  "regions.tooltip.backgroundColor": {
+    "desc": "<p>The background color of tooltip&#39;s floating layer.</p>\n"
+  },
+  "regions.tooltip.borderColor": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border color of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#333"
+    }
+  },
+  "regions.tooltip.borderWidth": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border width of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.padding": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p>The floating layer of tooltip space around content. The unit is px. Default values for each position are 5. And they can be set to different values with left, right, top, and bottom.</p>\n<p>Examples: </p>\n<pre><code class=\"lang-js\">// Set padding to be 5\npadding: 5\n// Set the top and bottom paddings to be 5, and left and right paddings to be 10\npadding: [5, 10]\n// Set each of the four paddings seperately\npadding: [\n    5,  // up\n     [...]
+    "uiControl": {
+      "type": "vector",
+      "min": "0",
+      "dims": "T,R,B,L"
+    }
+  },
+  "regions.tooltip.textStyle": {
+    "desc": "<p>The text syle of tooltip&#39;s floating layer.</p>\n"
+  },
+  "regions.tooltip.textStyle.color": {
+    "desc": "\n\n<p> text color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "'#fff'"
+    }
+  },
+  "regions.tooltip.textStyle.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "regions.tooltip.textStyle.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "regions.tooltip.textStyle.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "regions.tooltip.textStyle.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "14",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.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-js\">{\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"
+    }
+  },
+  "regions.tooltip.textStyle.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "regions.tooltip.textStyle.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "regions.tooltip.textStyle.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "regions.tooltip.textStyle.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"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "regions.tooltip.textStyle.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "regions.tooltip.textStyle.ellipsis": {
+    "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
+  },
+  "regions.tooltip.textStyle.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "regions.tooltip.extraCssText": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>Extra CSS style for floating layer. The following is an example for adding shadow.</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n",
+    "uiControl": {
+      "type": "text"
+    }
+  },
+  "silent": {
+    "desc": "\n\n<p>Whether to ignore mouse events. Default value is false, for triggering and responding to mouse events.</p>\n",
+    "uiControl": {
+      "type": "boolean"
+    }
+  },
+  "tooltip": {
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.1.0</code></p>\n</blockquote>\n<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#singl [...]
+  },
+  "tooltip.show": {
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n",
+    "uiControl": {
+      "type": "boolean",
+      "default": "true"
+    }
+  },
+  "tooltip.position": {
+    "desc": "<p>The position of the tooltip&#39;s floating layer, which would follow the position of mouse by default.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">Array</code></p>\n<p>  Display the position of tooltip&#39;s floating layer through array, which supports absolute position and relative percentage.</p>\n<p>  Example:</p>\n<pre><code class=\"lang-js\">  // absolute position, which is 10px to the left side and 10px to the top side of the container\n  position: [ [...]
+  },
+  "tooltip.formatter": {
+    "desc": "<p>The content formatter of tooltip&#39;s floating layer which supports string template and callback function.</p>\n<p><strong>1. String template</strong></p>\n<p>The template variables are <code class=\"codespan\">{a}</code>, <code class=\"codespan\">{b}</code>, <code class=\"codespan\">{c}</code>, <code class=\"codespan\">{d}</code> and <code class=\"codespan\">{e}</code>, which stands for series name, data name and data value and ect. When <a href=\"#tooltip.trigger\">tri [...]
+  },
+  "tooltip.backgroundColor": {
+    "desc": "<p>The background color of tooltip&#39;s floating layer.</p>\n"
+  },
+  "tooltip.borderColor": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border color of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#333"
+    }
+  },
+  "tooltip.borderWidth": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>The border width of tooltip&#39;s floating layer.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.padding": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p>The floating layer of tooltip space around content. The unit is px. Default values for each position are 5. And they can be set to different values with left, right, top, and bottom.</p>\n<p>Examples: </p>\n<pre><code class=\"lang-js\">// Set padding to be 5\npadding: 5\n// Set the top and bottom paddings to be 5, and left and right paddings to be 10\npadding: [5, 10]\n// Set each of the four paddings seperately\npadding: [\n    5,  // up\n     [...]
+    "uiControl": {
+      "type": "vector",
+      "min": "0",
+      "dims": "T,R,B,L"
+    }
+  },
+  "tooltip.textStyle": {
+    "desc": "<p>The text syle of tooltip&#39;s floating layer.</p>\n"
+  },
+  "tooltip.textStyle.color": {
+    "desc": "\n\n<p> text color.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "'#fff'"
+    }
+  },
+  "tooltip.textStyle.fontStyle": {
+    "desc": "\n\n<p> font style.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;italic&#39;</code></li>\n<li><code class=\"codespan\">&#39;oblique&#39;</code></li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,italic,oblique"
+    }
+  },
+  "tooltip.textStyle.fontWeight": {
+    "desc": "\n\n<p> font thick weight.</p>\n<p>Options are:</p>\n<ul>\n<li><code class=\"codespan\">&#39;normal&#39;</code></li>\n<li><code class=\"codespan\">&#39;bold&#39;</code></li>\n<li><code class=\"codespan\">&#39;bolder&#39;</code></li>\n<li><code class=\"codespan\">&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "normal",
+      "options": "normal,bold,bolder,lighter"
+    }
+  },
+  "tooltip.textStyle.fontFamily": {
+    "desc": "\n\n<p> font family.</p>\n<p>Can also be &#39;serif&#39; , &#39;monospace&#39;, ...</p>\n",
+    "uiControl": {
+      "type": "enum",
+      "default": "sans-serif",
+      "options": "sans-serif,serif,monospace,Arial,Courier New"
+    }
+  },
+  "tooltip.textStyle.fontSize": {
+    "desc": "\n\n<p> font size.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "14",
+      "min": "1",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.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-js\">{\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"
+    }
+  },
+  "tooltip.textStyle.width": {
+    "desc": "\n\n<p>Width of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "100",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.height": {
+    "desc": "\n\n<p>Height of text block.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "default": "50",
+      "min": "1",
+      "max": "500",
+      "step": "1"
+    }
+  },
+  "tooltip.textStyle.textBorderColor": {
+    "desc": "\n\n<p>Storke color of the text.</p>\n",
+    "uiControl": {
+      "type": "color"
+    }
+  },
+  "tooltip.textStyle.textBorderWidth": {
+    "desc": "\n\n<p>Storke line width of the text.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.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\">&#39;solid&#39;</code></li>\n<li><code class=\"codespan\">&#39;dashed&#39;</code></li>\n<li><code class=\"codespan\">&#39;dotted&#39;</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"
+    }
+  },
+  "tooltip.textStyle.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"
+    }
+  },
+  "tooltip.textStyle.textShadowColor": {
+    "desc": "\n\n<p>Shadow color of the text itself.</p>\n",
+    "uiControl": {
+      "type": "color",
+      "default": "#000"
+    }
+  },
+  "tooltip.textStyle.textShadowBlur": {
+    "desc": "\n\n<p>Shadow blue of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "min": "0",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.textShadowOffsetX": {
+    "desc": "\n\n<p>Shadow X offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.textShadowOffsetY": {
+    "desc": "\n\n<p>Shadow Y offset of the text itself.</p>\n",
+    "uiControl": {
+      "type": "number",
+      "step": "0.5"
+    }
+  },
+  "tooltip.textStyle.overflow": {
+    "desc": "\n\n<p>Determine how to display the text when it&#39;s overflow. Available when <code class=\"codespan\">width</code> is set.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the text and trailing with <code class=\"codespan\">ellipsis</code>.</li>\n<li><code class=\"codespan\">&#39;break&#39;</code> Break by word</li>\n<li><code class=\"codespan\">&#39;breakAll&#39;</code> Break by character.</li>\n</ul>\n",
+    "uiControl": {
+      "type": "enum",
+      "options": "truncate,break,breakAll"
+    }
+  },
+  "tooltip.textStyle.ellipsis": {
+    "desc": "<p>Ellipsis to be displayed when <code class=\"codespan\">overflow</code> is set to <code class=\"codespan\">truncate</code>.</p>\n"
+  },
+  "tooltip.textStyle.lineOverflow": {
+    "desc": "<p>Determine how to display the text when it&#39;s overflow on height.</p>\n<ul>\n<li><code class=\"codespan\">&#39;truncate&#39;</code> Truncate the overflow lines.</li>\n</ul>\n"
+  },
+  "tooltip.extraCssText": {
+    "desc": "\n\n\n\n\n\n\n\n\n\n<p>Extra CSS style for floating layer. The following is an example for adding shadow.</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n",
+    "uiControl": {
+      "type": "text"
     }
   }
 }
\ No newline at end of file
diff --git a/en/documents/option-parts/option.grid.js b/en/documents/option-parts/option.grid.js
index 02f3393..778ad3c 100644
--- a/en/documents/option-parts/option.grid.js
+++ b/en/documents/option-parts/option.grid.js
@@ -122,7 +122,7 @@ window.__EC_DOC_option_grid = {
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.grid.json b/en/documents/option-parts/option.grid.json
index ca60a21..84636c6 100644
--- a/en/documents/option-parts/option.grid.json
+++ b/en/documents/option-parts/option.grid.json
@@ -122,7 +122,7 @@
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.polar.js b/en/documents/option-parts/option.polar.js
index 0327673..04751b1 100644
--- a/en/documents/option-parts/option.polar.js
+++ b/en/documents/option-parts/option.polar.js
@@ -27,7 +27,7 @@ window.__EC_DOC_option_polar = {
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.polar.json b/en/documents/option-parts/option.polar.json
index dd5d6db..d7f22c9 100644
--- a/en/documents/option-parts/option.polar.json
+++ b/en/documents/option-parts/option.polar.json
@@ -27,7 +27,7 @@
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.series-bar.js b/en/documents/option-parts/option.series-bar.js
index e5347a9..e4b5fe0 100644
--- a/en/documents/option-parts/option.series-bar.js
+++ b/en/documents/option-parts/option.series-bar.js
@@ -914,7 +914,7 @@ window.__EC_DOC_option_series_bar = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-bar.json b/en/documents/option-parts/option.series-bar.json
index 19998d6..6bd3639 100644
--- a/en/documents/option-parts/option.series-bar.json
+++ b/en/documents/option-parts/option.series-bar.json
@@ -914,7 +914,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-boxplot.js b/en/documents/option-parts/option.series-boxplot.js
index 04e8ffa..63e0e7f 100644
--- a/en/documents/option-parts/option.series-boxplot.js
+++ b/en/documents/option-parts/option.series-boxplot.js
@@ -185,7 +185,7 @@ window.__EC_DOC_option_series_boxplot = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-boxplot.json b/en/documents/option-parts/option.series-boxplot.json
index 757028c..e16272d 100644
--- a/en/documents/option-parts/option.series-boxplot.json
+++ b/en/documents/option-parts/option.series-boxplot.json
@@ -185,7 +185,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-candlestick.js b/en/documents/option-parts/option.series-candlestick.js
index a7eef4a..20e976e 100644
--- a/en/documents/option-parts/option.series-candlestick.js
+++ b/en/documents/option-parts/option.series-candlestick.js
@@ -127,7 +127,7 @@ window.__EC_DOC_option_series_candlestick = {
     "desc": "<p>Emphasis style of candlestick.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-candlestick.json b/en/documents/option-parts/option.series-candlestick.json
index 3c250a0..878d6c6 100644
--- a/en/documents/option-parts/option.series-candlestick.json
+++ b/en/documents/option-parts/option.series-candlestick.json
@@ -127,7 +127,7 @@
     "desc": "<p>Emphasis style of candlestick.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-effectScatter.js b/en/documents/option-parts/option.series-effectScatter.js
index 63f5d94..a54e75c 100644
--- a/en/documents/option-parts/option.series-effectScatter.js
+++ b/en/documents/option-parts/option.series-effectScatter.js
@@ -921,7 +921,7 @@ window.__EC_DOC_option_series_effectScatter = {
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-effectScatter.json b/en/documents/option-parts/option.series-effectScatter.json
index f46c40a..d1d988f 100644
--- a/en/documents/option-parts/option.series-effectScatter.json
+++ b/en/documents/option-parts/option.series-effectScatter.json
@@ -921,7 +921,7 @@
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-funnel.js b/en/documents/option-parts/option.series-funnel.js
index aee0bc0..1263f83 100644
--- a/en/documents/option-parts/option.series-funnel.js
+++ b/en/documents/option-parts/option.series-funnel.js
@@ -835,7 +835,7 @@ window.__EC_DOC_option_series_funnel = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-funnel.json b/en/documents/option-parts/option.series-funnel.json
index cf970da..ce572d9 100644
--- a/en/documents/option-parts/option.series-funnel.json
+++ b/en/documents/option-parts/option.series-funnel.json
@@ -835,7 +835,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-graph.js b/en/documents/option-parts/option.series-graph.js
index d693e29..40b523a 100644
--- a/en/documents/option-parts/option.series-graph.js
+++ b/en/documents/option-parts/option.series-graph.js
@@ -1394,7 +1394,7 @@ window.__EC_DOC_option_series_graph = {
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-graph.json b/en/documents/option-parts/option.series-graph.json
index f2e5af4..cf0f58e 100644
--- a/en/documents/option-parts/option.series-graph.json
+++ b/en/documents/option-parts/option.series-graph.json
@@ -1394,7 +1394,7 @@
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-heatmap.js b/en/documents/option-parts/option.series-heatmap.js
index a3fcfe9..acf07a1 100644
--- a/en/documents/option-parts/option.series-heatmap.js
+++ b/en/documents/option-parts/option.series-heatmap.js
@@ -694,7 +694,7 @@ window.__EC_DOC_option_series_heatmap = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-heatmap.json b/en/documents/option-parts/option.series-heatmap.json
index 79e36bd..e00a22a 100644
--- a/en/documents/option-parts/option.series-heatmap.json
+++ b/en/documents/option-parts/option.series-heatmap.json
@@ -694,7 +694,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-line.js b/en/documents/option-parts/option.series-line.js
index 679c591..845a0c3 100644
--- a/en/documents/option-parts/option.series-line.js
+++ b/en/documents/option-parts/option.series-line.js
@@ -1584,7 +1584,7 @@ window.__EC_DOC_option_series_line = {
     "desc": "<p>Whether to scale to highlight the data in emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-line.json b/en/documents/option-parts/option.series-line.json
index a370b76..5678a3e 100644
--- a/en/documents/option-parts/option.series-line.json
+++ b/en/documents/option-parts/option.series-line.json
@@ -1584,7 +1584,7 @@
     "desc": "<p>Whether to scale to highlight the data in emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-lines.js b/en/documents/option-parts/option.series-lines.js
index 8651435..b9b1216 100644
--- a/en/documents/option-parts/option.series-lines.js
+++ b/en/documents/option-parts/option.series-lines.js
@@ -679,7 +679,7 @@ window.__EC_DOC_option_series_lines = {
     "desc": "<p>Emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-lines.json b/en/documents/option-parts/option.series-lines.json
index ae2b407..429b1ee 100644
--- a/en/documents/option-parts/option.series-lines.json
+++ b/en/documents/option-parts/option.series-lines.json
@@ -679,7 +679,7 @@
     "desc": "<p>Emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-map.js b/en/documents/option-parts/option.series-map.js
index 29a50cc..ea96394 100644
--- a/en/documents/option-parts/option.series-map.js
+++ b/en/documents/option-parts/option.series-map.js
@@ -6,7 +6,7 @@ window.__EC_DOC_option_series_map = {
     "desc": "<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"
   },
   "map": {
-    "desc": "<p>Map charts.</p>\n<p>Due to the increase of fineness of map, ECharts 3 doesn&#39;t include map data by default for package size consideration. You may find map files you need on <a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">map download page</a> and then include and register them in ECharts.</p>\n<p>Two formats of map data are provided in ECharts, one of which can be included in <code class=\"codespan\">&lt;script&gt;</code> tag as Jav [...]
+    "desc": "<p>Map name registered in <a href=\"api.html#echarts.registerMap\" target=\"_blank\">registerMap</a>.</p>\n<p><strong>Use geoJSON</strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/china_geo.json&#39;, function (geoJson) {\n    echarts.registerMap(&#39;china&#39;, {geoJSON: geoJson});\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;,\n  [...]
   },
   "roam": {
     "desc": "\n\n<p>Whether to enable mouse zooming and translating. <code class=\"codespan\">false</code> by default. If either zooming or translating is wanted, it can be set to <code class=\"codespan\">&#39;scale&#39;</code> or <code class=\"codespan\">&#39;move&#39;</code>. Otherwise, set it to be <code class=\"codespan\">true</code> to enable both.</p>\n",
diff --git a/en/documents/option-parts/option.series-map.json b/en/documents/option-parts/option.series-map.json
index 6d1f3fc..a8e3a24 100644
--- a/en/documents/option-parts/option.series-map.json
+++ b/en/documents/option-parts/option.series-map.json
@@ -6,7 +6,7 @@
     "desc": "<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"
   },
   "map": {
-    "desc": "<p>Map charts.</p>\n<p>Due to the increase of fineness of map, ECharts 3 doesn&#39;t include map data by default for package size consideration. You may find map files you need on <a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">map download page</a> and then include and register them in ECharts.</p>\n<p>Two formats of map data are provided in ECharts, one of which can be included in <code class=\"codespan\">&lt;script&gt;</code> tag as Jav [...]
+    "desc": "<p>Map name registered in <a href=\"api.html#echarts.registerMap\" target=\"_blank\">registerMap</a>.</p>\n<p><strong>Use geoJSON</strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/china_geo.json&#39;, function (geoJson) {\n    echarts.registerMap(&#39;china&#39;, {geoJSON: geoJson});\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;,\n  [...]
   },
   "roam": {
     "desc": "\n\n<p>Whether to enable mouse zooming and translating. <code class=\"codespan\">false</code> by default. If either zooming or translating is wanted, it can be set to <code class=\"codespan\">&#39;scale&#39;</code> or <code class=\"codespan\">&#39;move&#39;</code>. Otherwise, set it to be <code class=\"codespan\">true</code> to enable both.</p>\n",
diff --git a/en/documents/option-parts/option.series-pictorialBar.js b/en/documents/option-parts/option.series-pictorialBar.js
index 4e470c1..4e4b773 100644
--- a/en/documents/option-parts/option.series-pictorialBar.js
+++ b/en/documents/option-parts/option.series-pictorialBar.js
@@ -850,7 +850,7 @@ window.__EC_DOC_option_series_pictorialBar = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-pictorialBar.json b/en/documents/option-parts/option.series-pictorialBar.json
index 886e89f..91f393e 100644
--- a/en/documents/option-parts/option.series-pictorialBar.json
+++ b/en/documents/option-parts/option.series-pictorialBar.json
@@ -850,7 +850,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-pie.js b/en/documents/option-parts/option.series-pie.js
index 4f1bdd7..6664e8d 100644
--- a/en/documents/option-parts/option.series-pie.js
+++ b/en/documents/option-parts/option.series-pie.js
@@ -994,7 +994,7 @@ window.__EC_DOC_option_series_pie = {
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-pie.json b/en/documents/option-parts/option.series-pie.json
index 8937dec..28bae8c 100644
--- a/en/documents/option-parts/option.series-pie.json
+++ b/en/documents/option-parts/option.series-pie.json
@@ -994,7 +994,7 @@
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-radar.js b/en/documents/option-parts/option.series-radar.js
index f952a86..c773833 100644
--- a/en/documents/option-parts/option.series-radar.js
+++ b/en/documents/option-parts/option.series-radar.js
@@ -891,7 +891,7 @@ window.__EC_DOC_option_series_radar = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-radar.json b/en/documents/option-parts/option.series-radar.json
index a72686d..e475146 100644
--- a/en/documents/option-parts/option.series-radar.json
+++ b/en/documents/option-parts/option.series-radar.json
@@ -891,7 +891,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-sankey.js b/en/documents/option-parts/option.series-sankey.js
index c4cd69b..dbd0f00 100644
--- a/en/documents/option-parts/option.series-sankey.js
+++ b/en/documents/option-parts/option.series-sankey.js
@@ -3462,7 +3462,7 @@ window.__EC_DOC_option_series_sankey = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-sankey.json b/en/documents/option-parts/option.series-sankey.json
index 5aff2cd..878786e 100644
--- a/en/documents/option-parts/option.series-sankey.json
+++ b/en/documents/option-parts/option.series-sankey.json
@@ -3462,7 +3462,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-scatter.js b/en/documents/option-parts/option.series-scatter.js
index 7bb98da..515eaf1 100644
--- a/en/documents/option-parts/option.series-scatter.js
+++ b/en/documents/option-parts/option.series-scatter.js
@@ -885,7 +885,7 @@ window.__EC_DOC_option_series_scatter = {
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-scatter.json b/en/documents/option-parts/option.series-scatter.json
index edd9068..769b662 100644
--- a/en/documents/option-parts/option.series-scatter.json
+++ b/en/documents/option-parts/option.series-scatter.json
@@ -885,7 +885,7 @@
     }
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-sunburst.js b/en/documents/option-parts/option.series-sunburst.js
index 3e6649a..73184a7 100644
--- a/en/documents/option-parts/option.series-sunburst.js
+++ b/en/documents/option-parts/option.series-sunburst.js
@@ -1627,7 +1627,7 @@ window.__EC_DOC_option_series_sunburst = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-sunburst.json b/en/documents/option-parts/option.series-sunburst.json
index 6980eb0..cc0d6c6 100644
--- a/en/documents/option-parts/option.series-sunburst.json
+++ b/en/documents/option-parts/option.series-sunburst.json
@@ -1627,7 +1627,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-themeRiver.js b/en/documents/option-parts/option.series-themeRiver.js
index 2566d73..9383eb9 100644
--- a/en/documents/option-parts/option.series-themeRiver.js
+++ b/en/documents/option-parts/option.series-themeRiver.js
@@ -866,7 +866,7 @@ window.__EC_DOC_option_series_themeRiver = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-themeRiver.json b/en/documents/option-parts/option.series-themeRiver.json
index 8336014..f274bd2 100644
--- a/en/documents/option-parts/option.series-themeRiver.json
+++ b/en/documents/option-parts/option.series-themeRiver.json
@@ -866,7 +866,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-tree.js b/en/documents/option-parts/option.series-tree.js
index 1d131bc..154d6d2 100644
--- a/en/documents/option-parts/option.series-tree.js
+++ b/en/documents/option-parts/option.series-tree.js
@@ -862,7 +862,7 @@ window.__EC_DOC_option_series_tree = {
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-tree.json b/en/documents/option-parts/option.series-tree.json
index 8a0a334..fcc832e 100644
--- a/en/documents/option-parts/option.series-tree.json
+++ b/en/documents/option-parts/option.series-tree.json
@@ -862,7 +862,7 @@
     "desc": "<p>Configurations of emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-treemap.js b/en/documents/option-parts/option.series-treemap.js
index a1d940d..4d05a70 100644
--- a/en/documents/option-parts/option.series-treemap.js
+++ b/en/documents/option-parts/option.series-treemap.js
@@ -1292,7 +1292,7 @@ window.__EC_DOC_option_series_treemap = {
     "desc": "<p>Emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.series-treemap.json b/en/documents/option-parts/option.series-treemap.json
index ceaf4f9..900b191 100644
--- a/en/documents/option-parts/option.series-treemap.json
+++ b/en/documents/option-parts/option.series-treemap.json
@@ -1292,7 +1292,7 @@
     "desc": "<p>Emphasis state.</p>\n"
   },
   "emphasis.focus": {
-    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</li>\n<li><code cla [...]
+    "desc": "<blockquote>\n<p>Since <code class=\"codespan\">v5.0.0</code></p>\n</blockquote>\n<p>When the data is highlighted, whether to fade out of other data to focus the highlighted. The following configurations are supported:</p>\n<ul>\n<li><code class=\"codespan\">&#39;none&#39;</code> Do not fade out other data, it&#39;s by default.</li>\n<li><p><code class=\"codespan\">&#39;self&#39;</code> Only focus (not fade out) the element of the currently highlighted data.</p>\n</li>\n<li> [...]
   },
   "emphasis.blurScope": {
     "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\">&#39;coordinateSystem&#39;</code></li>\n<li><code class=\"codespan\">&#39;series&#39;</code></li>\n<li><code class=\"codespan\">&#39;global&#39;</code></li>\n</ul>\n"
diff --git a/en/documents/option-parts/option.singleAxis.js b/en/documents/option-parts/option.singleAxis.js
index e5f3fac..d539d23 100644
--- a/en/documents/option-parts/option.singleAxis.js
+++ b/en/documents/option-parts/option.singleAxis.js
@@ -2757,7 +2757,7 @@ window.__EC_DOC_option_singleAxis = {
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.singleAxis.json b/en/documents/option-parts/option.singleAxis.json
index 90fdc38..e2abfa1 100644
--- a/en/documents/option-parts/option.singleAxis.json
+++ b/en/documents/option-parts/option.singleAxis.json
@@ -2757,7 +2757,7 @@
     "desc": "<p>tooltip settings in the coordinate system component.</p>\n<hr>\n<p><strong>General Introduction:</strong></p>\n<p>tooltip can be configured on different places:</p>\n<ul>\n<li><p>Configured on global: <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>Configured in a coordinate system: <a href=\"#grid.tooltip\">grid.tooltip</a>, <a href=\"#polar.tooltip\">polar.tooltip</a>, <a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>Configured in a series: <a href= [...]
   },
   "tooltip.show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.tooltip.js b/en/documents/option-parts/option.tooltip.js
index 2cbb05b..211ca1a 100644
--- a/en/documents/option-parts/option.tooltip.js
+++ b/en/documents/option-parts/option.tooltip.js
@@ -1,6 +1,6 @@
 window.__EC_DOC_option_tooltip = {
   "show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option-parts/option.tooltip.json b/en/documents/option-parts/option.tooltip.json
index 0f55efc..36a602e 100644
--- a/en/documents/option-parts/option.tooltip.json
+++ b/en/documents/option-parts/option.tooltip.json
@@ -1,6 +1,6 @@
 {
   "show": {
-    "desc": "\n\n<p>Whether to show the tooltip component, including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
+    "desc": "\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n",
     "uiControl": {
       "type": "boolean",
       "default": "true"
diff --git a/en/documents/option.json b/en/documents/option.json
index 3b49734..e696e1f 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/documents/tutorial-parts/tutorial-outline.js b/en/documents/tutorial-parts/tutorial-outline.js
index e94d0b0..7f8361f 100644
--- a/en/documents/tutorial-parts/tutorial-outline.js
+++ b/en/documents/tutorial-parts/tutorial-outline.js
@@ -1 +1 @@
-window.__EC_DOC_tutorial_outline = {"children":[{"type":"*","prop":"Get Started with ECharts in 5 minutes"},{"type":"*","prop":"New features in ECharts 5"},{"type":"*","prop":"ECharts 5 Upgrade Guide"},{"type":"*","prop":"Use ECharts with bundler and NPM"},{"type":"*","prop":"ECharts Basic Concepts Overview"},{"type":"*","prop":"Customized Chart Styles"},{"type":"*","prop":"Overview of Style Customization"},{"type":"*","prop":"Loading and Updating of Asynchronous Data"},{"type":"*","prop [...]
\ No newline at end of file
+window.__EC_DOC_tutorial_outline = {"children":[{"type":"*","prop":"Get Started with ECharts in 5 minutes"},{"type":"*","prop":"New features in ECharts 5"},{"type":"*","prop":"ECharts 5 Upgrade Guide"},{"type":"*","prop":"Use ECharts with bundler and NPM"},{"type":"*","prop":"ECharts Basic Concepts Overview"},{"type":"*","prop":"Customized Chart Styles"},{"type":"*","prop":"Overview of Style Customization"},{"type":"*","prop":"Loading and Updating of Asynchronous Data"},{"type":"*","prop [...]
\ No newline at end of file
diff --git a/en/documents/tutorial-parts/tutorial-outline.json b/en/documents/tutorial-parts/tutorial-outline.json
index 9bb5852..5d2a9dc 100644
--- a/en/documents/tutorial-parts/tutorial-outline.json
+++ b/en/documents/tutorial-parts/tutorial-outline.json
@@ -1 +1 @@
-{"children":[{"type":"*","prop":"Get Started with ECharts in 5 minutes"},{"type":"*","prop":"New features in ECharts 5"},{"type":"*","prop":"ECharts 5 Upgrade Guide"},{"type":"*","prop":"Use ECharts with bundler and NPM"},{"type":"*","prop":"ECharts Basic Concepts Overview"},{"type":"*","prop":"Customized Chart Styles"},{"type":"*","prop":"Overview of Style Customization"},{"type":"*","prop":"Loading and Updating of Asynchronous Data"},{"type":"*","prop":"Dataset"},{"type":"*","prop":"Da [...]
\ No newline at end of file
+{"children":[{"type":"*","prop":"Get Started with ECharts in 5 minutes"},{"type":"*","prop":"New features in ECharts 5"},{"type":"*","prop":"ECharts 5 Upgrade Guide"},{"type":"*","prop":"Use ECharts with bundler and NPM"},{"type":"*","prop":"ECharts Basic Concepts Overview"},{"type":"*","prop":"Customized Chart Styles"},{"type":"*","prop":"Overview of Style Customization"},{"type":"*","prop":"Loading and Updating of Asynchronous Data"},{"type":"*","prop":"Dataset"},{"type":"*","prop":"Da [...]
\ No newline at end of file
diff --git a/en/documents/tutorial-parts/tutorial.js b/en/documents/tutorial-parts/tutorial.js
index 6f8868f..f32d48d 100644
--- a/en/documents/tutorial-parts/tutorial.js
+++ b/en/documents/tutorial-parts/tutorial.js
@@ -59,6 +59,9 @@ window.__EC_DOC_tutorial = {
   "Render by Canvas or SVG": {
     "desc": "<p>Most of browser-side charting libraries use SVG or Canvas as their underlying renderer. In the scope of Apache ECharts<sup>TM</sup>, they are usually alternative, without critical differences. But in some environment and scenarios, they show notable differences in performance or functionality.</p>\n<p>ECharts has been using Canvas as its renderer (use VML for IE8-) from the beginning. As of <a href=\"https://github.com/apache/echarts/releases\" target=\"_blank\">ECharts v [...]
   },
+  "SVG Base Map": {
+    "desc": "<p>Since <code class=\"codespan\">v5.1.0</code>, ECharts support to use SVG as the base map in <a href=\"option.html#geo\" target=\"_blank\">geo coordinate system</a> and <a href=\"option.html#series-map\" target=\"_blank\">map series</a>, where previously only <a href=\"http://geojson.org/\" target=\"_blank\">GeoJSON</a> is supported.</p>\n<p>This feature enables ECharts to display SVG in either of the render modes (<code class=\"codespan\">canvas</code> render mode and <co [...]
+  },
   "Supporting ARIA in Charts": {
     "desc": "<p>The W3C has developed the <a href=\"https://www.w3.org/WAI/intro/aria\" target=\"_blank\">WAI-ARIA</a>, the Accessible Rich Internet Applications Suite, which is dedicated to making web content and web applications accessible. Apache ECharts<sup>TM</sup> 4 complies with this specification by supporting the automatic generation of intelligent descriptions based on chart configuration items, allowing blind people to understand the chart content with the help of a reading de [...]
   }
diff --git a/en/documents/tutorial-parts/tutorial.json b/en/documents/tutorial-parts/tutorial.json
index 1a732d9..e4f50de 100644
--- a/en/documents/tutorial-parts/tutorial.json
+++ b/en/documents/tutorial-parts/tutorial.json
@@ -59,6 +59,9 @@
   "Render by Canvas or SVG": {
     "desc": "<p>Most of browser-side charting libraries use SVG or Canvas as their underlying renderer. In the scope of Apache ECharts<sup>TM</sup>, they are usually alternative, without critical differences. But in some environment and scenarios, they show notable differences in performance or functionality.</p>\n<p>ECharts has been using Canvas as its renderer (use VML for IE8-) from the beginning. As of <a href=\"https://github.com/apache/echarts/releases\" target=\"_blank\">ECharts v [...]
   },
+  "SVG Base Map": {
+    "desc": "<p>Since <code class=\"codespan\">v5.1.0</code>, ECharts support to use SVG as the base map in <a href=\"option.html#geo\" target=\"_blank\">geo coordinate system</a> and <a href=\"option.html#series-map\" target=\"_blank\">map series</a>, where previously only <a href=\"http://geojson.org/\" target=\"_blank\">GeoJSON</a> is supported.</p>\n<p>This feature enables ECharts to display SVG in either of the render modes (<code class=\"codespan\">canvas</code> render mode and <co [...]
+  },
   "Supporting ARIA in Charts": {
     "desc": "<p>The W3C has developed the <a href=\"https://www.w3.org/WAI/intro/aria\" target=\"_blank\">WAI-ARIA</a>, the Accessible Rich Internet Applications Suite, which is dedicated to making web content and web applications accessible. Apache ECharts<sup>TM</sup> 4 complies with this specification by supporting the automatic generation of intelligent descriptions based on chart configuration items, allowing blind people to understand the chart content with the help of a reading de [...]
   }
diff --git a/en/documents/tutorial.json b/en/documents/tutorial.json
index bb6a97c..17eab1f 100644
--- a/en/documents/tutorial.json
+++ b/en/documents/tutorial.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"Get Started with ECharts in 5 minutes":{"type":["*"],"description":"<h2 id=\"installing-echarts\">Installing ECharts</h2>\n<p>First, install Apache ECharts<sup>TM</sup> using one of the following methods:</p>\n<ul>\n<li><p>Download official source release from <a href=\"https://echarts.apache.org/en/download.html\" target=\"_blank\">Apache ECharts website</a>. Then <a href=\"https://github.com [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schem","option":{"type":"Object","properties":{"Get Started with ECharts in 5 minutes":{"type":["*"],"description":"<h2 id=\"installing-echarts\">Installing ECharts</h2>\n<p>First, install Apache ECharts<sup>TM</sup> using one of the following methods:</p>\n<ul>\n<li><p>Download official source release from <a href=\"https://echarts.apache.org/en/download.html\" target=\"_blank\">Apache ECharts website</a>. Then <a href=\"https://github.com [...]
\ No newline at end of file
diff --git a/en/index.html b/en/index.html
index ecf5e06..e2a116f 100644
--- a/en/index.html
+++ b/en/index.html
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Apache ECharts</title><script src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.7/dist/scrollreveal.min.js"></script><script src="https://cdn.jsdelivr.net/npm/lottie-web@5.7.6/build/player/lottie.min.js"></script><script type="text/javascript" src="https://cdn.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/en/images/forie.png?_v_=20200710_1" alt="ie tip"> [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Please visit the official Apache ECharts Website at</p><a id="a2" 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>Visit Official Website</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><div id="ma [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Please visit the official Apache ECharts Website at</p><a id="a2" 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>Visit Official Website</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><div id="ma [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/option-gl.html b/en/option-gl.html
index f5b8c32..34645e7 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 = 'a1c60750af';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'e4aab4d4ac';
 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 70b4929..bcc6e0b 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 = 'a1c60750af';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'e4aab4d4ac';
 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 ce81021..61ab19f 100644
--- a/en/spreadsheet.html
+++ b/en/spreadsheet.html
@@ -12,7 +12,7 @@
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1619512153183',
+    version: '1620173904172',
     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_=1619512153183'
+    urlArgs: '_v_=1620173904172'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/en/tutorial.html b/en/tutorial.html
index f379cc2..3627a24 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 = 'a1c60750af';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'e4aab4d4ac';
 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/data/asset/geo/Map_of_Iceland.svg b/examples/data/asset/geo/Map_of_Iceland.svg
new file mode 100644
index 0000000..c19a40e
--- /dev/null
+++ b/examples/data/asset/geo/Map_of_Iceland.svg
@@ -0,0 +1,7211 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="1834px" height="1489px" viewBox="1.333 -2 1834 1489" enable-background="new 1.333 -2 1834 1489"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path fill="#80ADD1" stroke="#306799" stroke-width="3" d="M1.5,1487.344V1.5h1831.289v1485.844H1.5z"/>
+<path stroke="#000000" stroke-width="1.5" d="M1625.139,1375.994v16.863"/>
+<path fill="#FFFFFF" stroke="#000000" stroke-width="1.3307" d="M1551.267,1392.24h-73.099v-7.457h73.099V1392.24z"/>
+<path fill="#9A9999" stroke="#000000" stroke-width="1.3307" d="M1625.317,1392.24h-73.913v-7.457h73.913V1392.24z"/>
+<path fill="#FFFFFF" stroke="#000000" stroke-width="1.3307" d="M1597.489,1402.447h-119.317v-6.924h119.317V1402.447z"/>
+<path fill="#9A9999" stroke="#000000" stroke-width="1.3307" d="M1718.354,1402.447h-120.645v-6.924h120.645V1402.447z"/>
+<path stroke="#000000" stroke-width="1.5" d="M1477.987,1385.85v29.544"/>
+<path stroke="#000000" stroke-width="1.5" d="M1718.364,1395.61v19.881"/>
+<path fill="#FFFFFF" stroke="#000000" stroke-width="2.25" stroke-miterlimit="15.5161" d="M1754.905,1248.225
+	c1.387,19.839-13.568,37.037-33.401,38.424c-19.832,1.387-37.036-13.562-38.424-33.401c-1.387-19.832,13.569-37.036,33.401-38.423
+	C1736.314,1213.438,1753.518,1228.393,1754.905,1248.225z"/>
+<path fill="#999999" stroke="#000000" stroke-width="2.25" stroke-miterlimit="4.7554" d="M1689.854,1224.119l30.354,17.272
+	l26.382-18.27l-17.275,30.354l18.269,26.378l-30.354-17.271l-26.38,18.268l17.274-30.354L1689.854,1224.119z"/>
+<path id="path16479_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.2853" d="M1715.609,1240.129l-22.433-13.256l21.031,20.529
+	L1715.609,1240.129z"/>
+<path id="path16483_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.2853" d="M1731.9,1249.262l11.826-23.209l-19.176,22.269
+	L1731.9,1249.262z"/>
+<path id="path16485_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.2853" d="M1721.494,1265.15l23.29,11.682l-22.396-19.031
+	L1721.494,1265.15z"/>
+<path id="path16481_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.2853" d="M1707.094,1254.634l-13.046,23.091l18.931-22.285
+	L1707.094,1254.634z"/>
+<path fill="#999999" stroke="#000000" stroke-width="2.25" stroke-miterlimit="7.6809" d="M1653.734,1256.058l53.646-17.445
+	l6.895-51.369l17.44,53.646l51.369,6.892l-53.646,17.443l-6.893,51.371l-17.439-53.646L1653.734,1256.058"/>
+<path id="path14701_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.5625" d="M1730.628,1241.646l-15.84-49.015l4.232,58.063
+	L1730.628,1241.646z"/>
+<path id="path14703_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.5625" d="M1707.47,1239.852l-48.89,15.824l58.812-4.301
+	L1707.47,1239.852z"/>
+<path id="path15590_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.5625" d="M1706.248,1262.677l15.688,50.972l-4.541-62.271
+	L1706.248,1262.677z"/>
+<path id="path15592_2_" fill="#FFFFFF" stroke="#000000" stroke-width="0.5625" d="M1728.57,1264.037l50.523-15.942l-59.492,4.272
+	L1728.57,1264.037z"/>
+<path fill="#FFFFFF" stroke="#000000" stroke-width="2.25" stroke-miterlimit="5.0427" d="M1729.583,1250.812
+	c0.434,6.193-4.237,11.573-10.438,12.007c-6.193,0.436-11.568-4.244-12.003-10.438c-0.434-6.198,4.237-11.574,10.436-12.01
+	C1723.776,1239.939,1729.151,1244.613,1729.583,1250.812z"/>
+<path stroke="#000000" stroke-width="4.5" d="M1720.697,1251.485c0.087,1.239-0.844,2.314-2.087,2.401
+	c-1.237,0.087-2.315-0.851-2.401-2.087c-0.087-1.235,0.85-2.315,2.087-2.402C1719.539,1249.312,1720.611,1250.25,1720.697,1251.485z
+	"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M1318.571,1075.945c4.926-5.15,14.375-8.354,20.67-11.852
+	c3.334-1.854,9.202-0.494,9.562-4.828c0.438-5.262,3.176-6.137,7.361-9.443c6.215-4.906,15.318-5.518,22.98-6.185
+	c4.194-0.364,6.604-2.97,9.896-5.593c4.368-3.479,8.244-3.143,5.438-8.98c-1.601-3.33,5.407-4.98,8.238-6.471
+	c1.239-0.653-1.286-9.535-1.591-11.215c7.558,5.812,13.84,12.756,23.5,13.5c-0.334,2.832-0.666,5.666-1,8.498
+	c5.873-5.284,4.609-5.904,2.5-13.5c4.308,3.443,5.87,7.004,10.751,4.002c4.886-3.008,5.116,0.449,8.434,4.805
+	c2.966,3.892,6.194,7.098,10.218,9.992c3.693,2.66,0.927-2.498,1.6-3.297c1.146-1.357,2.901-2.486,4.244-3.641
+	c3.154-2.703,6.744-6.582,4.505-10.611c-2.224-4.004,0.773-8.798,2.229-12.955c2.752-7.855,13.854-10.689,20.833-14.605
+	c5.772-3.238,12.276-5.082,18.688-6.688c3.104-0.776,6.243-1.386,9.34-2.177c3.188-0.812,0.671-2.68,1.66-4.323
+	c1.275-2.122,7.391-6.647,6.889-9.026c-1.002-4.765-2.615-7.758-0.115-11.925c2.924-4.874,2.729-7.274,2.729-13.067
+	c0-3.89,1.695-5.197,4.113-8.36c1.889-2.47,14.753-15.905,13.887-18.118c-3.654,2.641-7.809,4.868-10.481,8.529
+	c-1.23,1.684-6.96,11.439-8.722,10.656c-2.279-1.015-3.553-1.158-4.573-3.373c-0.544-1.178-1.447-4.934-2.897-4.711
+	c-6.741,1.037-6.268,0.176-9.824-5.604c3.396-1.309,11.461-6.035,14.973-5.415c6.604,1.164,7.387,2.059,12.104-2.658
+	c1.879-1.881,0.418-9.506-2.057-10.648c-5.345-2.467-6.02-2.774-8.02-8.276c1.607-0.458,6.104-2.673,7.443-1.665
+	c2.71,2.029,4.441,4.252,7.844,3.988c4.508-0.346,5.248,0.395,9.028,3.012c2.761,1.912,4.239-0.879,6.685-2.834
+	c-7.174-8.072-16.315-11.109-19.479-22.188c-0.731-2.558-1.528-5.096-2.312-7.639c-0.707-2.296-5.334-1.062-6.709-2.677
+	c-1.291-1.519-1.098-6.952-1.417-8.976c-0.261-1.647-2.919-3.361-4.083-4.524c2.284,0,7.563-1.073,9.5,0
+	c0.515,0.283-0.381,2.673,0.391,3.333c1.284,1.102,2.568,2.203,3.854,3.306c4.62,3.96,5.021,10.362,8.675,15.323
+	c6.791,9.221,18.863,12.108,29.723,8.492c6.593-2.197,11.9-4.375,17.441-8.688c4.635-3.604,1.459-9.16-0.584-14.269
+	c-2.939-7.354,7.746-7.5,12.878-7.5c3.404,0,2.755-3.048,6.622-1.5c3.382,1.354,3.779-0.118,6.5-2.499
+	c-6.926,0.173-16.7-8.521-22.5-12c4.375,0.322,8.748,0.646,13.122,0.971c2.909,0.216,5.471,5.003,9.378,4.029
+	c5.354-1.335,13.771-10.466,7.712-15.592c-7.562-6.398-11.56-9.467-21.569-8.986c-7.697,0.367-13.101-2.871-17.642-8.422
+	c5.649-5.297,7.803,3.826,13.024,3.463c5.724-0.4,13.019-4.422,16.567-0.871c6.712,6.713,24.267,5.848,23.407-6.593
+	c-8.09,0.97-13.572,1.05-19.789-4.688c-4.939-4.561-10.104-12.373-16.211-15.311c-6.271-3.018-16.302-4.633-22.928-3.391
+	c-6.47,1.214-17.863,0.73-19.072-7.609c2.509,1.004,15.473,4.25,17.406,2.666c5.163-4.227,9.775-5.869,16.094-8.166
+	c-2.957-3.615-5.229-5.146-4-10.001c2.494,1.814,4.979,3.351,6.906,5.76c2.902,3.628,3.479,2.632,7.594,4.241
+	c5.879,2.298,9.43,7.488,13.221,12.153c4.213,5.186,7.338,7.846,13.736,7.846c5.966,0,11.625,0.919,15.959-3.416
+	c2.479-2.479,0.66-4.81-0.27-8.065c-0.381-1.336,3.801-3.635,4.854-4.518c5.1-4.287,8.674-6.863,10.48-13.188
+	c0.903-3.164-2.469-5.07-4.575-7.371c-1.132-1.232,0.653-5.745,0.961-7.277c1.062-5.313,0.634-10.756,0.634-16.165
+	c-4.113,4.629-7.736,7.547-8.845,13.641c-1.104,6.067-2.562,8.355-6.655,12.86c-0.377-1.693-2.186-14.365-3.624-14.605
+	c-6.114-1.018-8.512,1.676-14.376,2.605c2.938-3.777,4.27-4.832,8.686-6.725c2.328-0.997,8.809-2.253,9.522-4.4
+	c0.794-2.383,3.314-9.455-0.208-11.375c-1.403-0.768-7.52,2.002-9.574,2.387c-4.134,0.777-8.244,1.443-12.407,2.038
+	c-2.605,0.374-5.417-1.925-8.203-1.925c-7.479,0-13.962,1.075-21.313-0.501c6.525-1.864,11.636-5.499,18.375-5.499
+	c5.656,0,11.588,1.104,17.188,0.266c14.49-2.174,18.854-10.455,25.938-22.266c-5.4,0.399-9.215-6.267-15-7.001
+	c-5.896-0.75-10.134,3.695-15.847,2.017c-12.27-3.605-20.043,3.65-31.153,6.983c2.461-5.906,2.963-6.165,8.981-8.314
+	c3.866-1.38,6.017-5.186,10.308-5.186c4.922,0,9.055-1.321,13.821-2.622c5.041-1.374,5.487-2.926,6.39-7.878
+	c-7.877-0.389-14.188-4.128-20.5-8.499c7.597,0.893,14.756,2.768,22.324,1.604c3.778-0.581,6.434-3.504,5.063-6.695
+	c-1.525-3.562,5.114-5.841-0.89-8.406c3.936-2.505,8.853-5.257,6.62-10.613c-1.987-4.77-2.079-8.156,1.146-12.305
+	c1.796-2.31,3.454-10.095,1.937-12.564c-3.209-5.216-3.921-6.092-9.703-8.02c2.096-2.486,1.291-5.012-1-7
+	c-3.49,5.397-5.559-1.993-8.74,3.506c-2.705,4.671-2.918,7.287-8.76,6.493c0.418-2.932,2.354-9.654,1-12.499
+	c-1.866-3.916-9.35-2.295-9.63-4.538c-0.44-3.529,0.153-3.357,3.005-5.494c0.922-0.691,1.7-3.615,0.643-4.265
+	c-3.803-2.343-6.567-3.896-9.018-7.705c-2.564,3.298-5.174,6.175-8.13,9.13c-0.819,0.817-7.997-2.196-9.62-2.629
+	c-7.902-2.107-14.545-7.824-21.052-12.617c-6.13-4.518-12.602-8.547-18.735-13.068c-3.254-2.396-5.419-5.466-7.971-8.619
+	c-3.826-4.725-2.371-4.359,1.793-8.821c3.166-3.394,10.937-16.851,2.104-16.113c-9.999,0.833-16.062,4.525-25.017,9.253
+	c-5.678,2.997-13.106-1.062-18.812,1.68c-8.188,3.938-16.374,7.872-24.561,11.809c-1.03-6.184-0.221-7.72,3.5-13
+	c3.223-4.575,4.996-6.478,6-12c-5.166,5.833-10.334,11.667-15.5,17.5c-3.954-6.986,7.91-11.6,9.5-17.5
+	c0.881-3.267-2.687-6.267,0.485-8.592c2.625-1.924,5.202-3.895,7.949-5.642c1.155-0.735,3.71-1.534,3.407-3.05
+	c-0.219-1.09-1.389-3.81-0.4-4.552c2.346-1.76,4.716-3.479,6.983-5.333c5.595-4.577,6.129-10.686,9.517-16.897
+	c2.283-4.184,2.527-15.134-0.911-18.956c-4.927-5.476-5.366-11.651-8.623-18.165c-3.255-6.504-8.688-6.846-14.396-3.423
+	c-4.345,2.606-6.151,2.375-5.59,7.405c0.217,1.959-4.489,4.89-5.923,6.203c-4.202-6.495-5.197-8.787-12.854-10.262
+	c-6.62-1.271-12.433-2.237-19.146-2.237c3.182-5.171,4.195-7.986,5-14c-2.257,0-8.938,1.195-10.416-0.47
+	c-1.264-1.418-6.495-6.387-4.615-8.578c3.253-3.795,6.535-4.098,11.391-5.483c3.701-1.059,6.535-5.059,9.298-7.646
+	c4.66-4.369,14.02-8.046,11.825-16.268c-2.047-7.667-3.416-13.982-12.48-15.056c0.188-5.785,11.007-10.61,15.5-13.001
+	c3.411-1.814,7.103-3.229,10.623-4.827c2.109-0.959,3.543-4.53,6.127-5.922c6.827-3.675,13.585-4.536,20.435-7.473
+	c2.78-1.189,3.662-4.03,6.63-4.667c4.252-0.91,5.881-1.138,8.188-5.11c-4.213-0.161-8.424-0.324-12.636-0.485
+	c-2.505-0.096-4.653,4.352-7.647,4.686c-9.034,1.004-13.615-2.496-20.772-7.864c-3.321-2.492-16.799,4.521-19.114,6.839
+	c-2.941,2.94-5.888,5.173-7.365,9.05c-1.243,3.262-2.017,6.746-4.39,9.333c-5.944,6.483-9.188,10.751-17.188,14.751
+	c-3.374,1.688-7.842,2.139-11.491,3.09c-1.645,0.43-7.923-3.344-8.589-2.011c-1.391,2.779-4.676,6.768-4.048,9.914
+	c0.735,3.675,1.874,7.471,2.241,11.2c0.781,7.924-4.392,12.74-5.5,20.5c-3.321-4.428-8.271-14.325-13.438-16.203
+	c-4.549-1.654-4.518-3.682-6.342-8.241c-0.701-1.751-6.126-2.473-7.972-4.056c-4.324-3.707-16.002,3.229-16.409-5.321
+	c-0.24-5.049,1.026-6.787-3.841-8.178c-4.146-1.187-4.915-2.944-7.501-6.5c6.651-3.07,14.92-12.021,13.646-20.288
+	c-0.426-2.766-0.211-11.016-2.093-12.583c-4.157-3.463-6.923-5.142-11.97-7.034c-3.734-1.399-7.914-1.607-11.586-3.096
+	c-2.398-0.972-0.896-2.573-3.943-2.37c-1.136,0.075-5.373,1.056-5.705-0.187c-0.891-3.339-3.53-9.927-2.352-13.442
+	c0.961-2.866,6.325-6.826,8.5-9c-3.864-2.125-8.88-3.703-11.25-7.5c-2.349-3.757-7.837-6.429-12.25-7
+	c0.334,1.666,0.666,3.333,1,4.999c-2.016-0.783-15.098-7.275-16.548-6.03c-4.707,4.035-7.657,9.664-11.536,14.511
+	c-4.649,5.812-10.702,1-13.826-2.691c-1.934-2.281-5.23-0.735-8.035-0.361c-1.333,0.178-1.351,5.247-1.556,6.573
+	c-1-4.333-1.998-8.667-3-13c-8.053,3.578-8.9,3.212-10,12c-0.5-3-1-6-1.5-9c-9.722,0.363-5.985,11.032-3.828,15.887
+	c2.456,5.524,5.828,11.788,5.828,18.016c0,6.021-2.318,16.853,1.25,21.848c2.103,2.94,2.231,6.669,2.938,10.188
+	c0.636,3.179,3.044,5.89,4.756,8.6c5.373,8.507-2.324,31.344-11.688,35.05c-3.035,1.2-20.949,6.103-21.331,8.969
+	c-1.157,8.681,2.192,11.625,7.074,18.945c-4.5-3.834-9-7.668-13.5-11.501c-0.89,4.249-2.72,5.449-6,8c-1.151-7.487,0.056-7.328,6-12
+	c-5.502,2.228-12.825,6.783-18.856,6.448c-3.827-0.214-5.5-1.414-7.644,1.802c-1.325,1.988-2.356,3.124-5,3.25
+	c0.204-4.5,2.38-10.193-2.095-12.11c-1.686-0.724-1.137-8.462-1.655-10.89c-2.854-13.322-19.217-9.3-27.925-5.567
+	c-7.305,3.129-8.784,1.484-12.532,8.979c-2.336,4.673-3.068,9.128-0.183,13.938c1.115,1.861-9.451,9.716-11.11,11.648
+	c-5.476,6.37-4.713,11.007-3.11,18.48c0.369,1.724-4.892,10.866-6.447,12.185c-5.122,4.335-8.811,3.335-15.59,3.335
+	c-2.809,0-13.295,1.997-14.609,0.134c-3.561-5.042-6.207-9.261-8.549-14.948c-2.045-4.965-5.537-9.59-8.303-14.199
+	c-2.479-4.134-8.098-3.662-10.835-8.227c-2.754-4.589-9.646-1.022-11.765-7.384c-1.859-5.585-3.972-7.478-9.812-9.562
+	c-3.583-1.278-5.663-3.185-8.729-0.627c-2.421,2.018-3.203,4.936-6.75,1.812c-1.369-1.204-0.604-5.345-2.703-5.577
+	c-2.992-0.333-4.896-0.829-5.297,3.077c-4.589-5.896-20.837-11.062-23.996-0.314c-3.282,11.156-1.429,21.905,1.866,32.885
+	c3.144,10.48,1.812,19.936,8.878,29.182c1.857,2.43,3.161,3.803,3.75,6.75c0.357,1.793-0.896,5.983-0.129,6.979
+	c5.087,6.613,5.093,7.444,10.131,0.521c2.145,8.582,6.722,15.417,9.605,23.664c3.064,8.757,2.2,17.021-2.295,25.264
+	c-4.166,7.636-1.696,16.195,1.492,23.486c3.813,8.718,5.045,12.602,1.195,21.586c-4.773-2.622-1.728-5.848-2.002-10
+	c-0.262-3.938-2.597-8.291-4.223-11.815c-2.007-4.348-6.15-3.922-6.525-9.185c-0.334-4.666,0.754-8.942,0.325-13.643
+	c-0.384-4.223-2.366-8.508-4.521-12.099c-2.247-3.746,0.668-7.881-0.555-11.76c-1.77-5.6-5.861-3.858-9-7
+	c-1.84-1.84-3.943-9.995-5.42-12.652c-2.25-4.05-3.182-8.443-4.452-12.896c-0.085-0.3-9.628-1.117-11.38-1.701
+	c-3.979-1.325-7.705-3.994-11.823-4.511c-7.441-0.93-5.925-1.888-5.925-9.24c0-3.526,2.619-7.939,2.868-11.927
+	c0.268-4.241-1.484-8.374-2.989-12.285c-1.92-4.99-3.479-8.018-8.601-9.555c-2.464-0.738-4.774,3.833-8.28,3.268
+	c0.2-4.074,3.918-6.09,4.656-9.781c1.13-5.645-1.281-6.202-5.483-10.125c-1.948-1.818-9.331-9.01-10.969-6.204
+	c-2.73,4.68-2.409,5.624-7.202,9.109c-0.939-6.104-0.395-7.805,2.238-13.443c2.741-5.878-4.91-6.415-8.001-6.253
+	c-5.594,0.295-3.494,4.024-4.525,8.938c-1.376,6.534-1.161,5.77-7.712,4.761c1.712-3.769,3.627-9.083-2.501-11
+	c-4.999-1.563-8.868,5.761-11.222,8.656c-6.092,7.494-9.547,15.364-15.778,22.845c2.619,0,6.001-1.147,7.131,1.449
+	c1.456,3.352,2.913,6.7,4.37,10.051c-2.439-1.441-8.293-6.617-11.002-6.5c-1.719,0.072-3.279,2.852-5,3
+	c-1.277,0.108-4-1.647-5.154-2.123c-7-2.884-14.572,2.532-20.762-2.971c-3.099-2.754-12.459,9.037-14.084,12.594
+	c-3.688,8.069,11.271,13.862,2.5,18.25c-3.989,1.995-7.727,2.795-10.5,6.379c-4.148,5.356,1.002,7.604,3.953,11.611
+	c2.613,3.549,6.135,9.519,7.547,13.759c1.463,4.387,1.511,10.519,3.5,14.5c1.011,2.021,2.854,5.227,3,7.5
+	c0.095,1.445-1.856,3.04-2,4.5c-0.371,3.811,0.883,6.98-0.682,11.147c-3,7.999-0.168,15.506-10.318,17.353
+	c1.357-5.221-5.38-10.032-8.5-13.5c-3.957,3.407,0.947,7.504-0.5,12c-1.824-1.174-5.355-4.617-7.52-4.463
+	c-3.13,0.224-6.059,1.729-7.13-1.481c-1.847-5.543-1.673-11.492-3.73-16.844c-3.5-9.102-2.92-24.629-14.37-26.712
+	c-3.818-0.695-4.086-3.144-7.25-5c-4.188-2.46-4.617-0.356-6.296-5.39c-1.948-5.849-6.348-8.184-7.705-13.61
+	c-1.21-4.844,2.184-4.141,2.001-7.5c-0.089-1.638-3.653-4.014-4.5-5.5c-1.455-2.562-0.876-4.981-3.686-6.278
+	c-2.906-1.342-4.814-1.202-4.814-4.444c0-4.131-4.361-11.727-5.48-16.203c-0.771-3.082-2.918-2.873-5.896-3.864
+	c-1.457-0.486-0.624-5.6-0.624-7.022c0-2.448-9.727-5.779-12.712-6.01c-3.985-0.307-3.187,8.522-9.788,9.324
+	c-2.375,0.288-6.023-3.607-8.125-2.031c-3.211,2.408-3.518,3.841-5.694,7.172c-1.928,2.946-10.181-3.542-10.181,3.822
+	c0,5.474-2.442,11.697-3.853,16.98c-0.467,1.75,3.649,2.946,4.008,4.915c0.573,3.152,1.235,5.581,2.464,8.528
+	c1.237,2.971-0.591,5.178,0.141,8.094c1.077,4.311,2.42,6.241,4.24,10.021c1.441,2.993,3,7.155,3,10.5
+	c0,3.415,3.631,4.96,4.155,7.857c0.751,4.128,0.5,6.273-0.368,10.402c-0.87,4.131,1.213,4.021,1.213,7.739
+	c0,4.437,4.199,11.157,5.749,15.5c1.839,5.143,1.33,10.38-0.499,15.501c-1.832,5.127-5.754,8.651-4.277,14.062
+	c2.847,10.438-4.729,21.895-10.473,29.938c-4.183-3.252-5.891-4.408-11-1c-3.971,2.646-5.492,5.329-10.5,4
+	c-0.216,1.249-0.246,3.259,0,4.5c3.562-0.478,6.523-1.878,9.262,0.584c1.629,1.466,7.107,5.669,7.238,7.916
+	c0.122,2.104-3.895,6.179-4.703,8.61c-1.334,4.003-2.275,4.573-5.775,7.024c-6.114,4.276-10.811-9.984-11.521-13.887
+	c-1.227-6.74,1.187-11.774-5.001-16.75c-2.979,3.405-3.887,3.204-1.729,7.068c0.829,1.483,4.688,6.54,1.044,6.486
+	c-8.989-0.132-6.367-3.291-4.899-10.626c1.045-5.225,5.829-9.989,4.391-15.207c-1.908-6.907-2.485-11.413-1.805-18.724
+	c-2.82,2.219-3.019-1.987-5.5-3c-2.322-0.948-2.632,5.017-6,0c-3.524,4.339-6.83,8.299-10.979,12.031
+	c-1.604,1.44-0.768,4.365-2.021,5.969c-1.146,1.465-3.771,1.722-5.122,3.166c-4.419,4.723-8.835,9.444-13.253,14.168
+	c-3.454,3.689-0.979,12.218-3.355,16.886c-9.741,19.132-1.625,43.075,9.231,59.78c-12.027,3.972-15.81-10.921-18.814-19.945
+	c-1.8-5.397-1.685-9.054-4.821-13.983c-0.71-1.113-4.902-0.17-4.794,1.241c0.309,3.932-0.374,7.756-0.258,11.688
+	c0.374,12.709,8.063,22.729,2.56,36.094c-1.646,3.999-6.805,10.542-4.87,14.408c2.103,4.206,2.128,9.34,3.817,13.851
+	c1.488,3.967,3.942,9.493,3.646,13.666c-0.505,7.063-2.729,9.059-4.963,1.232c-2.935-10.267-5.146-20.629-8.371-30.841
+	c-1.354-4.286-3.827-7.828-5.337-11.981c-2.232-6.139-0.074-8.572,0.708-14.928c0.54-4.392,0-9.234,0-13.677
+	c0-6.068-2.729-8.565-1-14.324c-6.776-1.564-6.688-1.963-9.278-8.445c-0.821-2.055-2.726-9.962-6.794-7.743
+	c-3.229,1.763-8.253,3.515-10.835,6.097c-4.673,4.673-5.023,5.099-11.593,4.594c10.366-8.774,24.35-21.433,25.194-35.847
+	c0.521-8.812-2.206-16.578-11.881-12.433c-2.995,1.283-4.572,4.323-6.547,6.862c-2.52,3.235-5.374,5.064-8.769,7.416
+	c1.288-8.374,6.125-11.921,9.926-19.048c3.958-7.424-2.711-11.815-10.426-11.952c-8.23-0.146-11.698,4.288-20.084-0.32
+	c-2.151-1.182-4.372-2.315-6.416-3.68c-1.73-1.154,2.551-2.688,2.5-3c-0.479-2.972-3.18-6.824-6-8c4.22-5.002,6.219-9.799,2-15.5
+	c-1.795-2.427-5.143-4.549-7.453-6.531c-1.339-1.146,0.595-5.793,0.953-7.469c3.654,0.971,5.964,3.799,8.627,6.285
+	c2.613,2.438,1.042,6.647,2.894,8.131c4.486,3.59,8.513,11.688,13.979,13.584c2.778,0.964,6.333-0.333,9.313,0.519
+	c5.473,1.563,5.104,1.576,8.823-2.763c4.011-4.683,8.216-9.194,12.361-13.755c-1.937-0.598-4.823-0.896-6.5-2
+	c-1.418-0.937-2.417-3.987-4-4.5c-3.553-1.149-7.313,4.378-9-1.5c7.894-2.368,13.656-6.442,19.737-11.916
+	c1.76-1.582,6.506-5.493,6.156-7.762c-0.924-6.01-0.479-6.283,3.604-10.823c-4.243-2.121-7.307-2.829-12-3.5
+	c7.597-3.8,10.426-6.802,9.259-15.558c-1.065-7.992-11.467-7.181-17.258-7.443c3.299-1.575,5.987-6.484,1.062-8
+	c-4.494-1.385-4.002,3.848-8.562,4.5c-3.891,0.555-8.411-0.837-12.048,0.312c-4.507,1.422-6.062,4.331-8.952-0.812
+	c7.104-2.928,13.893-6.836,21.398-8.519c5.277-1.181,11.419-1.981,16.804-1.981c4.653,0,7.892-3.916,2.358-6.813
+	c-3.422-1.793-5.832-4.206-8.702-6.854c-2.486-2.296-7.256,3.204-9.677,3.383c-10.112,0.75-13.185-5.915-13.185-14.716
+	c2.167,1.667,4.333,3.333,6.5,5c1.193-4.904-1.078-6.653-3.908-10.515c-2.156-2.938-8.122-1.485-11.592-1.485
+	c0.354,4.97,1.065,9.123,2.353,13.942c0.416,1.562-9.604,6.069-11.353,7.058c2.146-2.412,9.022-7.466,7.062-10.406
+	c-4.231-6.348-3.557-8.279-10.562-5.094c-1.224-3.427-2.437-6.577-2.976-10.164c-0.086-0.578-2.596-10.98-3.729-9.281
+	c1.544-2.314,6.112-7.796,4.702-11.056c-2.232-5.156-4.946-0.762-3.5-8c-1.532,0.409-6.96,2.771-7.862,1.479
+	c-1.61-2.3-2.271-4.298-5.021-4.876c-7.429-1.563-8.917-3.005-14.115-8.604c-0.872,5.604-9.933,6.485-14,9.5
+	c4.142-5.062,8.535-9.029,13.594-13.167c3.46-2.829,1.242-4.666-1.469-6.021c-1.705-0.854-1.394-6.445-1.625-8.312
+	c-2.744,1.997-11.226,7.838-15,5c-1.741-1.31-1.655-11.589-2-14c-0.467,6.526-1.46,8.247-5.5,13.5c-1-2.667-2-5.333-3-8
+	c-6.402,2.836-7.684,7.763-14.5,4.001c1.73-2.223,6.886-7.746,7-10.5c0.08-1.942-2.925-3.622-2.293-5.677
+	c0.599-1.94,1.194-3.883,1.793-5.824c-0.979,1.154-2.442,1.911-3.5,3c-2.521-5.883-3.883-6.229,1-10.5
+	c-5.06-2.021-6.951-6.926-11.75-8.125c-7.229-1.807-8.439-7.412-10.654-13.689c-0.86-2.437-1.101-4.956-1.491-7.509
+	c-0.286-1.862-3.375-2.399-4.604-3.677c-4.895-5.085-2.125-6-10-6c8.393,7.556,7.851,11.052,4.998,21.5
+	c-6.054-9.417-11.741-17.658-22.498-21.5c-2.063,3.561-1.377,5.729,2,8c-5.799,4.971-7,5.374-7,13
+	c-6.279-5.023-11.587-9.583-19.687-10.739c-3.876-0.555-4.144-5.161-7.313-6.76c-2.54-1.279-8.104-0.368-11-0.5
+	c4.5,5.335,9,10.667,13.5,16.002c-4.515,0.752-5.521,2.09-7.379-2.149c-0.964-2.203-2.85-7.74-6.121-7.852
+	c-2.341-0.079-4.742,3.5-7.916,3.5c-3.527,0-7.058,0-10.584,0c2,3,4,6,6,9c-2.837-2.296-14.37-14.141-16-6
+	c-1.069,5.35,8.221,11.533,13.063,13.296c3.271,1.188,1.086,7.542-0.828,10.095c-3.191,4.256-4.289,4.746-8.948,3.312
+	c-3.935-1.21-17.008-12.309-13.537-1.204c2.229,7.129,25.497,24.254,32.677,17.074c3.161-3.162,5.186-4.598,9.229-6.5
+	c4.232-1.99,3.133-2.159,1.555-6.501c-0.5-1.375,15.02-7.533,17.291-8.572c-4.127,4.444-7.272,8.047-10,13.5
+	c-3.392,6.786,7.96,1.083,9.788-0.888c2.052-2.207,6.809-10.357,9.212-11.613c2.731-1.424,10.807,0.771,14,1.001
+	c-8.703,2.177-8.241,3.306-12.5,10.999c-2.839,5.133-7.213,9.478,1.043,10.395c6.991,0.777,10.045,3.896,15.957-1.395
+	c4.131-3.693,6.967-7.598,11.5-10.999c0,4.338,3.414,5.756,6.5,7.999c-5.646,3.91-13.021,6.32-17.5,11.501
+	c9.5,4.316,18.946-1.383,28.999-2.501c-3.331,12.646-21.069,9.844-29.999,12.5c1.5,2.667,3,5.333,4.5,8
+	c-2.628-1.095-5.324-1.714-7.188-3.889c-1.125-1.312-3.512-5.46-5.281-5.667c-2.292-0.271-6.608,0.119-8.474-1.277
+	c-1.367-1.024-4.325-4.304-6.055-4.11c-7.009,0.776-10.749,2.104-17.003,5.443c-5.932,3.167-9.213,3.644-16,4
+	c1.135,3.384-3.328,8.782-0.668,11.889c3.354,3.911,6.693,7.639,10.332,11.275c3.469,3.467,7.185,6.461,10.992,9.558
+	c2.525,2.051,9.123-0.639,12.852,1.521c5.238,3.032,9.508,4.621,15.354,6.291c4.097,1.17,5.613,6.148,9.336,8.093
+	c3.654,1.905,8.429,6.369,12.312,4.312c4.997-2.646,9.995-5.292,14.991-7.938c-1.115,2.604-1.733,6.338-4.323,7.693
+	c-2.242,1.175-8.143,2.925-9.364,5.148c-1.158,2.104-5.488,7.346-5.311,9.657c0.137,1.771,4.419,5.563,5.489,6.915
+	c5.485,6.906,7.958,9.81,9.511,18.335c1.521,8.379,3.925,11.129,9.5,17.75c-3.116,0.346-10.329-0.729-9.563,3.874
+	c0.65,3.901-2.083,5.921-3.086,9.681c-2.269,8.505-6.961,11.832-13.353,17.945c6.454-5.996,6.999-6.596,6.999-15.36
+	c0-5.208,2.977-10.045,3.21-15.436c0.335-7.683-1.615-8.736-8.802-11.816c-2.386-1.022,1.092-5.337,0.593-7.389
+	c-0.422-1.731-3.347-4.091-4.5-5.5c-1.618,10.119-4.895,16.747-8.827,26.092c-2.171,5.153-6.5,5.911-6.266,12.296
+	c0.232,6.302,1.058,8.414-2.407,13.611c-0.422-7.149-0.753-15.066,1.5-22c1.965-6.05,9.3-12.681,9.562-19.018
+	c0.157-3.76,2.34-10.062-1.812-10.983c-3.905-0.867-3.238-5.694-3.938-9.359c-0.691-3.633-6.064-2.489-6.469-5.993
+	c-0.448-3.883-0.896-7.765-1.345-11.646c-5.872,3.913-7.067,5.064-14,4c-0.855,9.21-1.425,18.425-3.13,27.519
+	c-1.591,8.49-3.579,19.621-10.87,24.481c1.802-6.528,11.864-31.347,6-36c-4.081,4.987-5.233,10.812-8.938,15.751
+	c-4.862,6.481-6.792,7.296-14.562,9.749c9.721-11.34,20.608-26.358,17-42c-2.003,8.508-4.557,16.464-8,24.5
+	c-1.035-7.771,1.578-16.878-2.5-24c-1.771,7.083-4.035,11.686-8.337,17.548c-2.127,2.899-3.979,5.901-5.865,8.971
+	c-0.791,1.284-5.793,0.088-7.298-0.02c8.887-8.888,16.52-20.104,14.739-33.444c-0.7-5.251-3.951-15.962-9.963-6.713
+	c-4.414,6.791-5.92,9.505-13.277,12.658c-0.299-1.942-0.597-3.885-0.896-5.824c-0.264-1.713,2.249-0.604,2.896-1.676
+	c1.123-1.864,2.814-4.828,3.058-6.999c0.7-6.299,1.61-11.786-5.37-14.779c-11.757-5.038-19.08-17.756-33.09-18.273
+	c-3.221-0.119-9.095-1.563-12.096-0.447c-2.626,0.978-5.466,4.439-7.656,6.221c-2.389,1.94-10.579,9.783-4.899,11.297
+	c3.571,0.953,5.806,1.461,9.443,1.157c3.47-0.289,5.236,2.727,7.724,5.036c4.26,3.955,8.279,8.18,12.389,12.29
+	c-5.561-3.807-13.412-10.938-20.284-11.699c-2.044-0.228-5.202-1.229-7.216-0.802c-1.315,0.28-2.234,2.495-3.5,3
+	c-3.268,1.305-8.465,0.706-12,1c4.135,4.137,8.313,5.089,12.5,8.502c2.173,1.77,6.274,12.738,8.907,11.609
+	c9.158-3.925,15.867,16.383,18.093,22.391c-5.938-2.971-6.882-2.752-7.91-9.262c-0.826-5.234-2.229-3.521-6.867-5.349
+	c-8.208-3.231-16.414-6.464-24.646-9.631c-4.035-1.552-7.438-2.168-11.754-2.786c-5.14-0.734-5.238,3.146-7.573,7.555
+	c-3.48,6.576,3.362,15.451,6.916,20.619c4.795,6.977,10.777,11.995,18.165,16.06c5.848,3.216,8.479,11.293,17.016,11.293
+	c5.088,0,6.334,0.745,10.693,3.498c4.604,2.906,8.684,3.03,13.637,4.97c7.355,2.878,14.291,8.082,19.324,14.032
+	c-4.169-1.604-9.243-4.725-13.691-5.054c-6.739-0.499-10.571-0.979-16.235-4.583c-5.025-3.196-7.977-4.772-13.932-5.964
+	c-3.922-0.783-11.172,3.029-14.548,0.269c-8.685-7.105-14.808-13.167-26.71-13.167c-10.048,0-14.043,13.05-8.291,20.238
+	c5.5,6.873,9.523,15.155,15.908,21.762c4.514,4.668,6.766,5,12.944,5c3.268,0,5.858,6.799,9.055,6.441
+	c9.409-1.045,21.036,1.042,30.001-1.941c6.042-2.014,11.633-2.714,17.5-5.501c4.363-2.072,6.68-4.253,11.5-2.5
+	c-2.645,4.57-5.641,4.704-10.5,6c4.826,5.515,4.104,8.371-3.324,6.654c-4.566-1.054-7.397,0.278-11.156,2.532
+	c-4.869,2.922-4.651,3.861-10.575,3.071c-5.864-0.782-9.259-3.544-14.588,0.333c-9.332,6.788,10.297,13.57,14.581,15.284
+	c5.25,2.1,21.116-7.425,22.063,1.624c-5.717,0.687-12.779,0.335-17.625,3.969c-4.057,3.042-3.242,2.716-0.343,6.776
+	c2.501,3.5,1.391,3.619-1.032,7.254c-3.167-3.166-6.333-6.333-9.5-9.499c-1.411,6.176-4.644,1.002-6.666,5.722
+	c-1.761,4.107-2.215,9.275-7.834,8.277c0.746-4.972,0.463-8.962,4.031-12.531c1.16-1.16-4.226-8.26-5.309-9.884
+	c-5.963-8.945-12.739-11.894-22.58-15.828c-4.836-1.936-9.358-3.974-13.143-7.756c-2.827-2.827-9.445-3.597-13-5.5
+	c-9.26-4.96-14.253-11.021-25-13.5c-1.152,7.483-4.689,14.746,0,20.999c4.965,6.62,5.615,13.616,11.668,19.668
+	c2.941,2.939,5.043,5.5,8.838,7.098c2.709,1.14,5.575,1.933,7.8,3.871c6.064,5.288,12.13,10.576,18.194,15.863
+	c-11.199-6.134-30.607-21.344-44.5-15.5c2.676,4.863,5.332,9.719,8.188,14.479c1.615,2.693,6.271,2.75,7.757,5.725
+	c1.748,3.493,0.736,3.604,4.295,5.739c2.01,1.206,5.418,2.583,6.557,4.575c0.594,1.039,2.887,6.505,3.989,6.474
+	c5.571-0.163,11.143-0.327,16.714-0.49c-7.54,1.889-17.895,9.908-24,0.75c-4.731-7.1-12.229-8.386-19.494-11.827
+	c-2.139-1.013-8.611-2.979-9.162-4.996c-1.168-4.286-1.878-5.994-5.844-8.428c-3.256-1.999-18.098-9.27-21.5-8
+	c-2.226,0.829-6.892,12.37-7.037,14.556c-0.331,4.97,1.917,10.928-2.611,12.625c-5.648,2.118-11.534,3.451-11.027,10.031
+	c0.439,5.701-9.322,0.403-9.824,6.288c-0.746,8.743,25.82,3.152,30.25,2.75c4.271-0.389,11.733-3.606,15.436-2.953
+	c6.503,1.146,9.49,2.985,15.046,6.689c3.722,2.481,10.26,7.021,13.62,3.661c1.366-1.366,5.218,2.516,6.667,3.519
+	c1.451,1.005-1.589,5.227-1.519,6.833c0.656,15.202,18.316,10.556,27.648,8.761c6.326-1.217,9.33-3.228,12.686-8.446
+	c3.568-5.55,5.026-7.312,11.592-7.312c11.232,0,19.185-7.992,28.574-13c-1-1.667-2-3.333-3-5c5.153,4.123,8.521,7.754,15.004,8.834
+	c7.862,1.311,10.408-0.764,16.498-5.834c5.821-4.854-0.818-9.682,1.186-16.092c2.348-7.515,5.367-10.641,10.814-16.408
+	c-1.573,3.146-7.811,11.94-5,16c-0.104-0.15,13.446,6.991,13.5,7.001c1.677,0.296,10.644-3.593,10.166-5.5
+	c-0.869-3.479-3.58-2.744-1.26-5.938c3.396-4.669,3.604-9.371,4.593-15.062c0.96,2.56,5.174,20.469,10,15.5
+	c0.688-0.708-1.003-3.6-0.5-4.5c0.75-1.346,2.941-2.675,4.073-3.704c2.189-1.991,1.427-4.388,1.427-7.297
+	c2.66,2.141,4.819,4.484,7.085,7.03c1.903,2.145-6.25,5.688-6.25,7.246c0,4.002-1.788,5.699-4.396,9.396
+	c-1.729,2.452,2.19,4.455,4.062,6.327c1.168-2,2.334-4,3.5-6c2.601,4.398,4.706,12.504,11,11.501c-1.166-13.5-2.334-27-3.5-40.5
+	c5.625,5.625,5.841,3.663,12.5-0.5c-3.165,5.7-8.512,10.973-6,17.25c2.47,6.173,3.385,12.128,6.277,18.277
+	c0.634,1.349,6.257-0.312,6.146-2.669c-0.148-3.103-0.423-6.226-0.423-9.332c0-6.51,0-13.019,0-19.526
+	c1.151,2.188,4.845,7.469,4,10.001c-1.036,3.108-3.294,6.707-1.84,9.897c0.518,1.129,3.02,9.209,3.614,9.509
+	c2.781,1.392,4.373-2.15,4.727-3.906c0.688-3.444,2.879-5.354,5.129-8.058c1.036-1.243-3.21-6.719-4.129-7.943
+	c-1.859-2.48,1.499-4.877,0.375-7.406c-1.125-2.531-2.25-5.062-3.375-7.594c4.812,7.219,7.275,10.794,7.942,19.474
+	c0.3,3.898,4.437,8.669,3.384,12.408c-0.927,3.302-2.443,6.488-3.826,9.618c2.604-0.745,10.268-1.376,10.674-4.221
+	c0.607-4.261,1.218-8.521,1.826-12.778c2.334,2.333,4.665,4.666,7,7c4.078-4.487,7.138-6.642,12.5-9.5
+	c-1.919,5.435-2.975,8.473-7,12.5c6.768-0.56,14.031,0.438,16.74-6.782c1.58-4.213,6.405-8.232,9.26-11.719
+	c-1.537,7.535-5.628,23.8-15.688,24.553c-7.585,0.567-11.709-1.319-15.845,5.299c-2.993,4.792,1.146,9.646,5.532,13.148
+	c1.687,1.346,4.652,7.89,6.411,8.035c2.824,0.234,5.65,0.472,8.478,0.706c5.317,0.44,5.896-5.562,8.039-10.046
+	c1.326-2.771,8.499-4.995,8.584-7.544c0.163-4.884,0.325-9.769,0.488-14.65c2.227,4.01,6.217,18.61,10.5,18.5
+	c1.342-6.712,1.438-9.501,6.5-14c0,6.742,0.242,8.348,4.102,13.812c2.521,3.574,2.141,6.805,2.398,11.188
+	c5.518-4.099,11.748-4.166,17.549-1.074c5.16,2.752,11.775-3.864,17.951-4.425c-5.686,9.473-10.936,10.876-21.551,13.185
+	c-2.877,0.625-9.443-1.237-11.449,0.315c-3.754,2.906-0.484,7.031,1,9.999c-3.898,2.564-5.042-1.203-7-3.999
+	c-1.736,4.772-1.081,5.592-6.221,5.077c-2.271-0.229-5.76,4.544-7.395,6.062c-3.686,3.422-9.096,9.209-13.751,11.001
+	c-6.419,2.47-12.267,4.623-18.036,8.315c-2.48,1.588-5.205,4.068-8.1,4.795c-2.07,0.519-1.002,5.775-1.002,7.75
+	c-2.031-5.996-5.646-1.324-9.213,0.781c-3.801,2.244,1.059,4.17,0.214,7.719c-6.479-3.374-10.484,6.898-13.761,11.222
+	c-3.562,4.704-6.864,6.089-12.239,8.777c8.423-1.148,13.241-0.966,21.499,1.002c-6.333,2.499-12.666,4.999-18.999,7.499
+	c5.565-0.35,8.271-0.388,13.376,1.74c2.398,0.997,8.178-2.604,10.912-3.444c6.439-1.981,3.978,2.174,8.676,5.39
+	c4.006,2.74,7.146,4.512,11.536,6.314c3.11,1.279,7.742,5.171,11.093,4.963c1.924-0.12,5.623-1.131,7.407-0.463
+	c1.421,0.531,1.854,3.646,3.562,3.425c5.929-0.772,10.848-1.368,16.412-3.703c3.278-1.377,5.726-4.691,8.851-6.479
+	c4.14-2.363,8.235-4.375,11.733-7.604c4.961-4.58,3.338-5.019,0.636-11.193c-1.003-2.297,8.36-4.452,10.307-3.943
+	c5.773,1.508,8.133,6.736,5.5,12c-0.822,1.646-4.854,4.943-4.292,6.623c0.428,1.282,2.298,4.619,1.517,5.793
+	c-2,2.998-3.584,8.633-5.558,10.976c-4.512,5.356-7.675,7.812-1.224,12.518c2.894,2.106,2.484,6.665,3.057,10.093
+	c-10.435,0-21.095,0.687-31.5,0c-9.126-0.601-18.994,1.172-28.5,1.5c1.397-4.585-13.724-9.437-17.5-9.501
+	c-3.354-0.059-8.582,1.878-12.248,2.15c-3.732,0.273-6.082,0.85-9.604,2.169c-3.866,1.45-6.992-1.808-10.147-0.818
+	c-1.52,0.476-5.099,6.498-6.75,8c-3.493,3.177-2.086,3.709-0.179,7.694c1.645,3.435,3.285,6.869,4.929,10.306
+	c-2.072-3.85-2.69-6.146-6.647-7.879c-4.601-2.012-5.025-2.469-7.277-6.974c-2.32-4.646-4.603-0.901-6.823-4.898
+	c-2.271-4.084,2.953-4.948,5.362-8.39c0.953-1.361-1.172-9.478-2.021-9.253c-2.261,0.595-7.868,0.938-9.367,2.719
+	c-2.332,2.771-4.771,7.104-7.726,9.175c-2.577,1.806-6.54,0.633-6,4.999c3.5-0.167,7-0.333,10.5-0.499
+	c-5.103,5.953-8.564,8.17-15.687,11.222c-4.141,1.774-8.948-8.272-15.313-6.223c-7.346,2.368-4.536,13.37-8.5,17.001
+	c-3.147,2.885-6.296-1.058-5.677,4.309c0.395,3.396,0.784,6.793,1.177,10.19c-3.206-4.488-6.469-8.761-10-12.999
+	c3.851-2.801,5.38-3.271,6.147-7.889c0.562-3.373,3.184-5.512,5.353-8.111c-2.782-0.76-12.241-5.094-14.665-3.074
+	c-2.734,2.278-4.436,7.654-6.119,10.688c-0.217,0.392,3.785,8.032,3.785,10.272c0,3.725-0.591,7.415-1,11.112
+	c-6.812-2.87-8.396,0.314-11-7.5c-1.5,0.833-3,1.667-4.5,2.501c0.198-0.781,3.505-6.881,3.764-6.385
+	c-2.013-3.868-11.311-6.635-14.764-4.115c1.666,2.333,3.334,4.666,5,7c-4.654-0.375-11.825-3.045-15.828,0.015
+	c-4.804,3.675-7.308,5.733-10.172,10.985c-1.105-0.737-5.619-4.552-6.333-3.521c-2.183,3.152-3.483,6.236-7.278,7.5
+	c-4.963,1.654-13.779-4.113-17.701-7.104c-3.058-2.329-5.496-2.426-9.403-3.078c-3.984-0.663-11.442,6.128-13.644,9.531
+	c-4.802,7.42-4.461,7.203-13.141,5.672c0.921,7.829,0.478,20.553,6.36,26.889c4.079,4.393,6.682,7.694,9.347,13.025
+	c1.859,3.717,6.621,6.119,9.839,8.621c4.777,3.717,7.113,3.719,13.313,4.307c3.178,0.305,5.025-4.512,8.014-6.121
+	c4.779-2.573,11.321-3.359,9.643-9.065c-1.648-5.604-0.962-6.82,4.484-10.154c5.127-3.14,7.408-3.849,12.25-0.999
+	c5.273,3.102,7.892,1.916,14.051,0.932c3.68-0.589,2.619-1.312,2.277-5.071c-0.156-1.724,3.645-1.735,5.076-2.072
+	c4.757-1.119,8.986,0.214,13.846,0.214c7.371,0,12.996,6.219,21.188,5.75c4.866-0.279,9.222-0.312,13.938,1.009
+	c2.439,0.684,5.859,2.944,8.374,2.944c6.604,0.002,9.85-2.352,16.849-1.037c5.317,0.996,10.52,3.617,15.654,5.334
+	c-2.5-2-5-4.001-7.5-6c5.306,0,9.777,0.127,14.935,1.213c6.749,1.419,4.325,3.15,0.565,8.286c4.99-0.206,10.002-0.499,15-0.499
+	c2.273,0,4.16-7.066,6.256-8.861c0.877-0.753,3.691-4.128,4.712-3.223c0.702,0.624,3.139,3.584,4.03,3.584
+	c1.825-0.001,6.507-5.691,8.002-7c-2.188,6.564-4.642,11.951-8.002,18.002c4.683,2.598,6.332,2.293,11.717,1.697
+	c3.049-0.339,5.29,2.139,7.785,3.8c-3.328,3.804-5.377,7.544-7.752,12.029c-1.559,2.942-6.609,5.42-9.248,7.471
+	c4.079,4.079,3.52,4.359,8.17,0.873c3.562-2.673,7.111-5.36,10.645-8.075c5.743-4.417,13.218-7.062,19.688-10.297
+	c-3.195,3.194-6.392,6.39-9.585,9.584c-3.183,3.182-10.095,2.809-12.524,5.727c-0.68,0.816,1.691,1.547,2.109,1.689
+	c-1.644,2.237-4.549,4.914-5.5,7.5c-0.672,1.823,0.84,7.729-1.281,8.155c-6.334,1.268-9.284-3.206-14.22-7.153
+	c3.7,4.676,13.729,14.139,13.5,21c-0.083,2.479-4.188,5.485-2.758,8.146c1.268,2.354,3.982,4.03,5.974,5.703
+	c4.1,3.445,8.841,2.1,13.785,1.648c-2.575,4.393,1,5.623-0.021,9.442c-1.489,5.581-1.917,5.295,2.999,8.243
+	c1.254,0.754,0.521,4.497,0.521,5.813c0,2.127,3.05,4.354,4.479,5.567c1.761,1.495,8.772-1.069,11.048-1.481
+	c4.361-0.795,4.11-14.999,5.267-18.462c0.988-2.972-1.824-5.362,0.374-8.051c2.235-2.733,4.507-5.415,6.834-8.074
+	c4.466,5.802-4.562,9.744-3.5,17.001c5.812-1.222,11.164-7.652,16-11.001c-0.5,2.167-1,4.335-1.5,6.501
+	c1.787-3.707,6.318-4.379,7.875-7.877c1.106-2.491,1.42-2.681,3.863-4.393c3.296-2.307,7.832-2.144,11.762-2.73
+	c-1.231,5.745-2.281,7.954-6,12.5c2.5,1.666,5,3.332,7.5,4.999c-4.053-0.475-9.209-2.032-12.984-0.062
+	c-3.397,1.772-6.316,4.334-9.83,5.841c-7.898,3.387-8.271,10.165-9.873,18.157c-1.271,6.355-10.582,19.494-3.221,24.49
+	c1.211,0.82,6.339-5.594,9.971-5.302c3.975,0.315,5.328,3.005,7.938,5.876c-3.421,1.283-6.619,3.104-10.288,2.824
+	c-5.038-0.389-5.405,0.867-9.022,4.484c-2.527,2.528-5.481,4.625-8.271,6.857c-2.036,1.629-2.923,6.418-3.916,8.831
+	c1.5-1.166,3-2.333,4.5-3.499c5.137,6.84,6.354,8.541,14.854,6.65c5.662-1.258,8.33-2.607,13.229-5.877
+	c3.255-2.17,5.506-7.334,8.274-10.334c3.127-3.389,6.391-6.479,9.778-9.607c3.407-3.146,8.526-3.738,11.093-7.77
+	c3.485-5.479,5.526-1.506,10.568,1.679c3.905,2.468,9.266,1.735,13.411,0.461c3.831-1.179,6.407,3.58,8.288,6.798
+	c3.954-3.075,4.938-3.5,10-3.5c-1.467,1.074-11.932,10.068-13.416,9.276c-2.061-1.099-4.805-3.354-7.084-3.777
+	c-1.932-0.358-5.568,2.087-6.971,0.453c-2.463-2.873-9.785-5.646-12.391-1.625c-4.609,7.125-5.463,6.556,1.359,11.672
+	c-3.682-0.409-7.419-1.295-11.074-0.61c-6.134,1.15-6.186,1.537-9.426,6.861c-2.584,4.244-3.854,5.981-7.944,8.713
+	c-2.757,1.838-3.25,5.555-4.39,8.592c-0.607,1.619-5.378,7.391-4.198,8.309c4.472,3.479,4.34,1.203,9.096,2.936
+	c3.136,1.138,2.146,7.703,4.215,7.703c3.62,0,5.61,3.105,8.224,5.499c-0.604-0.744-3.004-2.846-4.029-1.166
+	c-0.944,1.544,8.717,8.489,9.529,9.167c-6.736-0.963-6.719-1.516-10,4.5c-2.834-1.667-5.666-3.334-8.5-5.001
+	c-0.334,3.499-0.667,7.001-1,10.5c-5.633-6.885-6.951-4.831-15.5-2.499c2.346,6.564,4.854,10.693,3,17.499
+	c-4.66-2.329-4.987-2.438-6-7.5c-2.568,0.021-8.682,3.654-5.375,6.546c3.146,2.756,6.432,5.069,9.875,7.455
+	c-1.85,3.15-4.008,3-7.219,3c-1.939,0-4.008,3.811-5.191,5.211c-2.559,3.023-8.493,2.311-12.006,5.121
+	c-1.459,1.167-5.291,5.566-7.084,5.667c-2.05,0.11-4.438-3.601-6.5-3.999c-5.918-1.148-9.614,3.273-13,6.999
+	c-1.167-1.333-2.333-2.666-3.5-3.999c-2.296,2.523-4.607,4.91-6.5,7.749c-1.092,1.636-2.738,7.582-4,8.25
+	c-2.386,1.265-8.716-2.606-10.688-3.593c-2.854-1.43-5.314,0.17-8.312,1.094c0.355-5.266,4.35-14.73-0.969-18.864
+	c-5.48-4.265-8.645-9.749-13.475-14.578c-7.713-7.712-7.746,6.753-7.484,11.197c0.477,8.089,3.155,13.991-3.316,19.079
+	c-10.247,8.053,5.856,8.338,8.244,12.666c2.149,3.896-6.729,15.762-8.75,19c-4.239,6.781,6.439,11.246,3.25,15.5
+	c-5.606,7.472-4.701,9.477,0,16.999c2.268-2.106,10.417-11.083,14.469-7.031c5.462,5.461,9.107-0.265,14.145-3.2
+	c5.1-2.975,12.52-2.309,16.774-5.958c7.188-6.161,7.646-3.674,15.921,0.95c6.072,3.396,11.064,4.789,17.894,6.428
+	c4.306,1.033,11.894-2.688,17.005-2.688c10.783,0,24.866-3.201,28.795-14.001c8.136,3.352,10.291,5.853,15.668,12.909
+	c4.062,5.33,8.587,4.914,14.496,3.143c5.446-1.635,10.592-5.729,15.836-7.052c4.812-1.214,11.722,0.346,16.714,0.491
+	c2.438,0.07-0.808-6.691-0.714-6.99c0.435-1.396,3.757-4.684,5-5.501c6.672-4.397,9.799-0.88,15.352,2.98l-12.353-15.229l5.25-3
+	l4.5-6.75h9l9.75,0.75l14.25-2.25l-12.75,6.75l-9,0.75l-5.25,0.75l-0.75,5.25l3,12l10.329,11.482
+	c3.327,2.885,9.024,2.541,13.154,4.063c11.451,4.219,19.712,11.295,28.997,19.082c0.612,0.514,3.9-8.887,4.52-8.379l6.75-3
+	l2.25-5.25l3-7.5l-3-5.25l1.5-5.25l3.75-10.5v11.25l4.5,11.25l-3,5.25l-4.5,9.75l-7.5,6l-3,6l15.75,10.5l5.692,6.219
+	c3.554,2.885,7.409,5.726,10.554,9.039c3.848,4.058,7.522,11.019,11.938,14.076c8.729,6.041,16.019,14.283,24.277,21.24
+	c7.193,6.057,16.564,16.495,26.738,14.817c12.503-2.062,24.032-4.194,36.66-0.796c10.724,2.887,20.248,7.84,30.764,11.051
+	c5.361,1.642,12.099,2.561,16.912,5.48c4.384,2.662,10.25,8.414,15.463,7.371c4.256-0.854,10.893,6.176,14.557,8.693
+	c3.881,2.669,8.008,5.15,12.295,7.102c5.97,2.715,12.201,5.659,19.006,3.393c4.357-1.453,10.881-5.771,15.645-5.188
+	c4.521,0.553,11.934,5.146,16.441,6.646c5.421,1.807,10.539,1.354,16.279,1.354c10.575,0,20.482-8.772,30.519-11.827l11.152-6.125
+	l8.354-3.119l5.385-1.277l6.615-0.398l4.875-0.75l-3.281-1.818l-3.238-5.953l-2.875-1.91l1.567,4.779l-1.487,0.921l-3.389-6.252
+	l-4.107-3.993l-5.133-2.326l-5.551,0.079l2.369-2.134l2.988-0.793l3.012,0.707l1.836,2.523l1.967,1.173l2.854,0.259l1.658,0.727
+	l0.09-4.352c0,0-2.879-1.908-2.885-2.358c-0.007-0.45-0.041-2.851-0.041-2.851l-1.518-1.178l-6.611-0.808l-3.039-2.655l-3.316-1.305
+	l-2.849,0.191l1.325-1.67l2.391-0.637l2.266,0.869l1.374,1.631l1.521,1.479l1.338-0.918l2.242-0.482l2.109,0.57l2.266,1.168
+	l-0.657-4.041l-0.636-2.541l0.566-2.259l0.912,0.735l0.783,2.391l0.487,2.691l0.481,2.243l0.937,2.537l1.239,2.685l1.971,1.472
+	l0.578-1.509l0.9-0.016l0.339,2.697l0.354,4.045l-0.551,3.309l1.349-0.021c0,0,0.568-2.257,0.702-3.312
+	c0.138-1.051,0.399-3.604,0.396-4.056c-0.007-0.451-0.193-2.997-0.193-2.997l-1.835-2.376l-0.338-2.692l-1.549-3.431
+	c0,0-2.896-3.108-2.9-3.56c-0.008-0.448-2.16-4.021-2.16-4.021s-1.812-1.174-1.973-1.62c-0.155-0.446-1.811-0.726-2.569-1.313
+	s-1.521-1.479-1.827-1.924c-0.306-0.445-1.367-1.33-1.678-1.926c-0.309-0.598-0.023-1.803-0.023-1.803l1.971,1.475l1.83,2.076
+	c0,0,0.461,0.74,1.813,1.021c1.354,0.279,3.161,0.854,3.161,0.854l2.131,2.071l2.305,3.718l1.991,2.819l2.007,4.022l1.102,3.585
+	l1.105,3.885l0.19,2.996l-1.146,3.619l-1.312,2.719l-0.402,3.307l1.251,3.434l2.432,2.215l2.716,1.161l1.204,0.281l5.501-3.527
+	l1.795-0.325l2.215-2.434l3.122-1.994l2.981-1.394l4.771-2.019l5.495-3.979l4.449-3.516l3.982-4.708l4.141-4.26l3.383-4.697
+	l0.988-4.364l1.729-4.976l1.59-4.224l2.207-3.032l2.35-3.636l0.572-1.81l-1.191,0.47l-2.36,2.732l-2.212,2.73l-2.984,0.941
+	l-4.516-0.834l-3.935-2.345l-1.983-2.373l4.529,2.036l3.613,0.85l3.582-1.252l3.715-2.451l1.931-1.379l2.219-2.282l1.442-3.92
+	l1.758-3.026c0,0,1.63-1.522,2.063-2.729c0.432-1.204,1.905-3.026,1.905-3.026l2.535-0.937l0.84-4.362l-0.347-2.996l0.257-3.151
+	l-3.782-2.347l-5.341-6.226l-6.683-5.756l-4.86-4.131l-4.547-3.234l-1.547-3.278l-2.284-2.366l-3.353-3.703l-3.745,0.354
+	l2.526-1.688l3.479,2.052l3.652,3.697l3.961,4.295l5.15,3.377l4.555,3.834l2.751,3.562l4.415,4.587l3.037,2.508l4.379,2.037
+	l1.143,6.435l7.137-4.602c0,0,2.658-2.891,3.107-2.896c0.451-0.006,6.418-2.343,6.418-2.343l0.697-3.762l2.503-3.185l0.036,2.549
+	l-1.037,0.916l0.324,1.646l6.559-2.944l18.2-7.16l1.354,0.58c0,0,1.318-2.269,1.764-2.725c0.442-0.455,0.994-3.915,0.994-3.915
+	l-0.078-5.549l1.986,2.672l-0.553,3.311l-0.555,3.155c0,0-0.438,1.059,0.014,1.052c0.45-0.007,5.844-0.533,5.844-0.533l4.717-5.918
+	c0,0,0.363,4.495,0.961,4.187c0.596-0.309,15.432-1.42,15.432-1.42l10.352,0.001l5.26,0.525c0,0-1.658-0.577-2.441-2.815
+	c-0.781-2.238-1.088-2.686-1.088-2.686l-3.697,3.803l-3.447,0.051l-2.469-4.767l-2.182,4.832l-0.937-2.387l-1.363-1.029
+	l-0.177-1.647l3.971-5.758l1.312-2.72l-1.209-0.582l-1.893,4.076l-2.075,1.682l-3.392,4.1l1.264-6.019l2.031-4.831l2.068-2.13
+	l0.23-4.806l-2.019-4.771l0.26-2.854l2.021-5.429l0.312,0.745l0.92,1.337l-0.698,3.608l0.337,2.695l1.914-2.578l2.535-1.086
+	l1.301-3.468l1.045-0.316l1.078,1.938l-0.549,3.606l-1.479,1.521l-0.059,6.451l-1.52-1.328l-1.449,3.472l0.633,2.391l1.351-0.168
+	l-0.873,1.964l2.681-1.39l-1.123,5.416l-0.717,2.41c0,0,0.903,0.138,1.345-0.47c0.439-0.606,0.944-7.362,0.944-7.362l-0.938-2.688
+	c0,0,2.054-3.328,2.196-3.782c0.145-0.45,1.612-2.724,1.612-2.724l2.408,0.717l1.618-2.272l1.6-3.622l1.127-5.116l0.33,2.096
+	l0.209,4.197l-1.441,4.069l-1.125,5.269l4.158-2.91l0.703-13.812l3.191-7.545l-0.51,6.308l-0.353,6.905l-1.276,5.119l0.625,1.641
+	l1.137-4.365c0,0,0.77,1.188,1.208,0.583c0.44-0.605,2.212-2.731,2.355-3.186c0.144-0.451-1.116-4.634-1.116-4.634l0.835-4.514
+	c0,0,0.251-3.454,0.394-3.906c0.146-0.451,1.716-6.024,1.716-6.024s0.099,6.901,0.257,7.349c0.153,0.447-0.3,10.654-0.3,10.654
+	s1.941-0.627,2.384-1.231c0.439-0.608,1.895-3.928,1.895-3.928s-0.018-1.201-0.021-1.65c-0.009-0.45-0.009-0.45-0.009-0.45
+	l2.147,3.271l0.045,3.149l1.252,3.732l0.486,2.544l0.721-2.112l0.682-4.81l3.055,3.707l-0.546,3.906l1.646-0.322l0.986-4.517
+	l2.111,1.021l1.396,2.979l0.354,3.896l1.554,3.578l2.292,2.968l0.94,2.987l1.67,1.477l0.955,3.737l1.529,3.896l1.343-2.287
+	l-0.275-8.996l0.713-2.561l1.969,1.321l0.258,7.497l0.617,1.188l1.322-1.969l0.676-5.26l1.146-3.615l2.366-2.285l3.121-2.146
+	c0,0,3.004,0.259,3.604,0.25c0.601-0.01,1.785-0.928,1.785-0.928l-3.479-2.051l4.52,1.284l4.938-0.819l8.018-5.966l4.018-2.457
+	c0,0,2.508-2.887,2.802-3.34c0.293-0.456,3.72-2.153,3.72-2.153l1.449-3.471l1.317-2.42c0,0,1.776-1.525,2.228-1.532
+	c0.45-0.008,1.801-0.024,1.801-0.024l-0.87,2.113l-2.502,3.334l-3.104,3.348l-2.824,1.84l-3.252,3.347l-1.914,2.577l-2.215,2.434
+	l-2.209,2.883l-0.885,1.062l-2.074,1.83l-1.928,1.527l-0.123,1.951l1.82,1.322c0,0,1.48-1.222,1.772-1.676
+	c0.294-0.454,1.458-3.021,1.458-3.021l1.454-3.172l2.503-3.337l3.261-2.896l2.357-2.884c0,0,2.982-1.244,3.434-1.25
+	c0.45-0.007,2.068-2.13,2.068-2.13l1.752-3.477c0,0,1.61-2.725,2.057-3.029c0.445-0.306,1.903-3.326,2.351-3.634
+	c0.444-0.307,5.764-6.084,5.764-6.084l1.005-3.114l4.536-4.465l2.549-3.636l-4.569,2.063l1.162-2.616l-2.064-4.57l7.998-0.113
+	l-2.161,2.632l1.002,0.185l3.772-2.053l3.562-2.652l1.957-3.026l4.971-2.07l4.341-4.262l2.358-2.835l2.779-1.44l4.529-5.062
+	l6.104-6.688l5.901-6.886L1318.571,1075.945z"/>
+<path fill="#73C045" stroke="#306799" d="M1031.626,266.63l1.317,1.845l2.433,3.405l2.25,6.75l-4.5,3.75l-2.25-5.25l-3-3
+	L1031.626,266.63z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M976.126,442.881l4.5,9l3,9.75l-2.25,3l-6-5.25v-8.25l-1.5-6
+	L976.126,442.881z"/>
+<path fill="#73C045" stroke="#306799" d="M1056.376,397.13l-3.75-1.5l-2.25,5.25l1.5,2.25l3-1.5L1056.376,397.13z"/>
+<path fill="#73C045" stroke="#306799" d="M800.626,471.381l3,3.75l-5.25,1.5L800.626,471.381z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M813.376,442.131l6.75,5.25l-2.25,4.5l3.75,3l-4.5,3L813.376,442.131z"
+	/>
+<path fill="#73C045" stroke="#306799" d="M1568.626,925.131l5.25-4.5l-3.75-3.75L1568.626,925.131z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M723.376,1304.631l-3.75-5.25h-5.25l-5.25,3l1.5,4.5l1.5,7.5l0.75,3
+	l3-6l3.75-5.25L723.376,1304.631z"/>
+<path fill="#73C045" stroke="#306799" d="M673.876,1343.631l-3,2.25v4.5l-0.75,6.75l3.75-3l2.25-4.5L673.876,1343.631z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M391.876,629.631h-6l-1.5,7.5h8.25L391.876,629.631z"/>
+<path fill="#73C045" stroke="#306799" d="M407.626,762.381l3-0.75v-8.25l-6.75,4.5L407.626,762.381z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M384.376,726.381l-6,6l-3.75,6h6.75v-4.5l4.5-4.5L384.376,726.381z"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M1457.411,1039.881l-15.5-2l-13.5-1.5l3.75-3l9.75,0.75l11.5,1.75"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M1390.411,1037.381l24.466-1.25v-6l6.75,9l-10.5-0.75l-13.5,2.25
+	l-20.216,3.25"/>
+<path fill="#73C045" stroke="#306799" stroke-width="1.5" d="M1228.79,1171.902l-1.521,5.422l-2.172,2.232l0.051,3.396l-11.799,0.37
+	l3.578-1.65l2.764-2.642l5.139-4.272l1.795-0.429L1228.79,1171.902z"/>
+<path fill="#73C045" stroke="#306799" d="M1211.553,1183.551l-4.793,0.469l-3.979,1.458l3.812,0.745l1.586-1.021L1211.553,1183.551z
+	"/>
+<path fill="#73C045" stroke="#306799" d="M1165.126,1168.013l-3.382,1.248l-0.299,7.005l0.09,6.397l1.248,3.385l3.016,0.954
+	l1.77-2.226l0.154-3.203l-1.084-5.785l-0.68-5.589L1165.126,1168.013z"/>
+<path fill="#73C045" stroke="#306799" d="M1185.002,1159.128l0.34,9.797l-1.407-0.581l0.077,5.398l1.827,1.975l0.833,2.39
+	l-1.173,1.816l-0.772,2.013l0.27,4.596l4.154-3.26c0,0,0.172-1.803,0.151-3.202s-0.841-2.789-0.841-2.789s0.155-3.202,0.344-4.005
+	c0.189-0.805-0.649-3.592-0.661-4.392c-0.013-0.802-1.663-4.377-1.663-4.377L1185.002,1159.128z"/>
+<path fill="#73C045" stroke="#306799" d="M1179.341,1154.808l-1.337,4.42l-0.324,5.404l0.08,5.6l-1.963,2.629l0.438,2.396
+	l1.229,2.182l0.236,2.599c0,0-0.346,3.604-0.74,4.212c-0.391,0.604-2.559,2.837-2.559,2.837l0.229,1.995
+	c0,0,1.404,0.383,2.799-0.039c1.396-0.42,3.189-0.848,3.189-0.848l2.391-0.635l-0.052-3.599l-0.862-4.391
+	c0,0-1.663-4.377-1.674-5.177c-0.012-0.8-0.047-3.198-0.062-4.396c-0.019-1.201,0.3-7.007,0.3-7.007l-1.26-4.183L1179.341,1154.808z
+	"/>
+<path fill="#73C045" stroke="#306799" d="M1190.971,1184.845l4.996-0.271l1.818,1.173l-2.396,0.437L1190.971,1184.845z"/>
+<path fill="#73C045" stroke="#306799" d="M1166.527,1167.991l1.073,5.188l0.471,4.793l0.25,3.597l-0.546,3.811l-0.356,3.006
+	l0.994-0.415l0.719-5.812l-0.488-5.994l-0.271-4.998L1166.527,1167.991z"/>
+<path fill="#73C045" stroke="#306799" d="M1170.627,1174.935l1.23,2.182l-0.58,1.408l0.041,2.801l0.631,2.189l-0.768,2.413
+	l-0.647-3.394l-0.46-4.191L1170.627,1174.935z"/>
+<path fill="#73C045" stroke="#306799" d="M1174.614,1174.076l0.234,2.396l-0.575,1.809l1.026,1.785l-0.774,1.812l-1.147,3.614
+	l0.535-4.605l-1.24-2.782l0.951-3.415L1174.614,1174.076z"/>
+<path fill="#73C045" stroke="#306799" d="M1157.077,1164.525c-0.926,1.919-2.65,3.911-1.314,6.021
+	C1156.777,1168.746,1159.83,1165.789,1157.077,1164.525"/>
+<path fill="#73C045" stroke="#306799" d="M1182.391,1172.365c-0.167,2.986,1.094,5.6,0.924,8.587
+	C1184.767,1177.427,1183.936,1175.763,1182.391,1172.365"/>
+<path fill="#73C045" stroke="#306799" d="M1190.541,1168.849l1.234,2.383l0.428,1.994l1.234,2.383l-2.844-2.959L1190.541,1168.849z"
+	/>
+<path fill="#73C045" stroke="#306799" d="M383.411,647.214l3.334,0.667l-2.667,4L383.411,647.214z"/>
+<path fill="#73C045" stroke="#306799" d="M387.411,662.548l2-1.334l0.667,3.334L387.411,662.548z"/>
+<path fill="#73C045" stroke="#306799" d="M372.745,635.881l2.666,2.667l-3.333,2L372.745,635.881z"/>
+<path fill="#73C045" stroke="#306799" d="M441.411,663.881v3.333l2-2.666L441.411,663.881z"/>
+<path fill="#73C045" stroke="#306799" d="M446.745,662.548l2.666-1.334l-2.666-2.667V662.548z"/>
+<path fill="#73C045" stroke="#306799" d="M448.078,643.881l2,3.333h-2.667L448.078,643.881z"/>
+<path fill="#73C045" stroke="#306799" d="M422.078,742.548l4,0.666l-2.667,2L422.078,742.548z"/>
+<path fill="#73C045" stroke="#306799" d="M401.411,764.548l2,3.333h-3.333L401.411,764.548z"/>
+<path fill="#73C045" stroke="#306799" d="M395.411,739.214h3.334l-2,3.334L395.411,739.214z"/>
+<path fill="#73C045" stroke="#306799" d="M390.078,743.214l2,1.334l-2.667,2L390.078,743.214z"/>
+<path fill="#73C045" stroke="#306799" d="M371.411,743.881h2l-2,4V743.881z"/>
+<path fill="#73C045" stroke="#306799" d="M294.745,767.881l2.666,1.333l-1.333-3.333L294.745,767.881z"/>
+<path fill="#73C045" stroke="#306799" d="M327.411,777.881h2.667l-2-2.667L327.411,777.881z"/>
+<path fill="#73C045" stroke="#306799" d="M348.078,762.548l2,3.333l1.333-3.333H348.078z"/>
+<path fill="#73C045" stroke="#306799" d="M368.078,758.548l-1.333,2l-2.667-2.667L368.078,758.548z"/>
+<path fill="#73C045" stroke="#306799" d="M354.078,731.214l3.333,2l-3.333,2V731.214z"/>
+<path fill="#73C045" stroke="#306799" d="M356.078,717.214v3.334l2.667-1.334L356.078,717.214z"/>
+<path fill="#73C045" stroke="#306799" d="M334.745,695.214l-0.667,4.667l2.667-1.333L334.745,695.214z"/>
+<path fill="#73C045" stroke="#306799" d="M336.078,660.548l3.333,4.666l-0.666-5.333L336.078,660.548z"/>
+<path fill="#73C045" stroke="#306799" d="M331.411,649.214l1.334,2.667l2-2.667H331.411z"/>
+<path fill="#73C045" stroke="#306799" d="M324.745,639.881l0.666,2.667l2.667-1.333L324.745,639.881z"/>
+<path fill="#73C045" stroke="#306799" d="M311.411,641.214v3.333l4.667-2L311.411,641.214z"/>
+<path fill="#73C045" stroke="#306799" d="M351.411,619.214l-2.666,2.667h3.333L351.411,619.214z"/>
+<path fill="#73C045" stroke="#306799" d="M348.078,661.881l2.304-1.535l1.696-1.131v5.333L348.078,661.881z"/>
+<path fill="#73C045" stroke="#306799" d="M402.745,695.881l2.666,2l0.667-3.333L402.745,695.881z"/>
+<path fill="#73C045" stroke="#306799" d="M386.078,697.881l0.667,3.333l2.666-2.666L386.078,697.881z"/>
+<path fill="#73C045" stroke="#306799" d="M403.411,681.881l-1.333,2.667l4-1.334L403.411,681.881z"/>
+<path fill="#E0BC6C" d="M924.625,1238.131c-3,4.75-3.064,9.764-3.801,15.053c-0.592,4.256,2.767,11.918-0.743,14.957
+	c-1.341,1.16-4.021,4.637-5.872,4.357c-3.421-0.518-4.549-0.324-7.821,0.883c-3.585,1.321-2.026,4.869-1.919,8.436
+	c0.063,2.041-2.178,4.75-3.103,6.49c-3.646,6.867-7.021,8.084-14.798,10.473c-7.852,2.408-11.447,3.71-18.479-0.023
+	c-3.84-2.039-8.105-3.937-12.32-5c-21.478-5.422-38.85-17.734-60.731-21.021c-5.43-0.812-10.469-1.845-14.778-5.174
+	c-4.682-3.62-9.055-7.646-14.437-10.131c-3.161-1.459-14.63-4.469-15.964-6.966c-2.746-5.144,1.99-9.879,5.254-12.583
+	c4.723-3.917,24.918-20.205,17.977-25.081c-2.208-1.554-0.705-5.106-3.715-5.121c-3.236-0.017-6.473-0.029-9.709-0.046
+	c-7.562-0.035-6.604,0.062-7.654-7.625c-5.369,2.421-13.48,7.246-18.92,2.514c4.799-5.5,8.854-11.119,13.241-16.93
+	c5.128-6.791,7.907-7.752,5.825-16.428c-0.827-3.447-2.07-6.43-3.738-9.521c-1.322-2.449-5.271-4.303-6.108-6.143
+	c-2.06-4.533,5.548-13.235,8.78-16.08c2.875-2.528,5.682-4.989,8.298-7.775c2.937-3.123-2.752-2.422-0.262-5.699
+	c4.231-5.569,10.043-8.697,15.558-12.975c6.857-5.318,8.671-12.279,13.942-17.092c5.022-4.584,5.945-11.194,10.813-15.941
+	c-11.39,4.758-22.063,7.691-34.063,6.191c-5.538-0.693-10.754,2.002-15.75,4.5c-6,3-12.875-0.603-17.466,4.282
+	c-2.639,2.81-6.165,4.36-9.763,6.303c-1.993,1.074-8.262-2.808-9.183-4.837c-1.653-3.653,1.743-7.551,3.684-10.027
+	c2.938-3.757,3.924-6.277,5.307-10.902c-6.119-1.817-15.896-1.223-12.623-9.6c1.669-4.272,0.695-9.732,2.062-14.299
+	c1.16-3.883,4.115-11.922-0.115-14.287c-2.361-1.32-1.629-1.543-0.901-4.383c0.761-2.968,0.739-6.783,1.5-9.75
+	c-8.717,12.407-20.894,25.326-30.136,37.346c-2.752,3.582-3.369-2.287-2.65-4.384c1.646-4.787,0.73-4.228-3.576-6.854
+	c-3.017-1.84-15.959,1.99-17.872-0.604c-0.079-0.106,0.73-0.23,0.769-0.266c-3.188,1.546-6.375,3.089-9.563,4.632
+	c-0.676,3.113-10.8,15.936-7.96,16.356c-0.399,7.024-0.428,7.002,4.104,12.469c4.409,5.316-4.188,6.88-7.802,8.609
+	c-4.751,2.275-4.424,10.544-7.884,11.844c-4.887,1.834-9.594,3.552-14.646,4.838c-5.079,1.296-1.135,9.425-4.374,12.439
+	c-4.658,4.339-7.062,6.998-13.148,8.549c-3.771,0.961-8.65,1.018-12.277-0.406c-6.183-2.427-6.509-4.41-9.396-10.472
+	c-7.391,9.563-13.998,16.837-24.303,23.202c-8.719,5.386-18.757,7.562-27.224,14.017c-5.08,3.873-9.143,9.122-16.089,6.592
+	c-5.832-2.124-9.017-7.248-15.544-8.397c-6.863-1.211-10.19-0.351-16.289,2.397c-5.503,2.479-9.634,5.405-15.715,4.377
+	c-5.124-0.865-9.715-3.244-14.601-4.711c-6.492-1.945-12.113-1.07-17.248-6.126c-2.903-2.855-1.164-12.346,3.021-13.885
+	c5.294-1.949,9.056-0.389,14.174-1.692c6.375-1.623,10.943-3.569,16.75-6.703c1.854-1.002,3.092-3.491,5.006-4.271
+	c2.261-0.922,6.082-0.438,8.52-0.615c5.447-0.395,10.04-1.322,15.181-3.081c6.277-2.146,4.414-5.741,8.911-9.844
+	c4.801-4.38,9.567-8.786,14.321-13.214c1.161-1.082,3.681,0.023,5.302-1.035c2.979-1.943,6.028-3.845,8.852-6.014
+	c5.482-4.223,1.976-10.276-1.299-14.196c-5.248-6.282-9.646-9.331-7.7-17.76c0.334-1.444-6.417-6.249-8.609-8.39
+	c-4.168-4.066-11.06-6.586-11.25-12.75c-0.436-14.054,4.722-9.551,15-15.75c6.146-3.706,9.783-9.82,17.25-8.25
+	c3.982,0.841,10.036-2.25,13.831-3.617c6.431-2.316,22.931-7.042,24.419-14.383c1.139-5.611-9.187-5.756-15.75-6
+	c-6.195-0.229-10.307-3.467-16.5-3.75c-4.26-0.193-7.704-3.604-12-3.75c-11.438-0.383-29.493,9.658-40.18,5.609
+	c-9.91-3.754-4.722-15.246-1.087-21.365c3.016-5.077,7.369-7,12.606-9.031c2.304-0.893,3.188-2.896,6.354-3.814
+	c2.235-0.652,5.882-2.561,8.224-2.396c4.524,0.315,9.699,6.294,12.599,0.021c1.466-3.172-0.796-4.393-2.359-7.293
+	c-0.612-1.137-2.24-6.888,0.915-6.119c5.345,1.299,10.056,5.096,14.939,2.463c5.093-2.746,9.352-6.701,13.64-10.565
+	c5.799-5.226,8.03-7.831,15.818-8.39c5.147-0.369,9.243,3.484,14.202,3.039c6.818-0.612,7.133-3.604,11.621-8.377
+	c3.377-3.592,11.454-6.522,12.995-11.486c2.294-7.392-6.764-8.476-11.946-9.021c-5.164-0.545-11.416-1.047-15.863-3.857
+	c-5.912-3.734-5.993-5.597-8.286-12.036c-3.669-10.307,11.024-18.409,13.429-26.831c-4.547-1.728-6.292-0.275-10.346,1.911
+	c-4.072,2.196-8.709,2.657-12.562,5.203c-6.531,4.317-9.325,10.529-16.495,14.14c-3.805,1.916-5.748,3.819-8.608,6.975
+	c-2.601,2.864-2.417,8.879-5.804,10.705c-6.273,3.389-10.624-3.48-16.927-3.285c-7.271,0.225-9.59,2.072-15.509,5.962
+	c-6.569,4.315-8.6,5.269-15.219,0.614c-4.942-3.475-6.324-8.631-6.115-14.246c0.22-5.921-1.666-9.338,0.812-14.962
+	c2.455-5.565,1.699-10.538,2.771-16.429c1.055-5.793,6.577-4.771,10.757-7.803c3.046-2.208,7.693-11.365,1.578-11.445
+	c-4.731-0.062-9.217,4.359-12.982,7.082c-3.121,2.254-6.243,4.51-9.365,6.764c-1.212,0.875-0.862,4.035-1.578,5.439
+	c-2.421,4.762-6.383,7.407-8.875,11.775c-1.313,2.303-0.545,7.35-2.398,9.162c-1.346,1.316-5.887,1.666-7.733,2.189
+	c-0.296,0.081-5.644-11.438-6.395-12.826c-2.152-3.989,4.497-11.87,6.768-14.67c3.79-4.678,6.497-4.979,12.434-5.516
+	c6.154-0.555,11.036-6.627,11.403-12.346c0.354-5.509-8.289-4.793-11.979-4.882c-1.148-7.767,21.174-17.282,27.777-16.56
+	c2.588,0.285,4.464,2.316,7.201,2.297c2.521-0.02,5.049-0.07,7.569-0.051c5.713,0.047,11.352,0.164,17.052,0.53
+	c2.95,0.188,5.55-1.464,8.261-2.578c2.651-1.091,1.53-3.495,1.444-6.211c-0.053-1.692-4.483-3.423-5.868-4.284
+	c-1.979-1.23-3.304-4.997-4.482-6.957c-8.592-14.266,9.784-13.625,17.793-16.909c10.467-4.293,14.844-16.763,24.896-20.2
+	c8.531-2.92,25.715-2.113,30.603,6.934c3.042,5.658,1.409,13.156,4.312,19.177c1.956,4.058,2.483,11.377,4.996,14.61
+	c2.33,3.003,11.801,6.389,15.412,4.273c2.688-1.574,4.974-9.861,6.306-13.056c2.271-5.438,5.416-11.345,6.804-17.092
+	c1.591-6.585-0.758-8.817,5.183-12.757c3.812,2.205,16.544,10.643,19.363,7.094c3.637-4.578,2.993-4.942,1.38-10.641
+	c-0.811-2.861,1.788-19.24,3.551-21.46c4.396-8.086,3.277-16.482,4.09-25.54c0.232-2.599,2.063-1.523,4.444-1.416
+	c1.205,0.055,2.14-4.517,2.518-5.561c1.645-4.547,1.723-9.482,2.271-14.273c0.421-3.672,4.352-6.771,4.989-10.42
+	c0.772-4.426,0.86-9.449,3.068-13.402c3.143-5.625,2.975-8.543,9.44-8.296c3.503,0.134,8.878,4.148,8.614,8.093
+	c-0.429,6.385-0.738,7.757,3.008,12.861c2.834,3.865,5.742,7.675,8.628,11.5c1.903,2.522,6.757,4.132,7.3,7.348
+	c1.05,6.213,1.526,9.129,5.3,14.104c1.525,2.012,3.276,0.459,5.429-0.595c3.562-1.745,3.09-3.737,3.266-7.392
+	c0.15-3.133,3.369-11.082,2.23-13.302c-2.3-4.481-3.516-9.323-8.075-11.562c-6.557-3.216-6.567-8.372-8.235-15.014
+	c-2.786-11.095-5.848-22.696-4.819-34.159c7.876,3.067,16.893,4.495,24.068,8.896c5.611,3.438,5.916,3.974,7.499,10.398
+	c0.69,2.8-0.973,10.441,1.197,12.179c6.018,4.815,7.675,2.195,7.84-4.931c0.026-1.157-0.604-4.842,0.271-5.707
+	c0.984-0.973,4.079-5.223,5.371-5.307c1.394-0.089,4.797,3.026,6.026,3.803c1.373,0.866,4.496,0.234,5.969-0.094
+	c5.37-1.19,0.606-11.541-0.512-14.57c-3.361-9.104-5.288-20.405-15.165-24.812c-5.937-2.648-7.854-5.103-11.396-10.339
+	c-3.585-5.299-6.155-5.991-11.391-9.679c-4.367-3.074-6.525-13.147-7.715-18.271c-2.01-8.668,2.432-17.8-1.189-26.577
+	c-2.283-5.532-7.287-12.653-7.698-18.733c-0.386-5.688,0.254-11.652-0.274-17.478c-0.75-8.257-3.568-16.806-5.359-24.915
+	c-1.603-7.258-0.468-14.733,7.488-9.373c0.063-7.669,3.21-3.249,6.899,0.188c4.032,3.759,7.546,7.451,11.161,11.597
+	c7.021,8.05,16.586,11.576,25.315,17.462c2.997,2.021,8.38,4.793,7.259,8.494c-0.841,2.771-1.681,5.547-2.521,8.318
+	c-0.714,2.355-3.114,3.771-3.828,6.209c-2.372,8.093,20.532,21.809,25.808,25.725c-1.94-4.91-2.708-6.771-6.788-9.99
+	c-5.253-4.146-5.863-5.703-7.864-12.16c-1.271-4.101-0.673-9.142-0.845-13.41c-0.283-7.113,5.889-8.184,11.61-6.116
+	c4.294,1.551,6.646,7.188,8.25,11.25c1.461,3.691,1.646,6.226,2.369,10.177c1.774,9.677,6.108,18.577,8.814,28.192
+	c2.228,7.915,2.767,16.19,4.293,24.266c1.147,6.075,2.807,10.634,5.593,16.089c2.609,5.11,2.426,8.143,2.404,13.975
+	c-0.021,5.408,13.479,11.805,16.907,16.298c5.905,7.741,10.897,13.975,12.271,23.749c0.592,4.214,6.814,6.775,8.907,10.459
+	c2.853,4.992,5.748,9.313,9.263,13.86c4.764,6.167,16.36,10.382,23.117,14.279c0.207-1.854,2.008-8.276,0.901-9.641
+	c-2.516-3.1-5.027-6.196-7.544-9.298c-4.464-5.503-6.768-11.797-11.68-17.104c-6.207-6.706-9.003-11.764-12.796-20.155
+	c-3.067-6.785-4.757-14.249-6.94-21.357c-3.338-10.872-8.872-30.139-3.645-40.657c1.688-3.396,2.708-6.718,3.819-10.359
+	c1.323-4.333,2.973-5.129,6.686-7.909c5.367-4.02,12.735,5.61,16.382,8.766c1.545-3.934,3.6-12.099,8.89-8.008
+	c0.125-6.485-0.003-6.01-5.944-8.622c-4.004-1.759-7.759-3.892-11.599-5.991c-2.466-1.352-10.085-3.855-11.364-6.432
+	c-2.229-4.469-4.006-8.126-5.047-12.973c-0.743-3.456-0.056-8.719-1.164-11.652c-1.898-5.016-3.884-9.771-6.224-14.596
+	c-1.12-2.31,0.845-7.887,1.349-10.547c1.091-5.763,2.724-11.934,2.877-17.788c0.114-4.457-0.36-8.955-0.612-13.4
+	c-0.062-1.111,9.366-3.578,11.321-4.206c4.371-1.399,8.07-2.795,12.631-2.931c7.021-0.208,7.973,0.493,13.539,4.867
+	c2.923,2.297,5.967,5.573,9.278,7.185c5.084,2.475,12.457-0.072,9.164-6.627c-4.616-9.188-12.694-17.088-8.866-28.066
+	c1.215-3.48,2.361-8.902,7.284-8.958c4.62-0.051,2.613,4.619,11.613,3.869c2.543-0.212,2.411,2.347,4.981,2.035
+	c2.057-0.246,4.225-1.235,5.73,0.302c0.84,0.855,3.541,4.68,4.693,4.786c1.615,0.151,4.457-5.527,6.343-5.623
+	c2.186-0.108,10.481,1.291,10.651,3.52c0.395,5.166-4.25,11.908-2.401,16.73c1.641,4.28,10.999,1.988,13.436,5.599
+	c3.729,5.535,1.214,6.961,1.019,13.35c-0.295,9.631,3.519,17.037,9.617,23.978c5.594,6.362,15.499,9.238,23.023,13.165
+	c4.779,2.492,10.803,16.45,9.905,21.161c-1.804,9.501,0.323,17.827,0.46,27.513c0.049,3.443,6.043,7.631,8.039,10.862
+	c3.453,5.597,6.767,10.568,10.967,15.604c3.682,4.408,2.259,10.294,2.295,15.919c0.009,1.21,6.077,4.16,7.117,4.834
+	c3.688,2.386,2.998,2.073,0.653,5.851c-3.252,5.235,2.271,9.538,2.126,15.149c-0.107,4.115-2.959,11.578-5.086,15.166
+	c-3.221,5.428-6.346,10.308-8.275,16.312c-2.502,7.776-3.268,13.495-0.057,20.948c4.547-2.221,7.037-2.338,8.15-7.244
+	c1.206-5.296,3.27-8.396,6.246-13.027c5.091-7.917,4.429-17.264,4.894-26.544c0.19-3.853,7.78-1.073,8.312-4.704
+	c0.734-5.035,1.283-9.934,1.621-15.007c0.662-9.922-4.847-19.45-8.965-28.174c-2.584-5.478-2.955-7.587-2.654-13.632
+	c0.236-4.739,5.563-8.068,4.98-13.153c-0.641-5.589-0.438-11.435-1.854-16.916c-1.222-4.729-3.961-9.228-0.029-12.645
+	c4.575-3.978-1.398-13.264-3.647-17.218c-2.046-3.596-9.792-4.646-12.042-6.146c-11.827-7.886-16.71-14.456-20.21-26.453
+	c-1.355-4.647-2.693-9.146-3.541-13.902c-0.788-4.418,5.582-7.62,3.823-10.71c-2.812-4.942-3.276-6.447-1.606-12.067
+	c0.842-2.834,2.797-11.479,5.229-11.16c3.972,0.52,8.216,2.198,11.488,4.595c2.311,1.688,6.674,9.229,9.334,4.258
+	c5.61-10.488,17.971,1.695,22.822,6.677c1.464,1.504,6.214,7.586,7.866,7.079c4.948-1.515,7.071,0.691,10.071,5.247
+	c5.487,8.333,9.743,12.999,14.723,21.689c2.368,4.187,1.5,11.183,5.062,14.927c1.775,1.864,9.241,7.184,9.218,9.234
+	c-0.049,3.729,1.269,10.714,2.973,14.089c2.203,4.36-0.337,9.36,2.25,13.5c2.479,3.964,1.055,5.218,0.75,9.75
+	c-0.288,4.304,0.974,7.067,0,11.25c-1.896,8.132,5.669,13.062,10.515,19.454c5.053-8.051,9.801-14.762,11.985-23.954
+	c1.501-6.312,4.4-6.437-0.499-10.5c-5.103-4.229-3.122-8.896-3.5-15.5c-0.519-9.064-3.728-19.984,0.5-28.5
+	c1.666-3.356,0.13-2.659,2.5-5.5c3.044-3.648,3.548-7.559,8.305-8.604c6.209-1.365,6.33-5.407,7.729-11.262
+	c1.295-5.42,3.316-9.42,5.951-14.34c0.271-0.514-0.484-2.476-0.471-2.906c0.059-1.541,1.517-3.246,2.107-4.642
+	c1.021-2.399,1.549-4.946,2.466-7.369c2.196-5.797,6.095-4.562,11.481-6.533c4.449-1.63,7.211-4.319,12.038-4.351
+	c3.812-0.023,4.144,9.739,4.94,13.123c1.939,8.223,9.633,14.354,10.604,23.271c0.355,3.275-0.646,7.197-0.94,10.479
+	c-0.268,2.985,1.018,5.52,1.963,8.361c1.453,4.37,1.664,3.406,6.243,2.659c4.901-0.799,5.354-1.173,8.484-5.122
+	c10.849,14.032,20.097,26.231,37.846,31.981c6.579,2.132,13.213-2.989,15.036-7.301c2.52-5.956,5.062-7.056,10.77-10.407
+	c7.553-4.438,11.396-14.052,11.604-22.485c0.222-8.999,2.516-20.938-0.756-29.35c-1.107-2.849-2.252-5.724-3.604-8.466
+	c-1.509-3.069-5.04-4.722-6.665-7.922c-4.648-9.156,5.008-6.314,10.492-8.428c6.416-2.472,7.654-2.134,9.541-8.648
+	c1.205-4.161,8.898-1.184,11.477,0.438c3.212,2.02,9.796,5.58,11.648,8.774c12.21,21.041,8.822,4.604,12.21,1.541
+	c5.22-4.715,4.71-11.919,5.083-19.082c0.158-3.052-0.583-6.497,0.416-9.42c0.889-2.597,2.432-5.012,3.208-7.625
+	c2.865-9.625,7.418-20.011,19.588-17.811c7.886,1.425-0.046,11.146-3.095,14.321c-5.533,5.762-1.512,11.183,1.555,17.403
+	c1.252,2.537,4.888,3.749,7.254,5.169c2.949,1.771-1.704,7.222-3.041,8.391c-3.927,3.426-0.426,4.043-1.6,8.379
+	c-0.746,2.763-4.408,5.583-6.031,8.093c-2.469,3.815-4.73,4.913-2.082,8.697c2.32,3.312,5.411,2.501,7.955,5.062
+	c2.609,2.627,2.471,5.793,0.456,8.14c-3.171,3.695-3.053,5.14-3.364,10.068c-0.272,4.348,14.24,2.721,17.076,2.437
+	c3.156-0.316,3.459,2.246,6.732,0.633c4.206-2.071,5.102-2.871,7.47-6.945c0.391,4.636-0.417,16.051,4.189,18.938
+	c4.376,2.74,14.405,7.865,19.573,7.276c3.906-0.442,7.812-0.89,11.721-1.334c1.48-0.169,5.092,5.569,6.395,6.966
+	c5.906,6.32,16.839,0.292,23.979-2.186c3.062-1.062,5.957-1.856,9.221-2.164c4.877-0.459,4.656,4.992,6.569,8.482
+	c1.562,2.844,3.438,5.364,6.041,7.229c4.66,3.336,4.627,3.165,4.358,8.878c-0.344,7.376-4.34,12.898-5.694,20.048
+	c-1.517,7.998-5.395,12.517-11.444,17.795c0.225,0.017,0.59-0.495,0.854-0.218c1.173,1.239-7.146,11.664-8.812,10.67
+	c-0.508,5.594-1.355,11.121-0.885,16.725c0.118,1.42,1.547,7.682,0.457,8.625c-2.344,2.03-4.686,4.062-7.024,6.092
+	c3.851,4.035,6.503,4.514,3.545,9.412c-2.126,3.52-3.505,7.062-5.009,10.903c1.352,0.064,4.354-0.411,5.344,0.535
+	c1.71,1.636,2.904,3.781,5.344,3.532c7.943-0.81,10.965-5.922,15.904-11.604c2.798-3.215,8.34-5.07,10.469-8.73
+	c2.59-4.449,4.473-8.303,8.373-11.604c3.691-3.122,7.153-6.751,11.508-8.896c2.09-1.031,4.104-2.729,6.438-2.239
+	c1.344,0.282,6.528,2.201,7.489,1.202c4.235-4.41,8.36-5.689,14.104-7.973c4.567-1.815,7.456-4.097,12.417-4.937
+	c0.205,5.312-1.145,6.99-3.962,11.607c-2.735,4.483-2.596,7.678-3.659,12.836c-1.732,8.413-6.012,16.417-7.14,24.938
+	c-0.862,6.51-1.243,7.635-5.878,12.206c-2.993,2.952-7.299,3.919-7.668,8.299c-0.127,1.506-1.196,5.16-0.016,6.271
+	c2.239,2.102,2.652,1.983,2.064,4.896c-0.957,4.733-1.301,9.191-1.571,14.024c-0.202,3.604-4.312,5.66-4.104,9.688
+	c0.301,5.787,0.841,9.896,2.682,15.356c-0.105-0.316,9.433,0.609,10.896,1.104c4.3,1.451,2.393,6.212,2.216,10.317
+	c-0.787,18.32-11.283,34.516-19.771,50.458c-5.062,9.514-8.086,18.247-14.718,26.786c-5.515,7.103-8.701,14.364-15.235,20.656
+	c-5.162,4.971-9.893,10.828-14.592,16.248c-5.65,6.521-17.063,9.819-20.798,17.471c8.271-0.5,15.731-5.221,23.448-8.155
+	c7.094-2.699,12.029-8.521,17.453-13.722c1.684-1.612,4.102-6.637,4.849-8.873c0.476-1.432,6.89-2.732,8.36-3.354
+	c3.177-1.338,1.816-8.997,4.994-10.334c3.658-1.545,7.136-3.694,10.631-5.577c0.729,6.305,2.248,11.951,3.979,18.073
+	c2.566-2.498,5.132-4.996,7.699-7.491c2.938-2.861,2.669-5.195,3.253-9.365c1.01-7.195,10.797-12.695,10.539-19.631
+	c-0.318-8.713,5.777-17.062,9.845-24.268c3.545-6.282,6.873-12.599,10.087-19.053c1.42-2.848,2.635-6.138,4.746-8.555
+	c2.283-2.611,6.992-4.248,6.697-8.111c-0.363-4.756,0.189-9.28,0.557-14.021c0.244-3.184,1.984-6.131,2.191-9.276
+	c0.545-8.324,2.393-13.71,5.521-21.497c1.236-3.076,4.911-3.141,7.716-4.611c3.255-1.712,6.281-4.119,9.357-6.139
+	c-7.039-4.467,1.863-7.923,5.802-9.581c5.438-2.291,5.666-2.146,7.46-7.644c3.279-10.045,11.181,4.257,13.57,6.929
+	c0.662,0.737,3.219,2.716,2.658,3.68c-1.25,2.146-2.59,5.005-4.598,6.548c-1.937,1.49-5.297,8.53-5.236,10.982
+	c0.086,3.737,4.926,6.792,7.475,8.94c3.719,3.139,5.135-1.518,7.938-4.774c2.872-3.339,9.323-14.547,13.678-10.44
+	c4.008,3.781,4.195,3.52,3.064,8.836c-0.826,3.882-1.621,7.757-2.355,11.653c-0.938,4.968,1.806,5.704,0.833,10.546
+	c-0.962,4.788,3.036,8.287-2.462,12.787c-1.727,1.411-8.383,2.979-10.5,3.5c-3.014,0.74-10.395-1.433-13.5-2
+	c0.029,2.401,2.625,7.998,4.5,9.5c2.498,2.001,10.445,3.864,10.5,5.5c0.139,4.358-13.873,5.035-17.289,5.24
+	c-1.114,0.067-4.221,1.632-4.712,2.76c-0.38,0.864-10.053,6.551-10.385,7.325c-2,4.667-2.642,6.406,2.667,7.333
+	c1.168,0.204,9.933-2.894,13.219-3.158c5.574-0.449,12.479-0.147,18.998-0.499c6.521-0.352,16.022,0.423,17.002,1.999
+	c2.223,3.588-1.424,10.855-6.502,13.001c-4.74,2.003-7.443,3.429-12.499,4.5c-4.364,0.927-14.104,0.253-18.499,0.999
+	c-2.149,0.366-10.914,3.519-11.002,5.5c-0.131,2.938,1.18,3.916,4.001,4.5c3,0.621,11.502-0.121,14.501,0.5
+	c4.662,0.969,4.466,0.555,9,2.001c3.146,1.003,15.514-4.208,18-2.501c0.573,0.396-0.848,4.336-1.001,5
+	c-0.353,1.5-10.858,5.49-12,6.501c-4.765,4.218-6.749,4.724-4.001,10.5c1.252,2.632,11.307,10.655,14.002,11.499
+	c2.033,0.637,6.47,2.445,8.498,2.001c2.102-0.457,7.744-17.188,9.502-18.501c0.482,1.953,0.254,15.712-1.001,17.001
+	c-3.853,3.956-7.585,10.896-9.499,15.999c-2.258,6.009,0.593,7.771-5.501,10c-3.716,1.357-11.918,0.342-14.501-3.499
+	c-5.051-7.506-14.047-12.896-21.998-17.001c-4.493-2.319-7.99-7.906-13.001-9c-4.831-1.055,0.069,7.619-4.5,10
+	c-0.634-4.649-14.915,1.488-18.499,3c-6.063,2.556-9.743-1.084-9.502,5.501c0.17,4.591,3.937,7.632,8.707,9.15
+	c8.117,2.584,15.099,2.537,23.794,2.349c8.138-0.179,17.667,4.08,21.499,12c2.168,4.481,10.369,8.289,14.002,12
+	c4.201,4.299-15.178-2.799-17.002-3c-2.691-0.302-21.745-4.353-22.999-2c-2.509,4.705-2.476,5.911,1.001,10.001
+	c3.004,3.536,7.437,2.993,11.498,4.999c7,3.459,15.773,5.135,20.002,11.501c-6.301,0.378-19.002,0.999-26.002,3.499
+	c-2.5,7.001,10.41,6.752,4.5,14c-2.321,2.849-6.184,5.287-9.998,4.5c-6.852-1.406-9.053-1.715-15.502,1
+	c6.099,7.178,9.305,10.133,17.002,15.5c2.861,1.998-9.687,8.75-11.271,9.733c-4.512,2.806-12.501,2.964-17.732,1.767
+	c-11.535-2.639-15.064-17.503-20.748-26c-5.345-7.987-7.674-2.701-16.739-7.362c-3.211,1.688-3.123,4.341-2.581,7.163
+	c0.301,1.562-2.199,5.239-1.286,6.343c3.706,4.476,7.526,8.812,10.767,13.636c1.582,2.358,3.066,4.602,4.945,6.72
+	c2.805,3.161,2.751,3.126,1.838,7.271c-0.805,3.668-1.39,2.551-5.006,1.856c-3.576-0.684-7.153-1.367-10.729-2.051
+	c1.178,3.833,1.231,8.062,2.389,11.737c1.615,5.149,4.236,4.916,1.909,10.317c-2.521,5.854-8.296,0.449-10.562,3.482
+	c-3.111,4.159-7.68,4.644-6.191,10.137c0.502,1.856,3.443,5.646,4.269,7.385c0.792,1.673,0.003,2.435,0.265,4.143
+	c0.66,4.298,0.245,8.145,3.459,10.868c3.486,2.957,1.146,12.69-2.447,14.691c-4.521,2.521-8.131,3.68-13.171,4.935
+	c-3.566,0.887-6.769,2.727-10.085,4.299c-2.682,1.27-3.668,6.219-6.082,8.205c-2.873,2.366-5.508,6.233-9.314,5.471
+	c-4.668-0.938-8.924-1.954-13.42-3.495c-10.432-3.575-1.188,14.18-1.511,17.055c-0.378,3.383-4.105,6.206-4.646,9.854
+	c-0.655,4.431-1.21,8.081-2.912,12.192c-4.229-2.857-8.271-5.509-12.814-7.812c-3.985-2.023-9.011-1.491-13.276-2.969
+	c-5.449-1.89-10.164-2.858-14.607-6.375c-5.467-4.328-8.284-5.593-12.081-11.543c-5.49,4.893-7.056,4.77-4.969,11.862
+	c-6.064,1.567-9.615,1.274-12.605,6.793c-2.322,4.278-5.979,8.446-9.637,11.655c-8.827,7.742-18.026,14.479-27.562,21.345
+	c-3.783,2.726-10.745,3.614-15.16,5.077c-6.166,2.046-5.676,4.941-9.613,10.053c-7.453,9.672-16.34,13.896-27.022,18.958
+	c1.64,1.955-31.763,26.496-37.064,31.882c-7.487,7.603-8.532,17.469-13.661,26.105c-3.047,5.134-13.884,6.99-19.006,8.908
+	c-3.752,1.404-4.622,0.416-8.641-1.146c-9.613-3.729-15.584-8.182-23.285-15.071c-2.403-2.154-3.006-7.927-3.994-10.97
+	c-0.596-1.837-5.364-5.38-6.928-7.185c-3.857-4.457-13.727-2.065-18.875-1.846c-3.195,0.137-7.153,3.461-9.942,4.936
+	c-3.046,1.61-6.862,4.845-10.183,5.436c-3.418,0.604-8.837-0.828-12.282-1.627c-3.395-0.785-7.38-2.438-10.858-2.518
+	c-2.559-0.061-5.625,1.982-8.118,1.373c-7.116-1.744-11.28-0.271-17.832-4.737c-0.671-0.457-13.702-10.937-16.084-8.438
+	c-2.976,3.119-8.875,13.407-12.026,12.808c0.268,3.321,1.915,5.813,2.199,8.732c0.49,5.067-9.88,1.938-9.332,6.395
+	c-1.904-2.147-5.776-7.778-9.089-8c-0.625-0.043-5.909,2.374-6.052,2.865c-0.268,0.935,1.979,4.519,2.1,6.01
+	c0.263,3.22,1.993,10.604-3.658,9.604c-4.267-0.755-9.567-2.561-12.061-6.362c-1.37,2.928-3.954,5.731-7.33,6.123
+	c-1.663,0.19-7.43-1.99-8.514-0.649c-3.904,4.828-6.321,10.946-1.067,15.454c2.265,1.942,3.139,4.084,5.761,2.613
+	c5.938-3.337,3.5,1.12,1.087,4.707c-4.146,6.166-6.757,5.959-14.169,8.133c-5.771,1.688-11.508,3.457-17.246,5.267
+	c-2.439,0.77-3.902,4.092-5.388,6.079c-0.399,0.532-5.987-2.753-6.409-3.739c-2.649-6.188-4.631-11.104-8.994-16.164
+	c-4.168-4.835-8.666-8.104-13.844-11.896c-1.98,4.005-3.911,9.618-2.811,14.195c0.518,2.137,3.297,4.826,4.54,6.647
+	c1.366,1.998-2.538,3.294-3.886,4.787c-4.035,4.468-1.418,6.101,0.254,10.969c1.939,5.646,3.878,11.288,5.817,16.931
+	c-3.202,0.139-6.407,0.273-9.609,0.408c-3.976,0.17-3.501-0.142-5.259-3.852c-2.619-5.521-5.232-11.043-7.851-16.564
+	c-2.96,4.281-8.64,9.476-8.638,14.816c0.001,6.959-1.821,16.188,1.203,22.576c1.598,3.371,1.156,4.896,0.725,8.479
+	C926.694,1233.266,925.401,1236.903,924.625,1238.131z"/>
+<path fill="#E0BC6C" d="M577.876,707.631c-0.569-2.328-4.886-2.863-6-9c-1.483-8.164,2.13-9.742,1.5-13.5
+	c-0.841-5.037-7.171-9.186-6.75-14.25c0.373-4.471,3.983-9.858,3-14.25c-0.915-4.095,5.216-10.57,3.271-14.332
+	c-2.904-5.604-5.146-5.615-11.241-5.869c-4.157-0.176-4.808,6.168-8.529,5.27c-2.967-0.719-6.305,0.176-9.271-0.546
+	c2.114-5.265,4.17-15.538,7.898-19.923c2.897-3.4,6.365-6.65,8.812-10.394c2.691-4.117,5.182-6.103,1.023-9.806
+	c-1.996-1.779-6.03,3.016-8.464,3.575c-3.639,0.837-6.115,6.062-9.818,5.454c-2.896-0.472-3.219-15.659-2.254-17.441
+	c1.784-3.289,6.229-7.388,9.348-9.283c-1.853-1.684-7.081-2.028-9.414-2.875c-2.864-1.039-9.629-0.229-12.404-1.488
+	c-6.102-2.777-8.809-4.247-14.182-8.183c-2.921-2.146-0.908-14.347-2.185-18c-1.286-3.688,4.562-2.854,3.273-6.548
+	c-0.143-0.396-7.001-4.962-8.185-6c-3.798-3.334-4.392-4.335-4.361-9.271c0.023-4.287,0.144-6.425,4.361-6.546
+	c3.479-0.102,4.441-2.185,7.094,0c2.464,2.023,5.265,4.413,7.636,6.546c4.682,4.201,6.75,11.089,11.107,15.617
+	c4.182,4.341,10.953,7.105,17.257,4.019c2.592-1.271,2.81-5.697,1.979-8.536c-0.729-2.495-6.409-4.244-8.012-6.474
+	c-0.819-1.135-3.715-3.903-3.473-5.292c0.071-0.412,0.812-4.776,0.838-4.771c3.803,0.562,5.95-0.034,9.757,0.525
+	c1.881,0.277,4.148-0.018,4.361-3.271c0.055-0.785,5.331-3.833,5.454-4.363c0.649-2.787,6.228-2.525,7.092-5.454
+	c1.146-3.884,0.361-4.152,0.547-8.183c0.154-3.495-10.103-2.06-10.909-5.454c-1.111-4.652,13.146-12.961,12.546-15.273
+	c-1.217-4.676-12.421-5.477-16.909-7.636c-5.959-2.865-10.908,0.939-17.455,1.636c-0.938,0.103-9.104-0.493-9.815-1.09
+	c-0.693-0.582-2.064-7.211-2.185-8.183c-0.472-3.941,5.312-6.015,8.484-6.634c3.258-0.637,8.459-0.605,11.26-2.468
+	c3.229-2.147,10.298-1.842,13.529-3.991c-5.654-5.006-13.55,0.103-19.639-4.361c-0.111,1.297-2.321-7.486-3.271-7.094
+	c-3.237,1.35-5.653,6.664-8.889,8.017c-2.87,1.197-5.343,0.659-8.479,0.45c-4.53-0.305-0.675-5.512-1.181-10.103
+	c-0.373-3.37-4.479-6.452-4.909-9.816c-0.435-3.354-1.358-3.529-3.818-6c-1.49-1.497-1.322-3.245-0.545-5.454
+	c1.109-3.146-2.104-1.979-2.087-5.271c0.034-5.568-3.605-11.885-7.974-15.613c-4.231-3.61-7.781-5.135-12.305-8.57
+	c-2.032-1.547-17.602,6.278-18.546,3.817c-1.219-3.165,11.513-14.81,10.363-18c-0.61-1.714-8.021-3.181-9.817-3.817
+	c-2.949-1.044-7.416,2.137-10.362,1.092c-0.027,0.592-7.612-4.41-7.638-3.817c-9.916-0.396-6.185,0.126-13.092-7.638
+	c1.608-1.283,1.248-16.357-0.587-19.371c-0.751-1.233-2.306-2.914-2.491-4.373c-0.146-1.129,0.034-3.508-0.574-4.448
+	c-1.663-2.58-6.353-2.379-8.25-4.785c-2.859-3.623-4.614-9.231-6.643-13.385c-1.494-3.06-3.155,8.666-6.137,6.545
+	c-4.384-3.112-11.745-13.653-16.229-16.909c-0.868,4.96-0.624,7.729-6.546,8.184c-2.273,0.179-2.112,9.603-4.361,9.271
+	c-4.037-0.598-13.363-4.683-14.729-9.816c-0.266-1-10.771-5.652-12-6c1.177,3.292,7.985,8.619,6,10.362
+	c-3.54,3.104-15.085,1.307-17.672,1.202c-5.481-0.22-9.879-1.726-10.691,3.707c-0.61,4.075,1.938,5.802,4.908,8.729
+	c-5.462,5.528-10.542,9.051-15.816,14.729c6.854,1.91,6.121,5.541,13.092,4.362c4.219-0.713,10.728-12.45,13.091-15.817
+	c2.726-3.879,15.736-6.517,19.636-3.817c1.27,0.873-6.952,12.284-5.454,11.455c2.222-1.228,6.15-5.056,7.639-7.093
+	c0.769-1.054,2.081-6.547,3.271-6.545c2.712,0.006,17.037,2.958,19.091,4.909c1.404,1.331-3.91,5.143-4.908,7.091
+	c-1.592,3.107-10.714,8.787-6.546,10.909c3.772,1.921,7.671,2.749,10.363-0.547c1.821-2.227,12.373-10.414,15.272-9.817
+	c1.291,0.264,2.269,4.769,2.591,6c0.872,3.347,5.179,2.688,7.228,5.455c2.433,3.281,6.869,3.215,9.818,6
+	c3.69,3.489-4.992,11.889-6.546,13.638c-3.685,4.149-6.794,2.023-12.26,3.28c-1.021,0.232-6.261,0.103-6.831,1.082
+	c-1.185,2.027,3.688,8.138,1.637,9.272c-5.615,3.106-11.232-3.622-16.909-6.546c-4.281-2.207-10.041-4.658-14.728-6
+	c-3.732-1.065-3.351,1.025-7.093,0c-1.423-0.391-6.018,1.598-6.545,2.729c-0.922,1.968-4.442,2.811-6.546,2.728
+	c-2.957-0.115-4.079,6.855-5.454,9.272c-0.416,0.729,7.046,7.881,7.9,8.438c3.26,2.118,6.752,5.304,10.354,6.736
+	c3.612,1.437,8.309,1.595,12.126,2.327c7.382,1.416,15.672,8.295,22.277,12.052c3.362,1.912,3.681,4.651,7.34,5.898
+	c3.317,1.126,7.56-2.161,10.908-3.271c0.315,1.146,6.504-6.062,6.818-4.909c0.64-1.159,5.635,2.249,6.271,1.091
+	c-0.29,6.883-5.754,11.215-9.816,16.909c-3.92,5.492-8.062,8.13-5.455,13.636c3.66,7.737,8.408,18.883,10.179,27.119
+	c1.248,5.812,10.1,9.115,8.912,14.881c-0.548,2.688-8.984,1.458-10.091,3.818c-1.23,2.629-3.26,11.47-5.184,13.637
+	c-1.379,1.555-3.938,8.555-6,8.728c-2.122,0.181-10.556,8.186-11.454,6c-3.304-8.019-0.509-7.452,3.272-15.271
+	c1.703-3.519,3.342-18.295,5.863-21.272c1.446-1.711-3.959-4.073-5.863-4.908c-3.757-1.644-4.998-1.862-6.546,3.271
+	c-1.538,5.098-8.001,13.729-7.636,19.092c0.353,5.227-4.07,15.018-7.639,19.092c-1.36,1.559-3.396-12.529-3.271-14.184
+	c0.527-7.125,1.09-20.956,3.271-27.749c2.399-7.476,6.264-5.39,4.908-13.159c-0.456-2.628-3.801-12.863-6.546-13.637
+	c-1.783-0.504-9.832-8.934-10.363-7.091c-1.357,4.751,0.129,4.896,0,9.817c-0.13,4.979-3.631,10.054-3.271,14.729
+	c0.405,5.264-2.927,9.205-2.498,14.484c0.062,0.802-13.822,14.805-14.957,13.879c-3.563-2.903,2.49-14.541,3.271-19.092
+	c0.669-3.897,2.604-9.19,3.272-13.092c-0.378,2.534-19.801,16.56-20.182,19.092c-4.276-3.942,6.646-15.604,5.453-21.271
+	c-0.713-3.389-1.215-5.539,0-8.729c1.123-2.955,2.239-5.903-0.546-7.092c0.138,2.843-9.402,19.816-12.546,21.272
+	c-3.902,1.804-8.997,2.09-11.454-1.091c-3.262-4.225,8.598-14.107,10.909-19.639c1.42-3.398,4.08-15.429,2.184-18.545
+	c-2.581-4.235-2.802,2.081-7.093,4.363c-2.984,1.587-12.386,9.117-15.816,8.728c-1.223-0.136,2.928-12.41,2.182-13.637
+	c-1.926-3.158,5.614-11.923,2.729-14.182c-2.338-1.829-9.91-5.529-12.464-7.049c-2.226-1.317-6.402-3.34-7.718-5.497
+	c-1.921-3.153-3.274-4.062-7.092-4.363c-2.618-0.207-7.354,1.57-7.091,6c0.379,6.384,7.805,21.998,10.364,27.818
+	c-3.617,1.32-16.733-11.869-19.091-8.729c-0.523,0.698-6.552,6.452-6,7.091c1.213,1.405,6.203,2.188,7.091,3.818
+	c2.249,4.146,6.149,5.597,10.21,8.052c5.289,3.2,3.404,15.401,6.153,21.403c-5.659,2.596-12.776-1.724-18-6
+	c-4.657-3.813-5.684-5.771-10.909-8.729c-2.939-1.667-11.518-3.825-14.705-4.91c-4.496-1.527-4.738-2.525-7.918,1.009
+	c-1.926,2.139,0.528,7.213,1.136,9.872c0.41,1.798,6.122,4.588,7.664,5.695c2.077,1.498,4.153,4.146,5.298,6.438
+	c0.597,1.188,2.436,8.03,3.117,8.52c3.65,2.622,6.52,6.071,10.925,7.238c3.269,0.869,6.509,1.692,9.76,2.659
+	c7.16,2.139,10.737,7.419,17.697,9.742c6.845,2.283,19.391,9.375,19.391,19.191c-2.728,3.818-19.136-4.514-25.637-5.455
+	c-3.519-0.506-8.688-1.948-12-3.271c-2.764-1.101-3.313-2.219-6.228-1.919c-3.754,0.382-7.475-0.01-11.241-0.203
+	c-3.659-0.19-5.684-2.36-8.687-4.495c-2.896-2.057-4.342-3.623-7.499-5.277c-2.792-1.464-4.537,2.123-7.661,2.112
+	c0.703,5.856,3.048,8.911,2.8,14.815c-0.21,4.97-1.617,6.594,2.393,9.598c2.361,1.766,6.483,4.717,8.983,6.282
+	c10.063,6.297,21.123,1.335,32.308,1.598c2.913,0.066,6.396,1.923,9.241,1.455c2.313-0.38,5.57-2.241,7.596-3.476
+	c3.118-1.897,15.927-5.582,19.449-1.4c2.156,2.561-6.758,8.123-7.091,10.91c-0.418,3.47,0.995,4.089,1.675,7.49
+	c0.171,0.848-11.403,0.803-12.584,1.234c-3.457,1.266-5.097,3.062-8.727,2.184c-2.702-0.652-7.953,4.415-10.158,5.738
+	c2.367,3.889,7.782,0.625,12.34,0.808c1.701,0.066,9.56,3.396,10.909,4.361c0.479,0.342,0.271,7.254,0,7.639
+	c-2.179,3.054-10.583,0.283-14.183,1.636c-4.388,1.646,0,13.091-2.728,16.364c-3.403,4.083-12.521-6.619-17.455-4.909
+	c-4.365,1.512-9.354,15.46-12.545,12c-1.883-2.043-4.302-8.34-3.272-10.909c0.647-1.61,2.037-6.982,2.182-8.728
+	c0.389-4.666-3.813-8.283-8.728-10.908c-2.623-1.401-2.947-2.98-6-3.273c-2.89-0.273-7.142-1.676-9.646-3.121
+	c-3.007-1.73-8.265-3.476-10.519-6.065c-2.879-3.313,0.799-2.55-3.29-4.993c-2.227-1.33-18.866-9.5-18-3.818
+	c1.257,8.223,2.3,11.525,8.593,17.16c1.146,1.026,3.19,1.508,4.167,2.564c0.911,0.984,0.164,1.673,0.584,2.558
+	c0.8,1.689,1.308,3.593,1.948,5.354c1.449,3.98,15.596,17.902,17.98,21.456c6.685,9.96-20.807-9.517-24-4.909
+	c-2.62,3.775-5.092,6.414-1.637,9.816c2.533,2.5,5.921,7.987,9.272,9.273c7.117,2.735,12.461,1.145,19.637,3.817
+	c-1.088,2.069-2.678,6.801-4.93,7.646c-3.452,1.288-6.902,2.578-10.355,3.866c-5.652,2.111-11.641,2.752-16.226-1.771
+	c-4.277-4.215-1.942-4.347-6.126-8.65c-1.853-1.907-10.208-5.275-12.545-6.545c-2.528-1.375-4.856-0.368-7.091-2.184
+	c-1.373-1.113-7.1-12.56-9.272-11.455c-3.204,1.63-6.467-0.219-7.092,3.273c-0.506,2.833-2.487,2.512-3.077,5.326
+	c-0.434,2.055-0.693,6.506-1.982,8.109c-1.34,1.668-5.885,2.745-7.857,3.673c-1.734,0.807-6.197,1.242-7.307,2.688
+	c-0.98,1.273-0.557,5.678-0.721,7.342c10.615-1.446,20.35-3.133,31.016-1.844c8.852,1.065,11.663,6.199,19.929,9.065
+	c1.95,0.679,14.537,5.902,13.212,4.351c-1.276-1.488-0.298,1.383,1.641,6.479c2.287,6.018,1.216,9.523,6.966,11.535
+	c3.59,1.263,13.358-2.258,16.636-4.038c4.206-2.286,6.455-5.812,9.854-8.935c3.551-3.271,5.045-4.865,9.698-5.853
+	c1.934-0.409,14.226-3.772,15.631-4.632c6.591-4.01,4.645-10.749,12.546-11.454c4.117-0.367,21.451,10.927,24.258,5.438
+	c2.059-4.019,1.578-8.664,2.469-13.074c0.785-3.873,2.109-5.983,4.364-9.271c1.396-2.027,12.868-14.863,15.271-14.729
+	c1.004,0.058-1.808,10.229-1.091,10.908c2.563,2.431-5.488,7.664-1.091,8.182c5.935,0.703,5.318,6.728,9.817,2.729
+	c3.399-3.024,6.958-25.319,9.816-28.364c4.286-4.571,2.261,12.71,8.184,14.729c3.76,1.277,2.225-10.925,5.453-12
+	c4.738-1.578,4.571,2.686,8.729,5.454c2.067,1.38-0.335,4.521,4.363,7.638c-0.977,1.274-7.086,6.587-6.546,7.636
+	c2.081,4.044-5.354,6.322-3.272,10.364c-0.105-3.187,1.699-5.56,5.455-6c1.922-0.229,8.728,16.362,6,11.453
+	c-2.184-4.907-2.953-36.405-1.637-40.907c0.988-3.374,6.018,3.271,8.182,0.545c1.012,2.059,5.616-0.489,8.728,2.182
+	c0.832,0.716-9.021,14.065-7.091,15.818c2.037,1.853,4.409,13.931,5.454,14.727c1.156,0.881,2.229-16.331,1.092-19.636
+	c-1.137-3.304,6.971-14.518,8.184-13.636c1.648,1.196,6.059-1.155,7.636,0c2.094,1.532,7.517,22.61,9.273,24
+	c2.602,2.057,5.334-5.336,6.545-3.818c3.464,4.338,1.078,6.845,6,8.183c2.072,0.564,14.257-9.979,18-9.272
+	c3.043,0.574-2.298,12.454-0.545,12.546c5.301,0.271,13.675-22.325,17.452-18.546c4.909,4.91-7.274,31.246-10.361,33.272
+	c-2.473,1.621-18.68,5.487-17.455,8.729c1.05,2.78,10.158,10.075,12.546,11.454c3.604,2.096,1.562-4.146,3.818-7.09
+	c1.814-2.377,7.118-2.426,7.636-5.455c0.714-4.206,2.541-4.207,1.923-8.377c-0.826-5.522,0.174-14.455,5.714-15.623
+	c5.546-1.178,3.419,11.405,7.091,15.816c2.145,2.572,10.768-11.962,13.639-10.362c7.643,4.248-0.68,19.585,7.091,23.453
+	c6.215,3.103,19.744,0.046,26.727-0.545c4.914-0.412,8.12-3.952,9.818,0.545c0.356,0.942-5.385,14.578-6.474,15.396
+	c-7.075,5.312-15.113,9.511-23.588,11.85c-5.802,1.604-5.412,2.241-5.111,7.718c0.061,1.104,1.419,12.241,1.254,12.326
+	c-2.508,1.229-14.346-5.727-16.658-6.756c-1.055,2.846-2.781,4.977-4.119,7.55c-1.559,2.985-0.352,7.27-3.436,9.265
+	c-4.057,2.625-9.183,3.625-13.614,5.435c-1.158,0.477-4.749,1.413-5.388,2.69c-2.422,4.81,2.041,8.671-2.502,11.438
+	c-3.812,2.321-6.586,1.843-10.909,2.728c-4.583,0.938-16.889,1.115-15.273,8.182c2.024,8.861,9.13,11.823,15.818,13.638
+	c8.538,2.322,8.866,9.584,18,9.816c7.248,0.184,12.967-1.095,20.182-2.726c6.183-1.398,12.761-6.199,16.364-11.455
+	c4.873-7.118,4.457-8.044,8.182-15.819c0.84-1.752,12.962-5.479,13.772-4.021c2.015,3.612,8.483-2.866,10.5,0.75
+	c0.845,1.513,6.591,9.523,6,11.25c-1.228,3.577,7.5,5.25,7.5,5.25l8.25-3l0.75-10.5l8.25-4.5l10.5,12l12-1.5
+	C573.376,718.881,578.405,709.765,577.876,707.631z"/>
+<path fill="#E0BC6C" d="M208.221,833.041c-0.434,6.769-0.428,8.934,2.764,14.85c1.402,2.601,6.299,12.808,8.979,12.65
+	c3.146-0.182,12.053,0.228,14.325-2.404c4.835-5.604,8.028-8.351,14.543-11.863c7.374-3.977,21.29-8.123,29.77-7.955
+	c6.468,0.127,10.796-0.324,16.363,2.845c5.08,2.896,10.61,3.7,16.374,4.173c6.194,0.511,11.213-0.763,17.34-2.059
+	c4.776-1.013,10.807-0.299,15.196-2.039c4.776-1.896,9.289-4.553,14.092-6.262c7.372-2.621,10.031-2.746,15.934,2.275
+	c7.75,6.6,17.49,10.72,27.773,8.517c6.252-1.339,10.105-1.575,14.666-5.956c3.325-3.193,6.561-8.938,6.105-13.641
+	c-0.869-9.006-5.767-26.053-17.797-25.135c-5.915,0.451-3.309,9.604-9.938,5.291c-1.752-1.139-4.868-3.104-6.928-3.013
+	c-1.415,0.062-4.1,6.009-6.316,1.898c-3.142-5.821-7.675-4.529-13.962-4.739c-2.438-0.08-2.705-1.543-5.071-0.266
+	c-2.834,1.525-5.668,3.055-8.501,4.584c-5.006,2.698-6.254,7.088-12.001,9.365c-4.97,1.972-10.332-1.6-15.395,0.318
+	c-1.4,0.531-2.865,0.996-4.233,1.604c-0.632,0.28-0.515,2.504-1.152,2.724c-2.141,0.729-6.659-0.706-8.915-0.945
+	c-5.16-0.546-11.24,0.361-15.999-1.061c-4.651-1.391-9.015-3.721-13.694-5.119c-6.037-1.809-9.843,3.9-13.764,7.883
+	c-3.35,3.397-9.932,9.057-14.83,9.792c-5.139,0.771-11.135-3.727-16.011-4.911c-4.468-1.088-9.816,1.359-14.637,1.273
+	c-6.211-0.109-10.275,2.637-14.582,6.836C208.555,832.717,208.389,832.879,208.221,833.041"/>
+<path fill="#E0BC6C" d="M1450.126,375.38l3,6l1.5,7.5l-12,10.5l-9,6l-10.5,9l1.5-13.5l6-9l12-10.5L1450.126,375.38z"/>
+<path fill="#BFE596" d="M1303.54,762.663c-1.907,0.737-9.636,5.028-11.195,4.036c-4.014-2.554-8.145-3.257-7.663-8.166
+	c0.407-4.179,1.55-8.635,0.487-12.734c-1.038-4.014-2.368-7.938-2.609-12.079c-0.313-5.312-0.156-8.256,1.352-13.298
+	c1.224-4.084,2.337-6.832,1.791-10.988c-0.662-5.053-1.018-8.315,0.008-13.238c0.968-4.634,1.751-6.102-0.329-10.139
+	c-4.61-8.943-8.384-17.146-11.617-26.646c-2.327-6.834-6.71-13.357-12.844-17.568c-2.957-2.029-9.349-4.719-11.089-7.842
+	c-2.941-5.278-3.827-5.6-1.321-10.953c2.753-5.881,1.31-5.467-3.506-9.895c-3.15-2.895-5.884-4.384-9.756-6.33
+	c-2.775-1.395-5.564-2.723-8.382-4.039c-1.6-0.747-16.396-8.646-12.598-1.805c2.388,4.3-1.107,5.686-4.381,9.467
+	c-0.558,0.645-4.893-2.344-5.684-2.782c-2.187-1.214-2.536,0.78-3.979,2.646c-3.358,4.338-4.67,8.829-7.095,13.84
+	c-1.899,3.928-4.291,5.248-7.625,7.816c-8.301,6.393-12.123,12.441-15.418,22.271c-1.389,4.138,2.801,8.063,3.941,12.045
+	c1.045,3.644,1.535,8.313,1.537,12.121c0.002,6.293,1.032,9.822-3.157,14.479c-3.175,3.521-7.436,5.416-11.522,7.801
+	c-3.943,2.301-6.006-4.564-9.422-6.297c-5.859-2.974-7.297-0.058-10.41,4.245c-5.717,7.893-11.929,11.508-20.178,16.503
+	c-2.14-5.134-3.885-9.646-5.004-15.067c-1.106-5.35-0.516-9.675-0.887-15.059c-0.354-5.106-1.609-9.672-1.609-14.849
+	c0-5.348,0.242-10.491,0.682-15.823c0.395-4.803-1.318-7.495-1.816-12.119c-0.526-4.894-1.416-8.612-3.005-13.28
+	c-1.124-3.296-5.287-8.71-4.872-11.853c0.549-4.172,1.989-8.693,0.764-12.771c-2.827-9.398-7.03-16.024-12.95-23.938
+	c-2.569-3.436-6.993-7.318-7.61-11.658c-0.618-4.349-1.438-8.708-1.771-13.087c-0.725-9.54,3.061-17.37,5.721-26.461
+	c1.641-5.603,1.343-9.209,1.159-15.104c-0.105-3.378,1.707-9.101,0.037-12.023c-2.418-4.236-5.765-8.614-7.516-13.162
+	c-1.462-3.8-1.166-8.265-2.491-12.112c-1.46-4.241-3.9-7.854-5.228-12.226c-1.434-4.729-3.078-6.92-6.281-10.767
+	c1.264,8.04-0.478,18.78-7.912,23.466c-5.269,3.321-9.693,2.142-7.976-4.354c0.957-3.618,2.811-8.4,2.654-12.148
+	c-0.163-3.915-2.666-9.054-3.82-12.776c-1.214-3.916-0.229-7.355-1.963-11.32c-0.737-1.683-2.307-7.282-5.042-6.52
+	c-3.693,1.031-4.646,3.553-4.714,6.997c-0.075,3.832-2.138,7.725-3.379,11.335c-6.353-3.363-9.838-3.768-11.512-10.729
+	c-0.958-3.986-1.815-4.685,0.813-7.726c2.559-2.954,1.879-2.646-0.734-5.495c-2.36-2.576-9.742,6.795-11.631,9.492
+	c-3.171,4.538-1.944,8.927,0.442,13.904c2.558,5.336,5.37,7.805,9.824,11.812c3.26,2.929,1.941,8.748,4.667,12.021
+	c5.912,7.101,14.441,12.593,22.062,17.692c7.586,5.078,12.583,13.371,17.999,20.659c3.096,4.164,0.596,10.878,0.662,15.847
+	c0.062,4.487,0.646,7.891-0.104,12.396c-0.754,4.525,2.869,7.391,1.401,11.854c-1.504,4.575-4.38,6.846-6.636,10.979
+	c-3.061,5.611-2.786,7.945,0.035,13.143c1.55,2.854,2.438,8.181,4.67,10.229c7.293,6.701,12.409,12.585,17.067,21.354
+	c1.739,3.273,0.812,8.569-1.686,11.423c-4.895,5.591-8.72,9.125-9.633,16.843c-5.351,0.549-4.39-14.746-5.101-19.272
+	c-0.579-3.701-1.23-7.391-1.873-11.081c-0.767-4.411-2.809-5.374-6.289-8.359c-6.717-5.761-3.728-11.279-5.806-18.614
+	c-1.771-6.244-6.667-12.647-9.703-18.412c-1.516,12.19,4.985,23.216,6.023,35.275c0.426,4.956-0.609,11.243-2.146,15.926
+	c-1.874,5.704-6.15,10.964-7.519,16.614c-1.213,5.014-2.033,10.192-4.194,14.945c-2.78,6.114-6.255,10.684-9.854,16.325
+	c-3.407,5.341-6.771,10.402-10.561,15.505c-1.159,1.562-0.853,4.609-1.958,6.547c-1.635,2.858-4.77,5.721-6.403,8.582v0.75
+	c-1.53-6.508-5.507-17.22-5.217-23.9c0.233-5.354-4.574-4.134-5.283-9.1c-0.358-2.505-0.627-5.816,0-8.25
+	c0.643-2.493,1.472-4.675,3-6.75c1.736-2.358,2.25-9.037,2.25-12c0-2.663,2.885-5.761,3.75-8.25c1.759-5.055,1.332-6.895,4.5-11.25
+	c4.65-6.396,5.542-10.141,6.75-18c0.846-5.492-6.061-10.722-8.302-15.611c-3.264-7.121-4.729-9.356-11.073-13.888
+	c-2.56,4.771-4.156,9.604-8.451,13.07c-3.502,2.828-6.075,4.465-8.673,8.073c-5.008,6.953-10.104,13.824-15.245,20.681
+	c-0.781,1.041-0.132,4.425-0.132,5.729c0,1.418-1.514,3.211-2.188,4.382c-2.78,4.829-6.294,9.176-9.166,13.975
+	c-1.963,3.28-2.519,7.64-3.563,11.296c-0.658,2.306-6.623,5.295-8.583,6.794c0-2.34,0.382-4.997-0.057-7.295
+	c-0.979-5.141-2.861-8.795,0.009-13.211c2.128-3.274,4.271-6.527,6.266-9.887c2.991-5.029,5.981-10.062,8.975-15.092
+	c1.558-2.618-0.034-9.064-0.155-12.092c-0.387-9.69-0.51-16.383,4.526-25.082c2.442-4.22,6.598-5.193,9.437-8.844
+	c2.604-3.351,3.966-8.92,5.683-12.78c3.479-7.832,7.629-16.539,7.188-25.313c-0.33-6.598-1.097-8.528-4.682-14.069
+	c-1.853-2.86-3.001-7.772-6.245-8.854c-4.693-1.563-7.812-0.448-9.937,4.729c-2.123,5.171-5.852,10.521-6.552,16.133
+	c-0.708,5.661-1.032,11.218-5.958,15.155c-4.583,3.666-8.96,9.306-12.5,14.002c-3.958-6.225-2.986-6.526,0.328-13.157
+	c1.274-2.55-0.021-8.97-0.328-11.844c-0.914-8.562-1.63-16.241,4.277-23.332c5.128-6.153,4.519-6.278,1.979-13.899
+	c-0.971-2.91-4.313-7.095-3.379-9.904c1.898-5.693,2.774-7.403,0.913-12.99c-1.393-4.18-5.999-1.216-9.791-0.371
+	c-0.45-3.458-2.124-8.38-1.442-11.781c0.812-4.062,3.71-8.896-0.431-10.828c-6.504-3.035-5.736-1.413-9.494,4.6
+	c-1.484,2.378-8.677,0.277-11.322,0.038c-6.081-0.554-4.31,7.478-4.31,10.973c0,2.415,2.789,3.949,3.5,6
+	c0.694,2.005,0.331,4.959,0.475,7.085c0.435,6.521-7.646,15.923-10.975,20.916c-1.966-3.146-3.45-7.193-6.797-8.939
+	c-3.522-1.839-7.958-3.315-10.793-6.15c-1.181-1.183-4.157-3.146-4.493-4.824c-0.413-2.069-0.415-5.238-1.417-7.084
+	c-1.597-2.941-6.04-5.686-8.5-8.002c-1.234,2.472-3.364,5.325-4,8.002c-0.498,2.098,1.071,5.971-0.163,7.73
+	c-4.163,5.948-6.769,9.361-7.946,16.435c-0.726,4.343,5.17,12.55,7.464,16.352c2.893,4.793,3.999,7.93,1.36,12.974
+	c-2.23,4.27-2.676,3.682,1.285,6.511c4.326,3.09,7.772,7.964,12.233,10.641c3.713,2.229,12.828,5.391,11.107,11.406
+	c-1.674,5.866-3.842,10.399-3.842,16.564c0,3.131,0.073,6.308-0.313,9.416c-0.369,2.944-6.686,1.536-8.706,1.351
+	c-5.237-0.48-7.021-4.627-10.327-8.594c-1.214-1.457-8.577,0.773-8.046,2.58c1.62,5.506,2.348,8.609,1.803,14.234
+	c-0.585,6.047-1.253,8.429,1.516,13.621c2.714,5.09,0.469,13.109-2.874,17.687c-2.155,2.957-2.304,2.373,0.539,4.86
+	c1.392,1.216,2.302,2.427,3.393,3.938c2.168,3.008,4.501,6.068,6.141,9.409c1.182,2.405,1.547,6.397,3.378,8.388
+	c1.118,1.213,3.029,1.277,3.978,2.73c1.517,2.324,3.031,4.648,4.548,6.974c2.593,3.974,5.421,7.723,8.271,11.521
+	c2.5,3.334,6.278,4.072,7.337,8.308c1.236,4.938,2.826,7.187,6.196,10.952c2.887,3.229,7.172,6.095,7.172,10.548
+	c0,8.127-0.719,18.101-9.829,21.255c-2.934,1.016-10.323,5.27-13.087,3.688c-3.4-1.941-8.251-3.551-10.521-6.828
+	c-5.476-7.907-9.574-16.398-14.688-24.339c-4.926-7.646-12.646-13.102-17.284-20.574c-9.805-15.798-23.678-29.315-28.776-47.532
+	c-2.417-8.635-4.652-17.223-6.126-26.065c-0.427-2.559-2.027-9.712-4.158-10.896c-7.717-4.288-2.541,2.702-8.563,3.862
+	c-3.528,0.683-6.354,2.131-7.778-1.857c-0.665-1.861-1.407-3.558-0.812-5.443c1.694-5.362,2.624-8.274,1.938-13.771
+	c-0.276-2.211-3.27-10.771-5.299-10.458c-6.006,0.926-6.464,1.538-10.019,6.428c-3.86-3.859-3.873-4.021-9.248-3.125
+	c-3.554,0.592-5.65,1.625-6.753,5.625c-1.869,6.787,1.312,16.628,2.379,23.246c0.719,4.46,9.167,16.967,13.326,19.117
+	c7.531,3.896,17.849,7.562,21.236,16.271c2.199,5.655,3.06,8.871,3.06,14.9c0,4.493,3.308,8.312,5.483,12.166
+	c4.172,7.381,10.127,13.907,16.092,19.872c4.079,4.078,4.424,4.817,4.424,10.479c0,5.267,1.926,7.946,4.497,12.617
+	c1.902,3.459-3.62,7.012-2.997,11.326c0.538,3.726,5.829,6.881,7,10.5c0.672,2.073,1.504,11.352,0.136,12.916
+	c-2.918,3.336-6.303,6.895-8.19,10.942c-0.312,0.666,4.002,23.794,4.298,23.854c-2.779-0.578-6.207-5.459-9.086-6.976
+	c-3.553-1.87-6.563-3.356-10.401-4.453c-5.745-1.643-14.376-3.833-20.004-1.788c-2.677,0.975-5.729,6.018-8.006,3.747
+	c-3.656-3.646-7.002-7.22-11.633-9.562c-7.866-3.978-15.924-11.373-23.611-3.685c-2.549,2.549-4.54,8.32-7.992,9.287
+	c-5.681,1.593-5.119-3.256-9.008-5.788c-8.965-5.837-11.867,2.125-15.868,8.928c-1.396,2.374,0.466,5.826,0.096,8.672
+	c-0.431,3.295-1.822,7.459-0.83,10.688c1.465,4.759,1.623,5.929-0.473,10.582c-2.73,6.069-3.914,0.431-4.424-3.37
+	c-4.71,0.784-5.672,0.426-8,4.501c-1.599,2.798-3.058,5.612-4.5,8.499l-3.875,9.75c1.596,3.646-5.447,16.354-8.979,11.512
+	c-1.906-2.611-3.528-6.894-6.92-7.086c-4.412-0.254-6.037,0.34-5.556-4.833c-3.063,1.429-6.151,2.795-9.128,4.398
+	c-5.291,2.854-3.771-0.265-8.528-1.968c-8.564-3.062-9.973,8.407-12.197,14.631c-1.286,3.596-5.526,4.645-8.794,6.406
+	c-0.155,0.084-2.25,9.869-2.627,10.951c-2.083,6-6.197,12.451-8.923,18.35c8.372,0.28,9.953,0.332,16.568-5.148
+	c5.103-4.229,10.333-6.771,17.176-5.646c8.539,1.403,15.832,0.085,23.922-2.597c3.712-1.23,17.562-0.178,18.882,4.617
+	c1.243,4.514-7.24,10.688-9.896,13.516c-5.41,5.756-9.409,7.938-17.062,8.674c-6.901,0.663-7.643,7.761-10.666,12.754
+	c-3.573,5.902-7.082,10.863-9.07,17.514c2.976,0.89,5.965,1.705,8.863,2.818c3.559,1.369,1.197,6.007,0.69,9.392
+	c-0.217,1.44-2.653,2.815-3.45,4.096c-1.153,1.856-0.746,5.045-0.938,7.126c-0.539,5.741-3.013,3.878-6.781,7.66
+	c2.367-2.375-9.124-6.871-10.902-7.304c-7.109-1.729-11.296-1.549-17.087,4.07c-4.152,4.03-8.478,8.196-13.918,10.128
+	c-9.378,3.328-5.712,7.901-1.679,14.73c3.002,5.08,5.052,10.59,9.492,14.51c4.418,3.898,9.948,7.922,7.386,14.185
+	c-6.17,15.077,4.938,21.965,14.55,32.212c1.75,1.862,9.828,6.727,7.068,10.402c-4.372,5.827-9.013,11.349-14.46,16.215
+	c-4.536,4.053-8.605,7.839-6.581,13.949c1.659,5.006,6.133,4.938,11.298,3.354c5.346-1.641,10.975-2.908,16.112-5.129
+	c2.604-1.125,5.483-2.938,8.252-3.565c3.366-0.765,2.551,1.324,6.15-1.107c2.896-1.957,4.889-2.054,4.177-5.511
+	c-0.651-3.162-0.101-6.015,1.289-9.021c3.121-6.762,14.773-12.114,21.812-11.827c-0.576,1.497-5.795,11.995-3.303,13.315
+	c5.807,3.094,14.097-13.436,18.1-16.979c1.769-1.563,2.03-7.481,2.312-9.831c0.542-4.528,2.421-7.372,4.193-11.474
+	c3.239-7.496,2.567-12.25,11.919-11.061c-1.328-0.17-3.21,0.074-4.595,0.096c12.453-0.184,21.273-2.125,29.577-11.717
+	c-0.904,6.028-1.229,9.769,0.072,15.689c5.769-1.582,9.537-5.161,15.569-6.022c7.979-1.14,8.644,1.866,9.354-7.396
+	c0.144-1.873,2.085-11.176,3.416-11.74c3.183-1.35,6.644-2.835,10.174-2.854c3.835-0.022,6.828,2.386,10.858,1.908
+	c0.011,16.098-10.866,31.767-22.114,42.736c-5.608,5.471-9.868,10.695-16.576,14.839c-7.068,4.365-11.434,9.011-16.025,15.984
+	c4.378,0.769,10.423-0.152,14.4-1.944c2.667-1.199,4.631-3.479,6.285-0.731c1.701,2.821,3.698,5.591,5.258,8.482
+	c2.738,5.077-7.818,14.423-11.66,16.751c-5.452,3.303-10.968,4.551-17.105,6.234c2.066,6.756,1.814,7.144-2.038,13.172
+	c-1.263,1.971-2.686,2.484-4.786,3.617c-1.806,0.975-2.436,4.593-3.196,6.442c9.495,5.185,12.149-6.026,18.298-9.345
+	c5.248-2.831,11.913-8.521,17.67-9.529c6.032-1.059,12.554-0.598,19.193-0.389c13.615,0.43,28.542-8.887,36.504-20.229l7.45-9.208
+	l4.5-9l9-12l13.5-7.5l4.5-4.5l12-15l7.5-9l7.5-7.5l10.5,3l1.5,6l-6,6l-6,15l-9,12l-10.5,9l-12,7.5v16.5l8.784,7l1.5-12l10.716-10
+	l1.5,16.5l6,10.5l10.5,3l7.5,1.5l-3,9l-12,15l-15,6l-10.5,7.5c0,0-19.792-0.441-26.043-4.84c-1.925,6.438-5.326,7.068-11.247,10.265
+	c-3.383-5.269-2.904-11.983-3.45-18.067c-9.829,0.295-16.595,14.48-23.77,19.16c-9.17,5.979-19.417,14.721-23.591,25.263
+	c-2.958,7.472-0.722,7.653,1.436,14.45c2.479,7.821-6.733,14.438,3.153,20.308c11.723,6.958-9.345,26.948-14.48,32.455
+	c4.521,3.943,9.163,6.942,14.043,10.372c5.599,3.937,11.83,3.25,18.429,2.746c6.44-0.492,11.188,0.045,16.929-3.054
+	c2.806-1.517,1.948-4.284,3.993-6.352c1.733-1.752,6.25-2.604,8.562-3.568c1.523,7.396,2.167,9.048-1.51,15.507
+	c-2.498,4.389-6.006,8.477-10.423,10.857c-4.925,2.656-9.574,2.016-14.313,4.57c-5.163,2.785-10.326,5.568-15.489,8.354
+	c-4.758,2.567-9.188,4.772-14.248,6.638c-1.25,0.461-6.369,1.461-5.91,2.958c1.077,3.517,2.431,5.513,4.64,8.499
+	c0.414,0.561,11.113,5.887,12.105,6.035c6.378,0.957,12.747,1.924,19.146,2.731c4.593,0.581,9.278,0.64,13.816,1.562
+	c6.353,1.289,9.92,7.656,16.443,6.51c2.268-0.397,9.111,6.361,11.305,8.104c4.732,3.762,11.646,3.24,17.321,5.865
+	c6.445,2.979,15.062,7.985,21.642,2.779c1.688-1.338,6.294-4.682,5.687-7.07c-0.996-3.903,1.64-3.965,5.427-4.984
+	c9.761-2.637,29.164-6.216,20.982-21.377c-3.691-6.839-2.583-11.271-2.82-18.91l0.237-17.765l-3-15l3.5-9l8.001-11l9.5-10.5l4-4
+	l-2.001-6.999c0,0-2.499-8.501-3.5-11.501s2-4,2-4s-1.5-3.999-1.5-5.499s-0.5-7.001-0.5-9.501s7-5.499,10-7.5s3.999-5,3.999-5
+	s6-9.499,8.001-13s5.499-9,5.499-9l6,7c0,0,2.5,6,2.5,8s0,8.001,0,8.001s6.5,4.999,8,5.499s4.5,4.5,5.5,6s-0.5,5.001-1,7
+	c-0.501,2-1.5,10.5-2.499,16.5s1.5,0,3-1s4.5-3.5,6.999-6s1-3.999,1-5.499s6-1.001,8.5-1.001s6-4.5,8.499-9.499
+	s2.001-2.001,2.001-2.001s-0.501,7-1,8.5s-1,4.001-1.5,6c-0.5,2,4.5,1.001,6,1.001s5.5-1.5,8.5-2.501c3-1,2-1.5,3.5-2.5s5-6.5,6.5-9
+	s3.501-5,4.5-6.999s4.5-0.501,4.5-0.501s8.001-0.999,10.5-2c2.499-1,8.5-6,8.5-6s8-7,9-8.5s9.5-8,9.5-8l4,4.25l6.75,2.25
+	c0,0,4.75,0,4.75-2.499s0-11.001-0.501-12.501s3-6.5,3-8s5.5-5.5,5.5-7s8-1.5,8-1.5s-0.999,8.5-0.999,11.5s0.999,8.501,0.999,8.501
+	l13,3.999c0,0,12,4.5,15,5.5c3,1.001,9,1.001,9,1.001l6.499-4.001v-4l4.001-4.5l4.5-2.499c0,0,9.499-0.501,13.5-1.001
+	c4.001-0.499,7.5,8.501,7.5,8.501l6,5.499l4.5,5.001l3,5.499l7.5,7l5.021,1.948l1.921,0.24l7.248,0.422c0,0,4.852,0.119,6.829-0.121
+	c1.979-0.239,3.772-2.934,6.411-4.551c2.637-1.617,6.23-3.115,6.23-3.115l5.094-5.688l5.453-4.675c0,0,0.959-7.666,1.317-10.543
+	c0.36-2.875,4.734-6.709,4.734-6.709s4.612-5.752,5.753-7.069c1.14-1.316,6.71-6.945,6.71-6.945l2.938-7.91l4.555-5.271l9.107-2.754
+	c0,0,12.641,0.122,14.078,0.304s6.112-2.156,6.112-2.156s5.03-1.316,7.009-1.558c1.977-0.238,3.716-6.353,3.716-6.353l6.292-3.593
+	l3.354-3.475l4.614-5.75l5.511-5.15c0,0,9.048-2.275,12.164-3.832c3.115-1.558,7.488-1.498,8.986-1.797s7.49-5.392,7.49-5.392
+	s4.313-3.354,4.493-4.792c0.181-1.438,6.95-4.973,6.95-4.973l4.914-8.146c0,0,6.41,3.232,6.108,1.737
+	c-0.301-1.5-1.915-4.134-1.915-4.134l0.6-4.795l-3.174-5.751c0,0-0.36-4.913-0.18-6.352s4.553-1.377,4.553-1.377l7.25,0.421
+	l4.795,0.6l7.428-1.018c0,0,2.156-1.678,2.396-3.594c0.239-1.917,0.719-5.752,0.719-5.752l5.813,0.24l1.018,7.43l2.336,8.566
+	l5.748,8.509l4.914-0.356c0,0,3.713,5.332,4.012,6.83c0.301,1.497,10.844,6.712,10.844,6.712l7.068,1.856l-0.479-3.953l-1.02-7.43
+	l4.614-5.751l3.597-5.392l-7.486-2.398l-6.409-3.234l-1.798-5.096c0,0-4.193-1.497-5.634-1.676
+	c-1.437-0.181-5.688-5.094-5.688-5.094l-4.554-6.412l8.627,1.08l7.25,0.42l5.69-2.695l3.416-3.952l5.51,6.53l11.146,4.316
+	l9.585,1.198l10.245-0.179l6.649-2.575l1.498-8.087l-2.217-1.736l4.854-3.773l10.005-6.051l-10.243-3.716l-11.803-2.938
+	l-3.533-6.771l8.088-2.396l5.333-3.713c0,0,1.979-4.135,0.603-4.793c-1.38-0.661-4.675-1.559-7.069-1.858
+	c-2.397-0.3-13.3-6.533-15.097-7.729c-1.798-1.197-9.468-2.158-9.468-2.158l2.761-6.471l8.325-0.419l14.498,4.733
+	c0,0,10.063,5.155,11.319,6.772c1.259,1.618,8.747,4.017,8.747,4.017l-0.838-4.973l-5.509-6.531l2.693-5.992l8.148-2.874
+	l-4.674-1.558l-8.146-1.021l-4.492-2.997l1.079-4.73l-0.077-2.215l3.996-1.098l7.338-0.308l8.038,2.682l4.923-0.525
+	c0,0-1.893-0.662-2.682-2.683c-0.787-2.021-3.119-3.207-4.348-5.757c-1.23-2.549-1.057-4.479-0.877-6.411
+	c0.176-1.937,0.219-7.776,0.526-11.161c0.31-3.385,1.409-4.744,1.409-4.744l2.105-1.756c0,0,8.35-0.701,11.861-1.845
+	c3.514-1.142,2.898,0.266,2.898,0.266l-0.218-2.942l-2.197-2.637l-4.875-5.316l-1.36-6.46l5.402-5.842l5.317,0.482l9.841-1.056
+	l10.854-1.444l11.729,4.966c0,0,12.562,6.504,12.432,7.952c-0.131,1.45,11.557,6.899,11.557,6.899l-5.801-5.889l-1.01-4.964
+	l5.446-0.967c0,0-3.203-2.239-4.565-3.341c-1.361-1.098-4.307-6.236-4.307-6.236l-2.767-7.074l-0.923-5.932l4.836-4.921l8.435-1.669
+	l4.966-1.01l-0.525-4.92l-10.412-3.385l-10.019-2.375l-9.18-0.835l-7.953-3.65l-2.084-10.242l2.552-6.591l3.69-3.072l5.14-2.943
+	l6.194-3.82l5.582-2.416l2.282-3.688c0,0,5.056-1.978,5.188-3.43c0.131-1.447,5.403-0.479,8.347-0.697
+	c2.944-0.22,3.909,5.228,3.909,5.228l10.105,1.406l-5.844-5.402l-0.396-6.371l8.35-0.701l7.382-0.789l10.324-1.01
+	c0,0-2.944-5.141-4.395-5.271c-1.45-0.135-7.249-0.66-7.249-0.66l-10.764-4.876l-7.071-2.597l-5.579-2.943
+	c0,0-4.657-2.373-5.448-4.393c-0.786-2.021,0.31-3.387,0.31-3.387l6.77-4.741l7.512-2.24l10.324-1.01l3.778-4.039l-11.993-2.066
+	c0,0-7.906,1.229-9.402,1.58c-1.49,0.354-4.788,4.438-4.788,4.438l-3.779-1.318l-2.106-8.964l7.604-8.564l1.012-5.756l-3.119-3.207
+	l3.431-5.537c0,0,5.623-8.259,7.292-10.543c1.671-2.283,5.847-5.314,5.847-5.314s5.271-4.391,6.37-5.751
+	c1.1-1.363,4.792-4.438,4.792-4.438l-2.856-6.107c0,0-7.16-1.626-10.062-1.891c-2.896-0.265-3.557-3.731-3.557-3.731l-0.879-6.419
+	l3.954-5.975l2.021-6.148l0.572-6.283l-4.261-1.362l-3.209,3.119l-3.91,5.493l-2.903,5.095c0,0-2.457,5.622-3.074,7.028
+	c-0.616,1.406-2.681,2.683-4.79,4.437c-2.107,1.759-2.812,4.129-5.054,7.336c-2.241,3.208-0.753,6.487-1.85,7.853
+	c-1.1,1.363-2.25,8.25-2.25,8.25l-1.5,9c0,0,0.132,5.299,0,6.75c-0.133,1.449-3,7.5-3,7.5l-2.521,2.521l-5.271,4.392l-1.058,6.235
+	c0,0-0.879,9.666-1.057,11.602c-0.177,1.933-1.232,8.173-1.893,10.061c-0.658,1.89-2.152,7.603-2.768,9.011
+	c-0.616,1.401-1.805,9.092-1.805,9.092l-1.406,10.104l-4.659-2.371l-2.062-4.086l-1.757-7.471l-3.077-3.688l-5.534,7.291
+	l-2.635,7.313l-3.75,5.25l-2.25,6.75l-0.75,6l-3,6l-3.75,4.5l-2.455,2.447l-0.619,6.767l1.274,7.428l-3.121,7.513l-4.262,9.354
+	l-7.031,7.646l-4.836,4.918l-10.588,3.908l-2.241-2.152l-0.217-8.303l3.735-8.92l3.736-8.917l4.611-7.863l-0.217-8.303l-1.011-4.969
+	l-4.351-0.396l-3.515,6.502c0,0-8.354,6.062-9.448,7.424c-1.099,1.363-4.219,3.514-5.757,4.35c-1.538,0.834-3.823,4.523-3.823,4.523
+	l-5.713,3.865c0,0-6.021,7.248-6.635,8.654c-0.615,1.405-6.062,2.37-6.062,2.37l-9.491-2.812l-3.298,4.085l-9.532,8.391
+	l-6.769,4.745l-4.453-10.046c1.341-3.389,0.204-11.09,2.225-13.51c3.459-4.146,6.457-8.656,10.289-12.465
+	c6.129-6.092,13.641-9.133,18.12-17.065c4.764-8.432,7.097-15.815,16.152-20.455c3.452-1.769,5.522-5.775,8.291-8.44
+	c2.94-2.83,6.363-5.497,8.827-8.761c3.724-4.927,6.676-10.003,9.816-15.297c1.984-3.35,5.881-6.612,7.282-10.062
+	c1.441-3.54-0.812-8.831,1.347-12.088c2.549-3.85,5.35-7.616,7.684-11.598c2.393-4.083,4.536-7.987,5.093-12.68
+	c0.937-7.872-3.101-5.226-9.093-3.419c-6.836,2.062-11.174,6.103-16.592,10.646c-3.658,3.065-8.552,4.552-12.543,7.164
+	c-2.905,1.899-5.489,4.324-8.237,6.439c-1.154,0.889-3.438,3.942-4.577,4.512c-6.264,3.136-5.659-2.408-6.174-6.698
+	c-2.104,2.081-5.545,5.288-6.479,8.055c-1.578,4.69-4.44,8.104-6.277,12.45c-3.436,8.128-7.604,14.335-13.664,20.659
+	c-2.425,2.529-4.298,5.822-6.413,8.638c-2.137,2.841-4.896,4.629-7.304,7.195c-3.246,3.464-5.59,7.386-8.704,10.923
+	c-1.568,1.782-5,6.924-7.96,4.696c-1.192-0.896-1.612-1.418-3.082-2.127c-5.987-2.884-5.882-3.607-10.306,1.63
+	c-3.929,4.652-3.752,8.848-10.149,7.807c-3.118-0.506-1.936-6.517-1.73-9.106c0.356-4.572,1.752-5.753,4.768-9.343
+	c4.468-5.32,11.771-9.369,17.367-13.379c6.06-4.342,11.408-9.808,16.519-15.195c6.812-7.186,9.074-14.605,10.663-24.156
+	c1.503-9.035,8.071-16.844,14.886-21.926c7.646-5.698,14.651-10.554,23.188-14.955c7.919-4.084,16.043-7.599,23.817-11.945
+	c3.477-1.943,6.229-6.27,8.232-9.604c2.613-4.344,6.705-9.582,8.199-14.203c1.761-5.453,2.991-10.903,4.924-16.385
+	c1.352-3.836,0.792-7.836,1.964-11.668c2.484-8.117,5.587-16.559,9.001-24.352c3.85-8.783,8.959-16.434,10.893-25.837
+	c-5.497,2.817-8.729,6.131-13.354,10.086c-1.701,1.453-4.545-1.514-6.533,0.33c-2.044,1.895-4.206,5.875-6.468,3.562
+	c-3.091-3.162-3.146-1.623-6.405,1.164c-2.126,1.814-3.858,4.102-5.573,6.298c-4.053,5.185-6.224,11.091-10.979,15.834
+	c-3.61,3.603-6.682,10.111-10.786,12.716c-5.386,3.417-9.776,6.178-14.028,10.894c-4.151,4.605-11.462,5.514-15.982,9.899
+	c-4.102,3.979-9.188,6.206-12.874,10.597c-1.791-1.573-3.58-3.149-5.371-4.726c-3.574,8.062-5.525,14.84-11.966,20.928
+	c-6.206,5.867-9.653,10.851-10.325,19.418c-5.015-2.77-5.513-3.942-7.693-9.317c-1.341-3.305-0.672-8.479-0.896-12.023
+	c-0.422-6.63,0.418-16.477,2.944-22.624c3.026-7.361,10.36-12.205,15.462-18.002c-0.532,0.604-1.928-10.291-1.941-10.981
+	c-0.08-3.771,2.104-6.522,3.87-9.832c-4.794-1.265-5.134-1.317-7.288-5.776c-1.256-2.604-1.891-5.438-2.705-8.209
+	c-1.123-3.818-0.77-4.275,0.896-7.963c0.645-1.433,3.647-5.896,3.18-7.438c-1.184-3.878-2.366-7.757-3.55-11.635
+	c-1.04-3.411-4.057-0.938-5.723-3.214c-0.769-1.049-0.672-8.781-0.168-10.06c0.933-2.363,4.771-5.015,6.543-6.877
+	c0.715-0.752-3.987-7.315-4.584-8.312c-1.938-3.246-1.491-4.271-5.08-3.058c-3.785,1.283-6.256,1.382-10.299,1.316
+	c-2.8-0.044-2.722-4.201-3.42-6.629c-0.824-2.865-2.873-5.408-4.404-7.95c-0.528-0.88-6.946,1.509-8.128,1.823
+	c-5.723,1.528-10.569-3.345-12.673-7.563c-3.343,3.516-6.414,6.858-10.326,9.714c-0.634-7.682-1.86-15.385-1.72-23.093
+	c0.162-8.883-3.01-15.501-6.862-23.562c-2.64-5.522-7.748-16.511-13.838-18.321c-4.769-1.419-4.018-1.034-5.587,3.652
+	c-0.971,2.9-2.562,5.277-1.401,8.138c2.031,5.004,4.062,10.009,6.093,15.013c1.961,4.833,0.249,11.48-0.309,16.468
+	c-0.566,5.078,4.507,8.166,6.395,12.396c1.397,3.134-0.502,9.768-0.765,13.111c-0.437,5.558,2.967,7.257,7.004,10.857
+	c5.812,5.186,3.979,7.726,3.417,14.88c-0.308,3.911,2.317,8.85,3.676,12.439c0.893,2.359-1.527,8.04-1.978,10.535
+	c-0.866,4.827,1.342,9.444,0.352,14.208c-1.428,6.854-4.403,12.294-7.377,18.555c-1.806,3.804,0.46,10.712,0.9,14.809
+	c0.444,4.131-1.861,8.552-3.06,12.466c-1.405,4.602-1.951,9.479-2.801,14.207c-0.535,2.976-2.889,6.771-1.896,9.573
+	c3.149,8.904,5.554,18.012,8.301,27.051c0.587,1.934,3.316,4.051,4.632,5.587c0.932,1.09,0.274,4.479,0.256,5.812
+	c-0.097,6.079-2.558,11.094-3.203,17.021c-0.744,6.814-0.816,10.05-5.191,15.173c-2.427,2.838-4.17,6.448-6.107,9.646
+	c-1.968,3.243-4.602,5.852-6.659,9.016c-1.512,2.316-0.464,3.281,0.52,5.883c1.883,4.975,0.898,8.004-0.052,13.298
+	c-0.797,4.434-0.43,8.174-2.196,12.354L1303.54,762.663z"/>
+<path fill="#BFE596" d="M500.978,809.438c-2.043-0.284-6.64-1.903-8.504-1.183c-2.648,1.023-2.951,4.979-6.216,5.977
+	c-4.224,1.293-3.396-1.209-6.785,3.25c-1.8,2.371-3.239,6.335-3.609,9.271c-0.44,3.484-9.979,10.386-12.523,13.271
+	c-3.535,4.003-7.158,7.916-10.812,11.808c6.544,4.206,12.908-11.179,16.23-14.713c1.646-1.752,19.448-13.849,20.154-12.539
+	c-0.641-0.212-1.286-0.405-1.938-0.58c-0.344-0.639,3.563-1.444,4.13-1.481c3.88-0.264,4.496-0.478,7.446,1.865
+	c4.146,3.289,6.081,7.532,1.358,10.722c-3.457,2.335-5.713,8.054-8.313,11.385c-2.897,3.714-6.292,7.065-9.59,10.415
+	c5.097,4.035,9.55-7.65,14.702-8.715c9.461-1.949-7.188,12.163-6.664,14.869c1.909,9.887,11.952-5.482,13.607-7.341
+	c2.968-3.331,6.072-5.562,7.54-9.964c1.095-3.294,2.066-7.646,6.846-5.66c-2.097,3.791-2.094,6.961-2.337,11.225
+	c2.455-0.076,10.733-1.49,11.857,0.596c3.091,5.734,2.601,8.245,9.019,5.396c0.094-0.041,2.461-9.953,3.237-11.48
+	c2.593-5.098,1.068-5.292-3.104-9.213c-2.993-2.812-7.528-0.7-9.222-4.766c-2.193-5.262-3.729-6.754-9.163-7.855
+	c-1.886-0.383-3.984-0.413-5.775-1.119c-2.312-0.914-1.555-4.921-3.522-5.592C502.875,815.191,501.18,816.003,500.978,809.438"/>
+<path fill="#BFE596" d="M576.75,762.277c-4.837,0.371-11.616-0.422-13.032,5.979c-1.307,5.902,5.209,9.092,8.907,12.029
+	c4.012,3.188,9.261,5.419,8.24,11.497c-0.946,5.633-6.999,4.29-10.821,1.604c-4.34-3.051-8.979-7.792-13.507-3.482
+	c-1.312,1.25-5.345,3.802-5.123,5.733c0.495,4.312,0.521,4.138-3.107,6.545c-2.212,1.465,2.651,8.56,3.971,10.002
+	c3.211,3.516,3.904,7.601,4.271,12.173c0.371,4.646-5.255,10.046-4.471,14.676c0.635,3.748,0.915,3.271,4.544,2.99
+	c1.771-0.137,4.764,0.771,5.995-0.553c5.058-5.436,1.229-11.216,3.637-17.345c6.272-15.979,17.429,3.905,28.519-5.282
+	c5.4-4.479,6.029-8.773,4.903-15.219c-0.688-3.938,0.199-11.598-1.278-14.927C593.866,778.496,582.969,771.815,576.75,762.277"/>
+<path fill="#BFE596" d="M530.057,954.742c-3.847,0.295-7.649,1.046-11.408,0.113c-4.346-1.078-8.521-2.127-12.428,0.418
+	c-3.757,2.449-7.62,4.518-11.287,7.127c-4.242,3.021,1.9,6.589,4.704,7.427c3.036,0.907,7.149,1.173,10.189,0.187
+	c4.486-1.459,7.768-0.834,12.404-0.249c4.115,0.521,9.441,1.575,10.238-3.735c0.652-4.351,1.738-7.271,3.993-11.07
+	C534.328,954.886,532.192,954.814,530.057,954.742"/>
+<path fill="#BFE596" d="M566.939,1085.351c-0.854,4.692-1.733,9.285-2.933,13.899c-0.963,3.709-1.5,3.695-4.981,5.576
+	c-1.833,0.987-2.396-3.753-3.611-4.869c-1.07-0.983-5.577-1.229-6.065-2.495c-0.866-2.257,2.356-4.894,3.938-5.612
+	C557.884,1089.754,562.229,1087.19,566.939,1085.351"/>
+<path fill="#BFE596" d="M522.017,1128.459c6.188-6.615,6.198-14.322,8.802-22.574c-7.487,2.24-13.898,13.439-21.43,13.674
+	c-1.737,0.054-3.486-1.663-5.041-1.498c-1.847,0.197-4.555,2.459-6.187,3.339c-3.532,1.907-6.251,5.421-8.979,8.321
+	c-3.789,4.029-3.888,7.018,1.237,9.273c1.208,0.532,6.885-7.261,8.301-8.768c2.057-2.188,9.837,1.016,12.161,1.712
+	C512.714,1132.486,519.131,1128.547,522.017,1128.459"/>
+<path fill="#BFE596" d="M572.81,988.319c3.244,7.588,3.886,10.693,3.116,18.886c-0.185,1.969-5.806,5.12-7.365,6.389
+	c-1.6,1.303-7.322,0.008-9.425-0.071c1.956,6.501,3.984,18.646,12.35,18.073c6.534-0.447,7.021-0.047,10.631-5.182
+	c3.229-4.6,6.562-4.771,11.979-6.384c6.19-1.841,15.718-8.542,13.047-16.67c-0.49-1.499-3.753-3.525-4.922-4.626
+	c-1.147-1.08-1.051-4.131-1.308-5.604c-0.811-4.644-3.606-7.474-6.413-11.271C587.227,989.314,582.765,988.422,572.81,988.319"/>
+<path fill="#BFE596" d="M442.182,481.426c1.624-6.519,12.283-7.808,18.523-8.146c2.262-0.121,12.004-2.018,13.324-0.291
+	c2.617,3.428,6.635,7.128,6.798,11.771c0.271,7.706-7.224,4.549-0.278,11.648c1.907,1.948,5.593,5.762,4.294,8.314
+	c-3.111,6.121-11.08,15.503-11.533,22.121c-0.287,4.201,3.812,9.705-0.895,11.725c-4.793,2.054-7.746,1.402-12.991,0.854
+	c-6.998-0.735-16.518-4.003-13.898-12.869c2.063-6.995,11.541-14.875,5.229-21.534c-3.703-3.908-4.083-6.233-4.112-11.604
+	C446.611,488.229,444.891,485.868,442.182,481.426"/>
+<path fill="#BFE596" d="M412.983,408.853c-1.133-5.482-2.615-11.824-1.499-17.438c1.618-8.166,4.873-10.048,11.422-14.99
+	c10.237-7.728,26.538,2.918,32.625,10.79c1.721,2.229,1.553,4.927,1.928,7.702c0.457,3.412,2.759,5.761,4.71,8.578
+	c2.58,3.723,11.497,7.312,12.577,12.055c0.674,2.964-2.163,5.754-3.931,7.542c-2.384,2.412-0.995,5.129-0.532,8.391
+	c0.766,5.373-2.227,12.164-3.626,17.196c-6.088-2.044-11.435-6.645-16.942-9.892c-5.77-3.402-15.729-1.456-19.756-7.641
+	c-3.032-4.653-0.579-5.348,3.079-7.975c3.173-2.284-0.596-6.996-1.868-9.081C429.517,411.374,416.353,410.126,412.983,408.853"/>
+<path fill="#BFE596" d="M408.781,563.92c0.089-5.455,6.964-6.193,11.312-5.146c7.604,1.839,9.735-1.786,16.929-3.427
+	c3.14,13.018-16.277,19.764-6.317,33.199c-7.132,1.301-17.946,7.513-17.842-4.67c0.034-4.025,3.646-6.857,1.882-10.643
+	C413.051,569.603,409.23,568.298,408.781,563.92"/>
+<path fill="#BFE596" d="M360.503,386.14c2.276,0.107,7.195,3.652,8.461,3.478c3.732-0.508,2.155-6.422,8.596-2.933
+	c2.688,1.453,4.477,5.107,7.157,6.909c4.461,2.986,6.492,2.235,11.894,1.634c0.919,5.278-6.126,7.483-2.718,12.588
+	c-8.841,2.748-12.091-10.459-20.798-8.986C363.118,400.513,355.061,396.482,360.503,386.14"/>
+<path fill="#BFE596" d="M395.525,318.771c2.502,1.729,4.264,2.838,7.153,3.698c1.913,0.57,5.734,1.736,5.62,4.439
+	c-0.189,4.584-0.26,4.87,3.012,7.999c2.499,2.385,3.622,4.795,5.204,7.906c-4.2-0.451-7.461-0.551-11.141-2.58
+	c-3.408-1.878-7.315,2.325-9.164-1.989c-0.309-0.726-2.277-4.118-1.559-4.56c1.497-0.91,3.964-1.521,3.812-3.397
+	C398.093,325.797,397.257,322.945,395.525,318.771"/>
+<path fill="#BFE596" d="M241.899,504.015c2.923,2.187,8.519,7.543,12.671,6.841c3.506-0.595,4.33-1.395,6.67,1.233
+	c1.714,1.928,3.248,3.937,4.804,5.992c-3.561,2.639-4.403,3.241-8.755,3.225c-3.664-0.013-7.237-0.451-10.884-0.845
+	c-4.351-0.473-4.355-4.188-3.855-7.214c0.239-1.469-0.982-2.895-1.13-4.34C241.264,507.373,241.75,505.556,241.899,504.015"/>
+<path fill="#BFE596" d="M253.56,459.236c4.83,2.851,9.122,5.877,15.057,4.517c4.484-1.031,3.697,0.214,5.099,4.513
+	c0.896,2.744,0.974,5.231-1.119,7.705c-2.606,3.08-2.775,4.739-6.661,3.8c-3.574-0.862-5.112-1.132-7.731-3.604
+	C254.695,472.85,254.548,463.936,253.56,459.236"/>
+<path fill="#BFE596" d="M203.622,544.601c3.205-0.738,4.063-1.414,6.673,0.539c1.721,1.287,3.915,4.993,2.152,7.32
+	c-1.093,1.441-5.906,1.581-7.02,0.331C202.466,549.465,202.851,549.01,203.622,544.601"/>
+<path fill="#BFE596" d="M239.868,573.56c3.814,2.985,3.264,3.671,3.056,8.57c-0.119,2.797-4.604,4.803-6.374,2.572
+	c-2.967-3.729-3.652-4.495-3.681-9.193C232.843,570.587,237.123,572.465,239.868,573.56"/>
+<path fill="#BFE596" d="M248.651,606.927c0.108-5.187-0.667-5.987,3.838-8.382c3.823-2.032,7.049-2.565,11.358-3.336
+	c7.162-1.281,13.542-4.01,19.91-7.363c4.78-2.519,15.055-7.167,15.882-12.928c0.504-3.497,0.097-7.893,2.72-10.407
+	c3.091-2.973,5.983-5.908,8.805-9.128c4.199-4.807,9.229-11.59,10.053-17.957c0.333-2.566,2.49-8.893,0.491-10.78
+	c-3.542-3.347-4.125-5.839-5.591-10.562c-0.274-0.872-4.09-1.23-4.965-1.442c-2.063-0.498-1.605-2.703-1.831-4.688
+	c-0.535-4.665,1.479-9.438,1.788-14.163c0.234-3.624-13.835-8.438-16.976-9.291c-2.312-0.63-9.039-1.178-10.53-3.021
+	c-3.05-3.773-4.488-5.426-5.278-10.154c-1.661-9.928,11.667-5.113,17.428-5.006c0.017-6.09-0.159-11.275-1.384-17.228
+	c-0.943-4.572,2.393-12.393,8.317-11.167c0.752,0.15,5.097,4.238,4.9,4.656c-0.708,1.518-4.158,6.625-3.531,8.092
+	c1.312,3.062,1.227,6.602,4.728,5.377c3.729-1.303,5.135-1.494,9.031-0.864c-1.63,2.861-3.008,5.593-4.275,8.63
+	c-1.34,3.197,1.622,4.969,3.699,7.537c1.058,1.31,5.649,2.758,7.36,2.977c4.711,0.6,6.367,1.096,10.148,3.92
+	c-3.463,1.931-1.987,4.32-0.368,6.98c1.967,3.229,2.624,2.67,6.453,2.82c6.242,0.251,3.232,7.67,1.812,11.209
+	c-0.704,1.764,2.151,3.704,3.288,4.99c2.094,2.375,1.912,2.262,5.033,1.598c4.99-1.059,9.549-1.333,14.661-1.516
+	c-1.154,2.988-1.82,6.503-4.187,8.727c-1.697,1.594-3.395,3.188-5.092,4.783c-1.214,1.139,0.858,3.354,1.531,4.635
+	c2.036,3.864,7.163,3.716,3.271,8.043c-4.686,5.201-3.628,7.813,0.217,13.238c-3.524,0.557-8.357,0.229-10.956,3.02
+	c-2.126,2.284,0.842,1.572,1.474,2.61c0.733,1.204-7.419,7.011-8.527,7.899c-3.631,2.914-7.856,5.264-11.945,7.481
+	c-1.75,0.95-4.602,3.101-6.196,1.239c-1.688-1.967-3.648-3.729-5.551-5.483c-1.062,1.413-2.122,2.825-3.186,4.239
+	c-2.248,0.422-4.299,6.896-5.598,9.365c-1.928,3.665-7.927,6.988-11.275,9.499c-2.067,1.548-3.756,4.317-6.061,5.438
+	c-3.045,1.48-6.184,2.839-9.162,4.454c-5.678,3.079-11.028,6.72-17.434,8.313C261.062,605.301,254.654,605.546,248.651,606.927"/>
+<path fill="#BFE596" d="M364.178,504.015c-2.357-3.877-2.699-5.938-3.077-10.493c-0.229-2.805,11.067-2.121,12.275-2.095
+	c5.583,0.13,2.124,6.695,0.827,8.891C371.939,504.136,368.501,503.422,364.178,504.015"/>
+<path fill="#BFE596" d="M316.609,452.127c-1.457-4.398-3.002-5.451,0.628-8.441c3.087-2.535,5.462-2.72,9.438-3.443
+	C325.157,446.467,323.019,450.65,316.609,452.127"/>
+<path fill="#BFE596" d="M400.526,523.666c4.653-0.633,8.335-1.072,12.562-3.047c5.309-2.478,5.007-5.287,6.611-10.933
+	c0.731,2.247,3.378,6.802,2.244,8.956c-2.157,4.101-2.587,6.477-6.921,7.994c-3.44,1.201-6.917,2.221-10.413,3.252
+	c-1.104,0.328-3.681-1.519-4.719-1.998C399.085,527.512,400.318,524.518,400.526,523.666"/>
+<path fill="#BFE596" d="M529.522,507.74c-3.155-7.02-0.876-13.229,7.424-12.434c3.828,0.363,19.479,2.759,14.36,8.527
+	c-1.265,1.427-5.693,5.416-5.804,7.408c-0.079,1.44,3.001,3.206,2.812,4.619c-0.118,0.884-3.474,2.92-4.183,3.523
+	C541.471,521.621,531.25,509.52,529.522,507.74"/>
+<path fill="#BFE596" d="M554.798,485.52c-2.312-1.275-4.666-2.494-6.941-3.829c-4.153-2.428-3.965-3.434-7.902-0.516
+	c-3.084,2.279-12.659-1.59-16.438-2.502c3.075,2.062,6.028,4.624,9.342,6.292c3.54,1.78,5.665,0.17,9.36,0.731
+	c6.337,0.968,11.583,7.289,18.19,6.188C559.171,487.908,558.454,487.591,554.798,485.52"/>
+<path fill="#BFE596" d="M508.834,491.111c-4.916-2.841-9.868-6.964-5.468-12.456c2.14-2.668,5.119-2.692,8.419-3.519
+	c2.249-0.562,5.02,2.434,6.859,3.666c-2.477,1.912-4.907,3.566-7.58,5.191C509.039,485.231,509.254,488.884,508.834,491.111"/>
+<path fill="#BFE596" d="M508.289,615.539c-1.044-4-2.305-8.73-0.369-12.76c0.84-1.741,4.779-3.166,6.407-4.156
+	c0.835-0.508,4.33,2.767,5.168,3.374c2.546,1.854-0.945,8.709-2.217,10.632c-0.785,1.181-1.939,4.054-3.351,4.533
+	C510.22,618.429,510.321,618.875,508.289,615.539"/>
+<path fill="#BFE596" d="M433.784,716.732c4.067-0.146,8.053-0.095,12.034-0.938c6.67-1.411,8.959-2.648,13.351-7.829
+	c1.092-1.281,2.707-2.357,2.419-4.074c-0.238-1.426-1.736-5.558-1.146-6.847c0.967-2.104,7.8-3.417,9.979-5.297
+	c1.536-1.324,4.271-2.879,5.335-4.605c0.688-1.106,0.758-5.9,3.095-5.335c5.007,1.213,8.051,4.824,13.131,3.322
+	c5.133-1.52,6.194-3.777,9.503-8.118c2.85-3.729,2.129-6.687,2.102-11.423c1.479,2.429,2.956,4.854,4.436,7.283
+	c1.04,1.709-0.381,5.007-0.726,6.859c-0.694,3.744-1.751,12.876-4.81,15.303c-1.636,1.297-5.479,0.223-7.43,1.07
+	c-1.525,0.668-4.902,3.285-5.799,4.688c-1.346,2.092-1.491,6.104-2.086,8.539c-0.668,2.738-2.893,5.624-4.201,8.112
+	c-1.969,3.741-7.717,7.438-11.744,5.836c-3.288-1.312-3.751,0.528-6.255,2.999c-2.166,2.135-4.452,3.729-6.958,5.471
+	c-3.428,2.395-10.274-2.518-13.935-4.211c-1.656-0.773-4.354-1.049-5.324-2.646C437.098,722.174,435.44,719.451,433.784,716.732"/>
+<path fill="#BFE596" d="M511.16,660.975c3.064,4.354,4.284,6.271,4.958,11.499c0.554,4.314,0.229,8.235-0.094,12.594
+	c4.997-0.725,8.312-1.34,12.772-3.797c2.743-1.506,3.771-4.168,4.562-7.084c0.27-0.992-4.479-3.99-5.36-4.701
+	c-1.18-0.959-1.446-4.574-1.843-6.021c-0.604-2.191-2.604-3.877-4.027-5.604C519.117,654.199,513.475,658.922,511.16,660.975"/>
+<path fill="#BFE596" d="M540.208,646.17c3.445,4.453,7.312,8.381,7.158,14.479c-0.067,2.671-5.231,5.865-2.853,8.383
+	c2.121,2.246,4.002,4.741,5.908,7.166c-3.835,2.701-4.902,5.285-8.558,2.059c-3.744-3.316-1.521-5.303-0.943-10.083
+	c0.472-3.892,0.354-7.964,0.609-11.886c0.205-3.146-4.292-7.031-6.133-9.492C537.004,646.585,538.605,646.372,540.208,646.17"/>
+<path fill="#BFE596" d="M238.948,831.681c-5.37-0.046-14.095-1.314-19.046,1.354c-6.665,3.595-7.934,10.521-1.699,15.603
+	c6.18,5.036,11.241,3.1,17.153-1.113c2.848-2.03,6.036-3.529,9.111-5.188c2.711-1.461,3.57-5.186,4.894-7.883
+	C245.9,833.416,242.486,832.431,238.948,831.681"/>
+<path fill="#BFE596" d="M271.396,832.531c-6.861-3.771-2.097-7.179,1.92-10.846c4.635-4.229,7.187-3.965,13.012-1.272
+	c4.792,2.216,9.697,2.216,14.94,2.238c2.707,0.013,4.092,1.347,6.381,2.835c1.627,1.061,6.986-1.783,8.782-2.366
+	c3.784-1.229,9.501,1.864,14.119,1.335c5.186-0.597,10.478-4.277,15.403-6.189c9.46-3.672,15.93-14.604,27.267-11.813
+	c2.229,0.55,4.135,3.117,6.48,3.128c2.396,0.012,4.774-0.01,7.167,0.176c6.561,0.507,10.382,2.967,15.931,6.422
+	c1.093,0.682,13.27,3.482,10.958,6.92c-2.557,3.803-6.316,11.994-11.927,10.313c-3.688-1.103-3.83-1.431-5.682-4.861
+	c-0.966-1.787-5.142-0.026-6.974-0.286c-4.127-0.582-8.804-6.54-12.918-6.414c-5.481,0.17-10.753,0.846-16.197,1.471
+	c-5.026,0.577-10.417,4.289-15.896,5.102c-12.68,1.872-24.477,1.831-36.961,5.365c-5.263,1.49-12.64,0.289-18.188,0.223
... 15402 lines suppressed ...

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