You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by gi...@apache.org on 2025/10/30 08:24:06 UTC

(echarts-website) branch asf-site updated: Deploying to asf-site from @ apache/echarts-website@dbec28697d2decdca5dedbf6a6051a77238d8484 🚀

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

github-bot pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/echarts-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new a998e06d6 Deploying to asf-site from @ apache/echarts-website@dbec28697d2decdca5dedbf6a6051a77238d8484 🚀
a998e06d6 is described below

commit a998e06d6fc0ef1a17b26fe799e3a6d2a7ef163d
Author: Ovilia <Ov...@users.noreply.github.com>
AuthorDate: Thu Oct 30 08:24:01 2025 +0000

    Deploying to asf-site from @ apache/echarts-website@dbec28697d2decdca5dedbf6a6051a77238d8484 🚀
---
 en/builder/echarts.html                            |   2 +-
 en/index.html                                      |   2 +-
 en/spreadsheet.html                                |   4 +-
 examples/data/thumb-dark/matrix-stock.png          | Bin 0 -> 104343 bytes
 examples/data/thumb-dark/matrix-stock.webp         | Bin 0 -> 17652 bytes
 examples/data/thumb/matrix-stock.png               | Bin 0 -> 91402 bytes
 examples/data/thumb/matrix-stock.webp              | Bin 0 -> 17884 bytes
 examples/en/editor.html                            |   4 +-
 examples/en/index.html                             |   4 +-
 examples/en/view.html                              |   4 +-
 examples/examples/js/data-transform-aggregate.js   |   5 +-
 examples/examples/js/matrix-stock.js               | 673 +++++++++++++++++++
 examples/examples/ts/data-transform-aggregate.js   |   5 +-
 examples/examples/ts/matrix-stock.ts               | 713 +++++++++++++++++++++
 examples/js/example-bundle.js                      |   2 +-
 examples/zh/editor.html                            |   4 +-
 examples/zh/index.html                             |   4 +-
 examples/zh/view.html                              |   4 +-
 handbook/200.html                                  |   4 +-
 handbook/_nuxt/{c13735a.js => ad0cebb.js}          |   2 +-
 ...81b2858296f83699.js => 549a67a9765ffce0be9d.js} |   2 +-
 handbook/en/basics/download/index.html             |   4 +-
 handbook/en/basics/help/index.html                 |   4 +-
 handbook/en/basics/import/index.html               |   4 +-
 handbook/en/basics/release-note/5-2-0/index.html   |   4 +-
 handbook/en/basics/release-note/5-3-0/index.html   |   4 +-
 handbook/en/basics/release-note/5-4-0/index.html   |   4 +-
 handbook/en/basics/release-note/5-5-0/index.html   |   4 +-
 handbook/en/basics/release-note/5-6-0/index.html   |   4 +-
 .../en/basics/release-note/v5-feature/index.html   |   4 +-
 .../release-note/v5-upgrade-guide/index.html       |   4 +-
 .../en/basics/release-note/v6-feature/index.html   |   4 +-
 .../release-note/v6-upgrade-guide/index.html       |   4 +-
 handbook/en/best-practices/aria/index.html         |   4 +-
 .../en/best-practices/canvas-vs-svg/index.html     |   4 +-
 handbook/en/best-practices/security/index.html     |   4 +-
 handbook/en/concepts/axis/index.html               |   4 +-
 handbook/en/concepts/chart-size/index.html         |   4 +-
 handbook/en/concepts/data-transform/index.html     |   4 +-
 handbook/en/concepts/dataset/index.html            |   4 +-
 handbook/en/concepts/event/index.html              |   4 +-
 handbook/en/concepts/legend/index.html             |   4 +-
 handbook/en/concepts/style/index.html              |   4 +-
 handbook/en/concepts/visual-map/index.html         |   4 +-
 handbook/en/get-started/index.html                 |   4 +-
 handbook/en/how-to/animation/transition/index.html |   4 +-
 .../en/how-to/chart-types/bar/bar-race/index.html  |   4 +-
 .../en/how-to/chart-types/bar/basic-bar/index.html |   4 +-
 .../how-to/chart-types/bar/stacked-bar/index.html  |   4 +-
 .../en/how-to/chart-types/bar/waterfall/index.html |   4 +-
 .../how-to/chart-types/line/area-line/index.html   |   4 +-
 .../how-to/chart-types/line/basic-line/index.html  |   4 +-
 .../how-to/chart-types/line/smooth-line/index.html |   4 +-
 .../chart-types/line/stacked-line/index.html       |   4 +-
 .../how-to/chart-types/line/step-line/index.html   |   4 +-
 .../en/how-to/chart-types/pie/basic-pie/index.html |   4 +-
 .../en/how-to/chart-types/pie/doughnut/index.html  |   4 +-
 handbook/en/how-to/chart-types/pie/rose/index.html |   4 +-
 .../chart-types/scatter/basic-scatter/index.html   |   4 +-
 .../component-types/geo/svg-base-map/index.html    |   4 +-
 .../en/how-to/cross-platform/server/index.html     |   4 +-
 handbook/en/how-to/data/dynamic-data/index.html    |   4 +-
 .../how-to/interaction/coarse-pointer/index.html   |   4 +-
 handbook/en/how-to/interaction/drag/index.html     |   4 +-
 handbook/en/how-to/label/rich-text/index.html      |   4 +-
 handbook/en/index.html                             |   4 +-
 handbook/en/meta/edit-guide/index.html             |   4 +-
 handbook/index.html                                |   4 +-
 handbook/zh/basics/download/index.html             |   4 +-
 handbook/zh/basics/help/index.html                 |   4 +-
 handbook/zh/basics/import/index.html               |   4 +-
 handbook/zh/basics/release-note/5-2-0/index.html   |   4 +-
 handbook/zh/basics/release-note/5-3-0/index.html   |   4 +-
 handbook/zh/basics/release-note/5-4-0/index.html   |   4 +-
 handbook/zh/basics/release-note/5-5-0/index.html   |   4 +-
 handbook/zh/basics/release-note/5-6-0/index.html   |   4 +-
 .../zh/basics/release-note/v5-feature/index.html   |   4 +-
 .../release-note/v5-upgrade-guide/index.html       |   4 +-
 .../zh/basics/release-note/v6-feature/index.html   |   4 +-
 .../release-note/v6-upgrade-guide/index.html       |   4 +-
 handbook/zh/best-practices/aria/index.html         |   4 +-
 .../zh/best-practices/canvas-vs-svg/index.html     |   4 +-
 handbook/zh/best-practices/security/index.html     |   4 +-
 handbook/zh/concepts/axis/index.html               |   4 +-
 handbook/zh/concepts/chart-size/index.html         |   4 +-
 handbook/zh/concepts/data-transform/index.html     |   4 +-
 handbook/zh/concepts/dataset/index.html            |   4 +-
 handbook/zh/concepts/event/index.html              |   4 +-
 handbook/zh/concepts/legend/index.html             |   4 +-
 handbook/zh/concepts/style/index.html              |   4 +-
 handbook/zh/concepts/visual-map/index.html         |   4 +-
 handbook/zh/get-started/index.html                 |   4 +-
 handbook/zh/how-to/animation/transition/index.html |   4 +-
 .../zh/how-to/chart-types/bar/bar-race/index.html  |   4 +-
 .../zh/how-to/chart-types/bar/basic-bar/index.html |   4 +-
 .../how-to/chart-types/bar/stacked-bar/index.html  |   4 +-
 .../zh/how-to/chart-types/bar/waterfall/index.html |   4 +-
 .../how-to/chart-types/line/area-line/index.html   |   4 +-
 .../how-to/chart-types/line/basic-line/index.html  |   4 +-
 .../how-to/chart-types/line/smooth-line/index.html |   4 +-
 .../chart-types/line/stacked-line/index.html       |   4 +-
 .../how-to/chart-types/line/step-line/index.html   |   4 +-
 .../zh/how-to/chart-types/pie/basic-pie/index.html |   4 +-
 .../zh/how-to/chart-types/pie/doughnut/index.html  |   4 +-
 handbook/zh/how-to/chart-types/pie/rose/index.html |   4 +-
 .../chart-types/scatter/basic-scatter/index.html   |   4 +-
 .../component-types/geo/svg-base-map/index.html    |   4 +-
 .../zh/how-to/cross-platform/baidu-app/index.html  |   4 +-
 .../zh/how-to/cross-platform/server/index.html     |   4 +-
 .../zh/how-to/cross-platform/wechat-app/index.html |   4 +-
 handbook/zh/how-to/data/dynamic-data/index.html    |   4 +-
 .../how-to/interaction/coarse-pointer/index.html   |   4 +-
 handbook/zh/how-to/interaction/drag/index.html     |   4 +-
 handbook/zh/how-to/label/rich-text/index.html      |   4 +-
 handbook/zh/index.html                             |   4 +-
 handbook/zh/meta/edit-guide/index.html             |   4 +-
 layouts/example-simple.html                        |   4 +-
 layouts/example.html                               |   4 +-
 zh/builder/echarts.html                            |   2 +-
 zh/css/only_for_cdn_ready_check.css                |   2 +-
 zh/index.html                                      |   2 +-
 zh/spreadsheet.html                                |   6 +-
 122 files changed, 1613 insertions(+), 225 deletions(-)

diff --git a/en/builder/echarts.html b/en/builder/echarts.html
index 865cac6f1..5bf3cfe7d 100644
--- a/en/builder/echarts.html
+++ b/en/builder/echarts.html
@@ -60,7 +60,7 @@
                 'rollup': 'lib/rollup.browser',
                 'transformDev': 'lib/transform-dev-bundle'
             },
-            urlArgs: 'v=1761329823549'
+            urlArgs: 'v=1761812569933'
         });
 
         require(['build']);
diff --git a/en/index.html b/en/index.html
index a9fe2c181..f5bc31bb5 100644
--- a/en/index.html
+++ b/en/index.html
@@ -128,4 +128,4 @@ transform:scale(0,0);
 </svg></div></div></div></div></section><section id="feature-section"><div class="container"><div class="index-features"><h2 class="reveal">Features</h2><hr class="reveal"><a href="https://echarts.apache.org/en/feature.html" class="more reveal">View More</a></div><div class="row"><div class="col-md-6"><div id="index-feature-1" class="index-feature"><div class="index-feature-left reveal"><div id="bg-icon-1" class="index-feature-icon-bg"></div><div id="icon-1" class="index-feature-icon"></ [...]
 </script><script type="text/javascript">window.lazyLoadOptions = {
     elements_selector: ".lazy"
-};</script><script src="https://echarts.apache.org/en/./js/vendors/vanilla-lazyload@12.0.3/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1761329823549"></script></html>
\ No newline at end of file
+};</script><script src="https://echarts.apache.org/en/./js/vendors/vanilla-lazyload@12.0.3/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1761812569933"></script></html>
\ No newline at end of file
diff --git a/en/spreadsheet.html b/en/spreadsheet.html
index 74370ff6c..442f8c085 100644
--- a/en/spreadsheet.html
+++ b/en/spreadsheet.html
@@ -13,7 +13,7 @@
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1761329823549',
+    version: '1761812569933',
     basePath: './'
 }, window.globalArgsExtra || {}));
 
@@ -32,7 +32,7 @@ require.config({
         numeral: vendorPath + '/numeral/1.4.7/numeral.min',
         immutable: vendorPath + '/immutable/3.7.4/dist/immutable'
     },
-    urlArgs: '_v_=1761329823549'
+    urlArgs: '_v_=1761812569933'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/examples/data/thumb-dark/matrix-stock.png b/examples/data/thumb-dark/matrix-stock.png
new file mode 100644
index 000000000..77d37cbd6
Binary files /dev/null and b/examples/data/thumb-dark/matrix-stock.png differ
diff --git a/examples/data/thumb-dark/matrix-stock.webp b/examples/data/thumb-dark/matrix-stock.webp
new file mode 100644
index 000000000..72bc1ab7e
Binary files /dev/null and b/examples/data/thumb-dark/matrix-stock.webp differ
diff --git a/examples/data/thumb/matrix-stock.png b/examples/data/thumb/matrix-stock.png
new file mode 100644
index 000000000..09242619e
Binary files /dev/null and b/examples/data/thumb/matrix-stock.png differ
diff --git a/examples/data/thumb/matrix-stock.webp b/examples/data/thumb/matrix-stock.webp
new file mode 100644
index 000000000..0ec3230c5
Binary files /dev/null and b/examples/data/thumb/matrix-stock.webp differ
diff --git a/examples/en/editor.html b/examples/en/editor.html
index 8603d8b1e..3f191d138 100644
--- a/examples/en/editor.html
+++ b/examples/en/editor.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/en/./js/vendors/jquery@3.7.1/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_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>We're sorry, but Apache ECharts website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></div></noscript><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/en/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick=" [...]
-</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'editor',
     locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1761329823549';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script></html>
\ No newline at end of file
diff --git a/examples/en/index.html b/examples/en/index.html
index 2e479b383..d089d80d6 100644
--- a/examples/en/index.html
+++ b/examples/en/index.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/en/./js/vendors/jquery@3.7.1/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_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>We're sorry, but Apache ECharts website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></div></noscript><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/en/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick=" [...]
-</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'explore',
     locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1761329823549';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script></html>
\ No newline at end of file
diff --git a/examples/en/view.html b/examples/en/view.html
index d9169cf50..fe2146e7d 100644
--- a/examples/en/view.html
+++ b/examples/en/view.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/en/./js/vendors/jquery@3.7.1/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_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>We're sorry, but Apache ECharts website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></div></noscript><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/en/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick=" [...]
-</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">window.globalArgsExtra = {
+</script><script src="https://echarts.apache.org/en/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/en/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">window.globalArgsExtra = {
     page: 'view',
     locale: 'en'
 };</script><script type="text/javascript">window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-window.globalArgsExtra.version = '1761329823549';
+window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/examples';
 
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/examples/examples/js/data-transform-aggregate.js b/examples/examples/js/data-transform-aggregate.js
index bb51e7f5e..94dfa7f1f 100644
--- a/examples/examples/js/data-transform-aggregate.js
+++ b/examples/examples/js/data-transform-aggregate.js
@@ -78,7 +78,7 @@ function run(_rawData) {
       type: 'category'
     },
     grid: {
-      bottom: 100
+      bottom: 140
     },
     legend: {
       selected: { detail: false }
@@ -89,7 +89,8 @@ function run(_rawData) {
       },
       {
         type: 'slider',
-        height: 20
+        height: 20,
+        bottom: 60
       }
     ],
     series: [
diff --git a/examples/examples/js/matrix-stock.js b/examples/examples/js/matrix-stock.js
new file mode 100644
index 000000000..3c96cc8d1
--- /dev/null
+++ b/examples/examples/js/matrix-stock.js
@@ -0,0 +1,673 @@
+/*
+title: Matrix Stock Application
+category: 'matrix, candlestick'
+titleCN: 股市矩阵图
+difficulty: 3
+since: 6.0.0
+*/
+const lastClose = 50; // Close value of yesterday
+const colorGreen = '#47b262';
+const colorRed = '#eb5454';
+const colorGray = '#888';
+const colorGreenOpacity = 'rgba(71, 178, 98, 0.2)';
+const colorRedOpacity = 'rgba(235, 84, 84, 0.2)';
+const matrixMargin = 10;
+const chartWidth = myChart.getWidth();
+const chartHeight = myChart.getHeight();
+const matrixWidth = chartWidth - matrixMargin * 2;
+const matrixHeight = chartHeight - matrixMargin * 2;
+const getPriceColor = (price) => {
+  return price === lastClose
+    ? colorGray
+    : price > lastClose
+    ? colorRed
+    : colorGreen;
+};
+const priceFormatter = (value) => {
+  const result = Math.round(value * 100) / 100 + '';
+  // Adding padding 0 if needed
+  let dotIndex = result.indexOf('.');
+  if (dotIndex < 0) {
+    return result + '.00';
+  } else if (dotIndex === result.length - 2) {
+    return result + '0';
+  }
+  return result;
+};
+const priceData = [];
+const volumeData = [];
+const averageData = []; // Volume weighted average price
+const macdData = []; // MACD histogram data
+const macdLineData = []; // MACD line (DIF) data
+const signalLineData = []; // Signal line (DEA) data
+let sumPrice = 0;
+let sumVolume = 0;
+const sTime = new Date('2025-10-16 09:30:00').getTime();
+const eTime = new Date('2025-10-16 15:00:00').getTime();
+const breakStartTime = new Date('2025-10-16 11:30:00').getTime();
+const breakEndTime = new Date('2025-10-16 13:00:00').getTime();
+// MACD algorithm parameters
+const shortPeriod = 12; // Short-term EMA period, typically 12
+const longPeriod = 26; // Long-term EMA period, typically 26
+const signalPeriod = 9; // Signal line EMA period, typically 9
+let time = sTime;
+let price = 0;
+let direction = 1; // 1 for up, -1 for down
+let maxAbs = 0;
+while (time < eTime) {
+  const volume = Math.random() * 1000 + 500;
+  volumeData.push([time, volume]);
+  sumVolume += volume;
+  if (time === sTime) {
+    // Today open price
+    direction = Math.random() < 0.5 ? 1 : -1;
+    price = lastClose * (1 + (Math.random() - 0.5) * 0.02);
+  } else {
+    // 70% chance to maintain the last direction
+    direction = Math.random() < 0.8 ? direction : -direction;
+    price = Math.round((price + direction * (Math.random() * 0.1)) * 100) / 100;
+  }
+  priceData.push([time, price]);
+  sumPrice += price * volume;
+  averageData.push([time, sumPrice / sumVolume]);
+  maxAbs = Math.max(maxAbs, Math.abs(price - lastClose));
+  if (time === breakStartTime) {
+    time = breakEndTime;
+  } else {
+    time += 60 * 1000; // increment by 1 minute
+  }
+}
+// Calculate MACD
+// 1. Calculate Exponential Moving Average (EMA)
+function calculateEMA(prices, period) {
+  let ema = [];
+  const k = 2 / (period + 1);
+  // No special handling for small datasets
+  // Just calculate EMA from the period point onwards
+  // If we have enough data points
+  if (prices.length >= period) {
+    // Calculate first EMA using Simple Moving Average (SMA)
+    let sum = 0;
+    for (let i = 0; i < period; i++) {
+      sum += prices[i][1];
+    }
+    const firstEMA = sum / period;
+    // First EMA at the period point
+    ema.push([prices[period - 1][0], firstEMA]);
+    // Calculate subsequent EMAs
+    for (let i = period; i < prices.length; i++) {
+      const newEMA = prices[i][1] * k + ema[ema.length - 1][1] * (1 - k);
+      ema.push([prices[i][0], newEMA]);
+    }
+  }
+  return ema;
+}
+// Calculate MACD indicators
+if (priceData.length >= longPeriod) {
+  // Need at least longPeriod data points
+  // Calculate short and long-term EMA
+  const shortEMA = calculateEMA(priceData, shortPeriod);
+  const longEMA = calculateEMA(priceData, longPeriod);
+  // Calculate MACD line (DIF: Difference) for points where both EMAs are available
+  const macdLine = [];
+  // Find the earliest point where both EMAs are available
+  // This should be at longPeriod-1
+  let startIndex = longPeriod - 1;
+  // Map EMA data to timestamps for easier lookup
+  const shortEMAMap = new Map(shortEMA.map((item) => [item[0], item[1]]));
+  const longEMAMap = new Map(longEMA.map((item) => [item[0], item[1]]));
+  // Process data points starting from where both EMAs are available
+  for (let i = startIndex; i < priceData.length; i++) {
+    const time = priceData[i][0];
+    // If we have both EMA values for this timestamp
+    if (shortEMAMap.has(time) && longEMAMap.has(time)) {
+      const diff = (shortEMAMap.get(time) || 0) - (longEMAMap.get(time) || 0);
+      macdLine.push([time, diff]);
+    }
+  }
+  // Calculate signal line (DEA: Signal Line) using standard EMA
+  const signalLine = calculateEMA(macdLine, signalPeriod);
+  // Clear existing data arrays
+  macdLineData.length = 0;
+  signalLineData.length = 0;
+  macdData.length = 0;
+  // Find common time range where both MACD and signal are available
+  const startTimestamp = signalLine.length > 0 ? signalLine[0][0] : null;
+  if (startTimestamp !== null) {
+    // Create a map of MACD values by timestamp
+    const macdMap = new Map();
+    for (const item of macdLine) {
+      macdMap.set(item[0], item[1]);
+    }
+    // Create a map of signal values by timestamp
+    const signalMap = new Map();
+    for (const item of signalLine) {
+      signalMap.set(item[0], item[1]);
+    }
+    // Find all common timestamps between MACD and signal lines
+    const commonTimestamps = [];
+    for (const time of macdMap.keys()) {
+      if (signalMap.has(time)) {
+        commonTimestamps.push(time);
+      }
+    }
+    // Sort timestamps to ensure correct order
+    commonTimestamps.sort((a, b) => a - b);
+    // Use only common timestamps for all three data series
+    for (const time of commonTimestamps) {
+      const macdValue = macdMap.get(time);
+      const signalValue = signalMap.get(time);
+      macdLineData.push([time, macdValue]);
+      signalLineData.push([time, signalValue]);
+      // Calculate histogram
+      const histogram = macdValue - signalValue;
+      // Determine color based on histogram value
+      const color = histogram > 0 ? colorRed : colorGreen;
+      macdData.push({
+        value: [time, histogram],
+        itemStyle: {
+          color: color
+        }
+      });
+    }
+  }
+}
+const orderData = [];
+const orderCat = [];
+const orderCount = 10;
+let orderPrice = price - (0.01 * orderCount) / 2;
+for (let i = 0; i < orderCount; ++i) {
+  if (price === orderPrice) {
+    continue;
+  }
+  orderPrice += 0.01;
+  orderCat.push(orderPrice);
+  const amount = Math.round(Math.random() * 200) + 10;
+  const isLower = orderPrice < price;
+  orderData.push({
+    value: amount,
+    itemStyle: {
+      color: isLower ? colorGreenOpacity : colorRedOpacity
+    },
+    label: {
+      formatter:
+        `{name|${isLower ? 'Bid' : 'Ask'}} ` +
+        `{${isLower ? 'green' : 'red'}|${priceFormatter(orderPrice)}} ` +
+        `{amount|(${amount})}`,
+      rich: {
+        red: {
+          color: colorRed
+        },
+        green: {
+          color: colorGreen
+        },
+        amount: {
+          color: '#666'
+        },
+        name: {
+          fontWeight: 'bold',
+          color: '#444'
+        }
+      }
+    }
+  });
+}
+const depthCount = 20;
+const depthHighData = [];
+const depthLowData = [];
+let cumulativeHighVolume = 0;
+let cumulativeLowVolume = 0;
+for (let i = 0; i < depthCount; ++i) {
+  depthHighData[depthCount + i] = cumulativeHighVolume;
+  cumulativeHighVolume += Math.round(Math.random() * 1000);
+  depthLowData[depthCount - i - 1] = cumulativeLowVolume;
+  cumulativeLowVolume += Math.round(Math.random() * 1000);
+}
+const getTitle = (text, subtext, coord) => {
+  return {
+    text: text,
+    subtext: subtext,
+    left: 2,
+    top: 2,
+    padding: 0,
+    textStyle: {
+      fontSize: 12,
+      fontWeight: 'bold',
+      color: '#444'
+    },
+    subtextStyle: {
+      fontSize: 10,
+      color: '#666'
+    },
+    itemGap: 0,
+    coordinateSystem: 'matrix',
+    coord: coord
+  };
+};
+const titles = [
+  getTitle('Volume', Math.round(sumVolume / 1000) + 'B', [0, 5]),
+  getTitle('MACD', '', [0, 4]),
+  getTitle('Order Book', '', [4, 0]),
+  getTitle('Depth', '', [4, 5])
+];
+option = {
+  title: titles,
+  xAxis: [
+    {
+      type: 'time',
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'time',
+      gridIndex: 1,
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'time',
+      gridIndex: 2,
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'value',
+      gridIndex: 3,
+      show: false,
+      max: 'dataMax'
+    },
+    {
+      type: 'category',
+      gridIndex: 4,
+      show: false,
+      boundaryGap: false,
+      data: Array.from({ length: depthCount * 2 }, (_, i) => i + '')
+    }
+  ],
+  yAxis: [
+    {
+      type: 'value',
+      show: false,
+      // Value should be symmetric around zero
+      min: lastClose - maxAbs,
+      max: lastClose + maxAbs
+    },
+    {
+      type: 'value',
+      gridIndex: 1,
+      show: false
+    },
+    {
+      type: 'value',
+      gridIndex: 2,
+      show: false
+    },
+    {
+      type: 'category',
+      gridIndex: 3,
+      show: false
+    },
+    {
+      type: 'value',
+      gridIndex: 4,
+      show: false,
+      max: 'dataMax',
+      min: 'dataMin'
+    }
+  ],
+  grid: [
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 0],
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 5],
+      top: 20,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 4],
+      top: 20,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [4, 0],
+      top: 15,
+      bottom: 2,
+      left: 2,
+      right: 2
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [4, 4],
+      top: 15,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  ],
+  series: [
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: priceData,
+      markPoint: {
+        symbolSize: 0,
+        symbol: 'circle',
+        data: [
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: 0,
+            name: 'max',
+            type: 'max',
+            label: {
+              align: 'left',
+              verticalAlign: 'top',
+              formatter: priceFormatter(lastClose + maxAbs),
+              color: getPriceColor(lastClose + maxAbs)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: '50%',
+            name: lastClose + '',
+            label: {
+              align: 'left',
+              verticalAlign: 'middle',
+              formatter: priceFormatter(lastClose),
+              color: getPriceColor(lastClose)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: '100%',
+            name: 'min',
+            type: 'min',
+            label: {
+              align: 'left',
+              verticalAlign: 'bottom',
+              formatter: priceFormatter(lastClose - maxAbs),
+              color: getPriceColor(lastClose - maxAbs)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: 0,
+            name: priceFormatter((maxAbs / lastClose) * 100) + '%',
+            label: {
+              align: 'right',
+              verticalAlign: 'top',
+              color: colorRed,
+              formatter: '{b}'
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: '50%',
+            name: '0%',
+            label: {
+              align: 'right',
+              verticalAlign: 'middle',
+              color: colorGray,
+              formatter: '{b}'
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: '100%',
+            name: '-' + priceFormatter((maxAbs / lastClose) * 100) + '%',
+            label: {
+              align: 'right',
+              verticalAlign: 'bottom',
+              color: colorGreen,
+              formatter: '{b}'
+            }
+          }
+        ]
+      }
+    },
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: averageData,
+      xAxisIndex: 0,
+      yAxisIndex: 0
+    },
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: averageData,
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+      lineStyle: {
+        color: '#FFC458',
+        width: 1
+      }
+    },
+    {
+      name: 'Volume',
+      type: 'bar',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      data: volumeData.map((item, index) => {
+        // Compare current price with previous price to determine color
+        let color = colorGray;
+        if (index > 0) {
+          const currentPrice = priceData[index][1];
+          const prevPrice = priceData[index - 1][1];
+          color = currentPrice > prevPrice ? colorRed : colorGreen;
+        }
+        return {
+          value: [item[0], item[1]],
+          itemStyle: {
+            color: color
+          }
+        };
+      })
+    },
+    {
+      name: 'MACD',
+      type: 'bar',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: macdData,
+      barWidth: '70%' // Set bar width to 70% of coordinate area
+    },
+    {
+      name: 'DIF',
+      type: 'line',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: macdLineData,
+      lineStyle: {
+        color: '#FFC458',
+        width: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'DEA',
+      type: 'line',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: signalLineData,
+      lineStyle: {
+        color: '#333',
+        width: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'Order Book',
+      type: 'bar',
+      xAxisIndex: 3,
+      yAxisIndex: 3,
+      data: orderData,
+      barWidth: '90%',
+      label: {
+        show: true,
+        position: 'insideLeft'
+      }
+    },
+    {
+      name: 'Depth High',
+      type: 'line',
+      xAxisIndex: 4,
+      yAxisIndex: 4,
+      data: depthHighData,
+      step: 'end',
+      lineStyle: {
+        color: colorRed,
+        width: 2
+      },
+      areaStyle: {
+        color: colorRedOpacity,
+        opacity: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'Depth Low',
+      type: 'line',
+      xAxisIndex: 4,
+      yAxisIndex: 4,
+      data: depthLowData,
+      step: 'end',
+      lineStyle: {
+        color: colorGreen,
+        width: 2
+      },
+      areaStyle: {
+        color: colorGreenOpacity,
+        opacity: 1
+      },
+      symbol: 'none'
+    }
+  ],
+  matrix: {
+    left: matrixMargin,
+    right: matrixMargin,
+    top: matrixMargin,
+    bottom: matrixMargin,
+    x: {
+      show: false,
+      data: Array(5).fill(null)
+    },
+    y: {
+      show: false,
+      data: Array(6).fill(null)
+    },
+    body: {
+      data: [
+        {
+          coord: [
+            [0, 3],
+            [0, 3]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [0, 3],
+            [5, 5]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [0, 3],
+            [4, 4]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [4, 4],
+            [0, 3]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [4, 4],
+            [4, 5]
+          ],
+          mergeCells: true
+        }
+      ]
+    }
+  },
+  graphic: {
+    elements: Array.from({ length: 3 }, (_, i) => {
+      const lineWidth = 1;
+      return {
+        type: 'line',
+        shape: {
+          x1: matrixMargin + lineWidth,
+          y1: (matrixHeight / 6) * (i + 1),
+          x2: (matrixWidth / 5) * 4 + matrixMargin,
+          y2: (matrixHeight / 6) * (i + 1)
+        },
+        style: {
+          stroke: i === 1 ? '#bbb' : '#eee',
+          lineWidth,
+          lineDash: i == 1 ? 'dashed' : false
+        }
+      };
+    }).concat(
+      Array.from({ length: 3 }, (_, i) => {
+        const lineWidth = 1;
+        const matrixWidth = chartWidth - matrixMargin * 2;
+        return {
+          type: 'line',
+          shape: {
+            x1: (matrixWidth / 5) * (i + 1) + matrixMargin,
+            y1: matrixMargin + lineWidth,
+            x2: (matrixWidth / 5) * (i + 1) + matrixMargin,
+            y2: chartHeight - matrixMargin
+          },
+          style: {
+            stroke: '#eee',
+            lineDash: false,
+            lineWidth
+          }
+        };
+      })
+    )
+  }
+};
diff --git a/examples/examples/ts/data-transform-aggregate.js b/examples/examples/ts/data-transform-aggregate.js
index 32cd941fb..e3909c0ea 100644
--- a/examples/examples/ts/data-transform-aggregate.js
+++ b/examples/examples/ts/data-transform-aggregate.js
@@ -81,7 +81,7 @@ function run(_rawData) {
       type: 'category'
     },
     grid: {
-      bottom: 100
+      bottom: 140
     },
     legend: {
       selected: { detail: false }
@@ -92,7 +92,8 @@ function run(_rawData) {
       },
       {
         type: 'slider',
-        height: 20
+        height: 20,
+        bottom: 60
       }
     ],
     series: [
diff --git a/examples/examples/ts/matrix-stock.ts b/examples/examples/ts/matrix-stock.ts
new file mode 100644
index 000000000..85ca6d3a3
--- /dev/null
+++ b/examples/examples/ts/matrix-stock.ts
@@ -0,0 +1,713 @@
+/*
+title: Matrix Stock Application
+category: 'matrix, candlestick'
+titleCN: 股市矩阵图
+difficulty: 3
+since: 6.0.0
+*/
+const lastClose = 50; // Close value of yesterday
+const colorGreen = '#47b262';
+const colorRed = '#eb5454';
+const colorGray = '#888';
+const colorGreenOpacity = 'rgba(71, 178, 98, 0.2)';
+const colorRedOpacity = 'rgba(235, 84, 84, 0.2)';
+
+const matrixMargin = 10;
+const chartWidth = myChart.getWidth();
+const chartHeight = myChart.getHeight();
+const matrixWidth = chartWidth - matrixMargin * 2;
+const matrixHeight = chartHeight - matrixMargin * 2;
+
+const getPriceColor = (price: number) => {
+  return price === lastClose
+    ? colorGray
+    : price > lastClose
+    ? colorRed
+    : colorGreen;
+};
+const priceFormatter = (value: number) => {
+  const result = Math.round(value * 100) / 100 + '';
+  // Adding padding 0 if needed
+  let dotIndex = result.indexOf('.');
+  if (dotIndex < 0) {
+    return result + '.00';
+  } else if (dotIndex === result.length - 2) {
+    return result + '0';
+  }
+  return result;
+};
+
+const priceData: [number, number][] = [];
+const volumeData = [];
+const averageData = []; // Volume weighted average price
+const macdData = []; // MACD histogram data
+const macdLineData = []; // MACD line (DIF) data
+const signalLineData = []; // Signal line (DEA) data
+
+let sumPrice = 0;
+let sumVolume = 0;
+const sTime = new Date('2025-10-16 09:30:00').getTime();
+const eTime = new Date('2025-10-16 15:00:00').getTime();
+const breakStartTime = new Date('2025-10-16 11:30:00').getTime();
+const breakEndTime = new Date('2025-10-16 13:00:00').getTime();
+
+// MACD algorithm parameters
+const shortPeriod = 12; // Short-term EMA period, typically 12
+const longPeriod = 26; // Long-term EMA period, typically 26
+const signalPeriod = 9; // Signal line EMA period, typically 9
+
+let time = sTime;
+let price = 0;
+let direction = 1; // 1 for up, -1 for down
+let maxAbs = 0;
+while (time < eTime) {
+  const volume = Math.random() * 1000 + 500;
+  volumeData.push([time, volume]);
+  sumVolume += volume;
+
+  if (time === sTime) {
+    // Today open price
+    direction = Math.random() < 0.5 ? 1 : -1;
+    price = lastClose * (1 + (Math.random() - 0.5) * 0.02);
+  } else {
+    // 70% chance to maintain the last direction
+    direction = Math.random() < 0.8 ? direction : -direction;
+    price = Math.round((price + direction * (Math.random() * 0.1)) * 100) / 100;
+  }
+  priceData.push([time, price]);
+
+  sumPrice += price * volume;
+  averageData.push([time, sumPrice / sumVolume]);
+
+  maxAbs = Math.max(maxAbs, Math.abs(price - lastClose));
+
+  if (time === breakStartTime) {
+    time = breakEndTime;
+  } else {
+    time += 60 * 1000; // increment by 1 minute
+  }
+}
+
+// Calculate MACD
+// 1. Calculate Exponential Moving Average (EMA)
+function calculateEMA(prices: number[][], period: number) {
+  let ema = [];
+  const k = 2 / (period + 1);
+
+  // No special handling for small datasets
+  // Just calculate EMA from the period point onwards
+
+  // If we have enough data points
+  if (prices.length >= period) {
+    // Calculate first EMA using Simple Moving Average (SMA)
+    let sum = 0;
+    for (let i = 0; i < period; i++) {
+      sum += prices[i][1];
+    }
+    const firstEMA = sum / period;
+
+    // First EMA at the period point
+    ema.push([prices[period - 1][0], firstEMA]);
+
+    // Calculate subsequent EMAs
+    for (let i = period; i < prices.length; i++) {
+      const newEMA: number =
+        prices[i][1] * k + ema[ema.length - 1][1] * (1 - k);
+      ema.push([prices[i][0], newEMA]);
+    }
+  }
+
+  return ema;
+}
+
+// Calculate MACD indicators
+if (priceData.length >= longPeriod) {
+  // Need at least longPeriod data points
+  // Calculate short and long-term EMA
+  const shortEMA = calculateEMA(priceData, shortPeriod);
+  const longEMA = calculateEMA(priceData, longPeriod);
+
+  // Calculate MACD line (DIF: Difference) for points where both EMAs are available
+  const macdLine = [];
+
+  // Find the earliest point where both EMAs are available
+  // This should be at longPeriod-1
+  let startIndex = longPeriod - 1;
+
+  // Map EMA data to timestamps for easier lookup
+  const shortEMAMap = new Map(shortEMA.map((item) => [item[0], item[1]]));
+  const longEMAMap = new Map(longEMA.map((item) => [item[0], item[1]]));
+
+  // Process data points starting from where both EMAs are available
+  for (let i = startIndex; i < priceData.length; i++) {
+    const time = priceData[i][0];
+
+    // If we have both EMA values for this timestamp
+    if (shortEMAMap.has(time) && longEMAMap.has(time)) {
+      const diff = (shortEMAMap.get(time) || 0) - (longEMAMap.get(time) || 0);
+      macdLine.push([time, diff]);
+    }
+  }
+
+  // Calculate signal line (DEA: Signal Line) using standard EMA
+  const signalLine = calculateEMA(macdLine, signalPeriod);
+
+  // Clear existing data arrays
+  macdLineData.length = 0;
+  signalLineData.length = 0;
+  macdData.length = 0;
+
+  // Find common time range where both MACD and signal are available
+  const startTimestamp = signalLine.length > 0 ? signalLine[0][0] : null;
+
+  if (startTimestamp !== null) {
+    // Create a map of MACD values by timestamp
+    const macdMap = new Map();
+    for (const item of macdLine) {
+      macdMap.set(item[0], item[1]);
+    }
+
+    // Create a map of signal values by timestamp
+    const signalMap = new Map();
+    for (const item of signalLine) {
+      signalMap.set(item[0], item[1]);
+    }
+
+    // Find all common timestamps between MACD and signal lines
+    const commonTimestamps = [];
+    for (const time of macdMap.keys()) {
+      if (signalMap.has(time)) {
+        commonTimestamps.push(time);
+      }
+    }
+
+    // Sort timestamps to ensure correct order
+    commonTimestamps.sort((a, b) => a - b);
+
+    // Use only common timestamps for all three data series
+    for (const time of commonTimestamps) {
+      const macdValue = macdMap.get(time);
+      const signalValue = signalMap.get(time);
+
+      macdLineData.push([time, macdValue]);
+      signalLineData.push([time, signalValue]);
+
+      // Calculate histogram
+      const histogram = macdValue - signalValue;
+
+      // Determine color based on histogram value
+      const color = histogram > 0 ? colorRed : colorGreen;
+
+      macdData.push({
+        value: [time, histogram],
+        itemStyle: {
+          color: color
+        }
+      });
+    }
+  }
+}
+
+const orderData = [];
+const orderCat = [];
+const orderCount = 10;
+let orderPrice = price - (0.01 * orderCount) / 2;
+for (let i = 0; i < orderCount; ++i) {
+  if (price === orderPrice) {
+    continue;
+  }
+  orderPrice += 0.01;
+  orderCat.push(orderPrice);
+  const amount = Math.round(Math.random() * 200) + 10;
+  const isLower = orderPrice < price;
+  orderData.push({
+    value: amount,
+    itemStyle: {
+      color: isLower ? colorGreenOpacity : colorRedOpacity
+    },
+    label: {
+      formatter:
+        `{name|${isLower ? 'Bid' : 'Ask'}} ` +
+        `{${isLower ? 'green' : 'red'}|${priceFormatter(orderPrice)}} ` +
+        `{amount|(${amount})}`,
+      rich: {
+        red: {
+          color: colorRed
+        },
+        green: {
+          color: colorGreen
+        },
+        amount: {
+          color: '#666'
+        },
+        name: {
+          fontWeight: 'bold',
+          color: '#444'
+        }
+      } as const
+    }
+  });
+}
+
+const depthCount = 20;
+const depthHighData = [];
+const depthLowData = [];
+let cumulativeHighVolume = 0;
+let cumulativeLowVolume = 0;
+for (let i = 0; i < depthCount; ++i) {
+  depthHighData[depthCount + i] = cumulativeHighVolume;
+  cumulativeHighVolume += Math.round(Math.random() * 1000);
+
+  depthLowData[depthCount - i - 1] = cumulativeLowVolume;
+  cumulativeLowVolume += Math.round(Math.random() * 1000);
+}
+
+const getTitle = (text: string, subtext: string, coord: [number, number]) => {
+  return {
+    text: text,
+    subtext: subtext,
+    left: 2,
+    top: 2,
+    padding: 0,
+    textStyle: {
+      fontSize: 12,
+      fontWeight: 'bold' as const,
+      color: '#444'
+    },
+    subtextStyle: {
+      fontSize: 10,
+      color: '#666'
+    },
+    itemGap: 0,
+    coordinateSystem: 'matrix',
+    coord: coord
+  };
+};
+const titles = [
+  getTitle('Volume', Math.round(sumVolume / 1000) + 'B', [0, 5]),
+  getTitle('MACD', '', [0, 4]),
+  getTitle('Order Book', '', [4, 0]),
+  getTitle('Depth', '', [4, 5])
+];
+
+option = {
+  title: titles,
+  xAxis: [
+    {
+      type: 'time',
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'time',
+      gridIndex: 1,
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'time',
+      gridIndex: 2,
+      show: false,
+      breaks: [
+        {
+          start: breakStartTime,
+          end: breakEndTime,
+          gap: 0
+        }
+      ]
+    },
+    {
+      type: 'value',
+      gridIndex: 3,
+      show: false,
+      max: 'dataMax'
+    },
+    {
+      type: 'category',
+      gridIndex: 4,
+      show: false,
+      boundaryGap: false,
+      data: Array.from({ length: depthCount * 2 }, (_, i) => i + '')
+    }
+  ],
+  yAxis: [
+    {
+      type: 'value',
+      show: false,
+      // Value should be symmetric around zero
+      min: lastClose - maxAbs,
+      max: lastClose + maxAbs
+    },
+    {
+      type: 'value',
+      gridIndex: 1,
+      show: false
+    },
+    {
+      type: 'value',
+      gridIndex: 2,
+      show: false
+    },
+    {
+      type: 'category',
+      gridIndex: 3,
+      show: false
+    },
+    {
+      type: 'value',
+      gridIndex: 4,
+      show: false,
+      max: 'dataMax',
+      min: 'dataMin'
+    }
+  ],
+  grid: [
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 0],
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 5],
+      top: 20,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [0, 4],
+      top: 20,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [4, 0],
+      top: 15,
+      bottom: 2,
+      left: 2,
+      right: 2
+    },
+    {
+      coordinateSystem: 'matrix',
+      coord: [4, 4],
+      top: 15,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  ],
+  series: [
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: priceData,
+      markPoint: {
+        symbolSize: 0,
+        symbol: 'circle',
+        data: [
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: 0,
+            name: 'max',
+            type: 'max',
+            label: {
+              align: 'left',
+              verticalAlign: 'top',
+              formatter: priceFormatter(lastClose + maxAbs),
+              color: getPriceColor(lastClose + maxAbs)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: '50%',
+            name: lastClose + '',
+            label: {
+              align: 'left',
+              verticalAlign: 'middle',
+              formatter: priceFormatter(lastClose),
+              color: getPriceColor(lastClose)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: 0,
+            y: '100%',
+            name: 'min',
+            type: 'min',
+            label: {
+              align: 'left',
+              verticalAlign: 'bottom',
+              formatter: priceFormatter(lastClose - maxAbs),
+              color: getPriceColor(lastClose - maxAbs)
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: 0,
+            name: priceFormatter((maxAbs / lastClose) * 100) + '%',
+            label: {
+              align: 'right',
+              verticalAlign: 'top',
+              color: colorRed,
+              formatter: '{b}'
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: '50%',
+            name: '0%',
+            label: {
+              align: 'right',
+              verticalAlign: 'middle',
+              color: colorGray,
+              formatter: '{b}'
+            }
+          },
+          {
+            relativeTo: 'coordinate',
+            x: '100%',
+            y: '100%',
+            name: '-' + priceFormatter((maxAbs / lastClose) * 100) + '%',
+            label: {
+              align: 'right',
+              verticalAlign: 'bottom',
+              color: colorGreen,
+              formatter: '{b}'
+            }
+          }
+        ]
+      }
+    },
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: averageData,
+      xAxisIndex: 0,
+      yAxisIndex: 0
+    },
+    {
+      type: 'line',
+      symbolSize: 0,
+      data: averageData,
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+      lineStyle: {
+        color: '#FFC458',
+        width: 1
+      }
+    },
+    {
+      name: 'Volume',
+      type: 'bar',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      data: volumeData.map((item, index) => {
+        // Compare current price with previous price to determine color
+        let color = colorGray;
+        if (index > 0) {
+          const currentPrice = priceData[index][1];
+          const prevPrice = priceData[index - 1][1];
+          color = currentPrice > prevPrice ? colorRed : colorGreen;
+        }
+        return {
+          value: [item[0], item[1]],
+          itemStyle: {
+            color: color
+          }
+        };
+      })
+    },
+    {
+      name: 'MACD',
+      type: 'bar',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: macdData,
+      barWidth: '70%' // Set bar width to 70% of coordinate area
+    },
+    {
+      name: 'DIF',
+      type: 'line',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: macdLineData,
+      lineStyle: {
+        color: '#FFC458',
+        width: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'DEA',
+      type: 'line',
+      xAxisIndex: 2,
+      yAxisIndex: 2,
+      data: signalLineData,
+      lineStyle: {
+        color: '#333',
+        width: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'Order Book',
+      type: 'bar',
+      xAxisIndex: 3,
+      yAxisIndex: 3,
+      data: orderData,
+      barWidth: '90%',
+      label: {
+        show: true,
+        position: 'insideLeft'
+      }
+    },
+    {
+      name: 'Depth High',
+      type: 'line',
+      xAxisIndex: 4,
+      yAxisIndex: 4,
+      data: depthHighData,
+      step: 'end',
+      lineStyle: {
+        color: colorRed,
+        width: 2
+      },
+      areaStyle: {
+        color: colorRedOpacity,
+        opacity: 1
+      },
+      symbol: 'none'
+    },
+    {
+      name: 'Depth Low',
+      type: 'line',
+      xAxisIndex: 4,
+      yAxisIndex: 4,
+      data: depthLowData,
+      step: 'end',
+      lineStyle: {
+        color: colorGreen,
+        width: 2
+      },
+      areaStyle: {
+        color: colorGreenOpacity,
+        opacity: 1
+      },
+      symbol: 'none'
+    }
+  ],
+  matrix: {
+    left: matrixMargin,
+    right: matrixMargin,
+    top: matrixMargin,
+    bottom: matrixMargin,
+    x: {
+      show: false,
+      data: Array(5).fill(null)
+    },
+    y: {
+      show: false,
+      data: Array(6).fill(null)
+    },
+    body: {
+      data: [
+        {
+          coord: [
+            [0, 3],
+            [0, 3]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [0, 3],
+            [5, 5]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [0, 3],
+            [4, 4]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [4, 4],
+            [0, 3]
+          ],
+          mergeCells: true
+        },
+        {
+          coord: [
+            [4, 4],
+            [4, 5]
+          ],
+          mergeCells: true
+        }
+      ]
+    }
+  },
+  graphic: {
+    elements: Array.from({ length: 3 }, (_, i) => {
+      const lineWidth = 1;
+      return {
+        type: 'line',
+        shape: {
+          x1: matrixMargin + lineWidth,
+          y1: (matrixHeight / 6) * (i + 1),
+          x2: (matrixWidth / 5) * 4 + matrixMargin,
+          y2: (matrixHeight / 6) * (i + 1)
+        },
+        style: {
+          stroke: i === 1 ? '#bbb' : '#eee',
+          lineWidth,
+          lineDash: (i == 1 ? 'dashed' : false) as 'dashed' | false
+        }
+      };
+    }).concat(
+      Array.from({ length: 3 }, (_, i) => {
+        const lineWidth = 1;
+        const matrixWidth = chartWidth - matrixMargin * 2;
+        return {
+          type: 'line',
+          shape: {
+            x1: (matrixWidth / 5) * (i + 1) + matrixMargin,
+            y1: matrixMargin + lineWidth,
+            x2: (matrixWidth / 5) * (i + 1) + matrixMargin,
+            y2: chartHeight - matrixMargin
+          },
+          style: {
+            stroke: '#eee',
+            lineDash: false,
+            lineWidth
+          }
+        };
+      })
+    )
+  }
+};
diff --git a/examples/js/example-bundle.js b/examples/js/example-bundle.js
index f11192b1d..5a790f7e8 100644
--- a/examples/js/example-bundle.js
+++ b/examples/js/example-bundle.js
@@ -1 +1 @@
-var echartsExample;(()=>{var e={9569:(e,t,n)=>{function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}e=n.nmd(e);var r={grid:"GridComponent",polar:"PolarComponent",geo:"GeoComponent",singleAxis:"SingleAxisComponent",parallel:"ParallelComponent",calendar:"CalendarComponent",graphic:"GraphicComponent",toolbox:"ToolboxComponent",tooltip:"TooltipComponent",axisPointer:"AxisPointerComponent",brush:"BrushComponent",title:"TitleComponent",timel [...]
\ No newline at end of file
+var echartsExample;(()=>{var e={9569:(e,t,n)=>{function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}e=n.nmd(e);var r={grid:"GridComponent",polar:"PolarComponent",geo:"GeoComponent",singleAxis:"SingleAxisComponent",parallel:"ParallelComponent",calendar:"CalendarComponent",graphic:"GraphicComponent",toolbox:"ToolboxComponent",tooltip:"TooltipComponent",axisPointer:"AxisPointerComponent",brush:"BrushComponent",title:"TitleComponent",timel [...]
\ No newline at end of file
diff --git a/examples/zh/editor.html b/examples/zh/editor.html
index d76cfdaa4..04245bf4b 100644
--- a/examples/zh/editor.html
+++ b/examples/zh/editor.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
-</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'editor',
     locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1761329823549';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script></html>
\ No newline at end of file
diff --git a/examples/zh/index.html b/examples/zh/index.html
index b1b46b7a5..88c32fb06 100644
--- a/examples/zh/index.html
+++ b/examples/zh/index.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
-</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'explore',
     locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1761329823549';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script></html>
\ No newline at end of file
diff --git a/examples/zh/view.html b/examples/zh/view.html
index 4859cfb5f..f6f4e7882 100644
--- a/examples/zh/view.html
+++ b/examples/zh/view.html
@@ -11,11 +11,11 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
-</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">window.globalArgsExtra = {
+</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">window.globalArgsExtra = {
     page: 'view',
     locale: 'zh'
 };</script><script type="text/javascript">window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-window.globalArgsExtra.version = '1761329823549';
+window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/examples';
 
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/handbook/200.html b/handbook/200.html
index 687cf4671..dff129afe 100644
--- a/handbook/200.html
+++ b/handbook/200.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/c13735a.js" as="script"><link rel="preload" href="/handbook/_nuxt/js/fa73816a85b29fbf7562.js" as="script"><link rel="preload" href="/handbook/_nuxt/css/ee8e7fb.css" as="style"><link rel="preload" href="/handbook/_nuxt/js/b964c20bb1562bc48da6.js" as="script"><link rel="preload" href="/handbook/_nuxt/css/6b95e13.css" as="style"><link rel="preload" href="/handbook/_nuxt/js/3d07d548fc46c2996173.js" as="script">
+    <base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/ad0cebb.js" as="script"><link rel="preload" href="/handbook/_nuxt/js/fa73816a85b29fbf7562.js" as="script"><link rel="preload" href="/handbook/_nuxt/css/ee8e7fb.css" as="style"><link rel="preload" href="/handbook/_nuxt/js/b964c20bb1562bc48da6.js" as="script"><link rel="preload" href="/handbook/_nuxt/css/6b95e13.css" as="style"><link rel="preload" href="/handbook/_nuxt/js/3d07d548fc46c2996173.js" as="script">
   <link href="/handbook/_nuxt/css/ee8e7fb.css" rel="stylesheet"><link href="/handbook/_nuxt/css/6b95e13.css" rel="stylesheet"></head>
   <body>
     <div id="__nuxt"><style>#nuxt-loading{background:#fff;visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:nuxtLoadingIn 10s ease;-webkit-animation:nuxtLoadingIn 10s ease;animation-fill-mode:forwards;overflow:hidden}@keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes nuxtLoadingIn{0%{vi [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
-  <script src="/handbook/_nuxt/c13735a.js"></script><script src="/handbook/_nuxt/js/fa73816a85b29fbf7562.js"></script><script src="/handbook/_nuxt/js/b964c20bb1562bc48da6.js"></script><script src="/handbook/_nuxt/js/3d07d548fc46c2996173.js"></script></body>
+  <script src="/handbook/_nuxt/ad0cebb.js"></script><script src="/handbook/_nuxt/js/fa73816a85b29fbf7562.js"></script><script src="/handbook/_nuxt/js/b964c20bb1562bc48da6.js"></script><script src="/handbook/_nuxt/js/3d07d548fc46c2996173.js"></script></body>
 </html>
diff --git a/handbook/_nuxt/c13735a.js b/handbook/_nuxt/ad0cebb.js
similarity index 99%
rename from handbook/_nuxt/c13735a.js
rename to handbook/_nuxt/ad0cebb.js
index 9bbb71719..50d26e47a 100644
--- a/handbook/_nuxt/c13735a.js
+++ b/handbook/_nuxt/ad0cebb.js
@@ -1 +1 @@
-!function(e){function c(data){for(var c,f,t=data[0],o=data[1],l=data[2],i=0,h=[];i<t.length;i++)f=t[i],Object.prototype.hasOwnProperty.call(r,f)&&r[f]&&h.push(r[f][0]),r[f]=0;for(c in o)Object.prototype.hasOwnProperty.call(o,c)&&(e[c]=o[c]);for(m&&m(data);h.length;)h.shift()();return n.push.apply(n,l||[]),d()}function d(){for(var e,i=0;i<n.length;i++){for(var c=n[i],d=!0,f=1;f<c.length;f++){var t=c[f];0!==r[t]&&(d=!1)}d&&(n.splice(i--,1),e=o(o.s=c[0]))}return e}var f={},t={4:0},r={4:0},n [...]
\ No newline at end of file
+!function(e){function c(data){for(var c,f,t=data[0],o=data[1],l=data[2],i=0,h=[];i<t.length;i++)f=t[i],Object.prototype.hasOwnProperty.call(r,f)&&r[f]&&h.push(r[f][0]),r[f]=0;for(c in o)Object.prototype.hasOwnProperty.call(o,c)&&(e[c]=o[c]);for(m&&m(data);h.length;)h.shift()();return n.push.apply(n,l||[]),d()}function d(){for(var e,i=0;i<n.length;i++){for(var c=n[i],d=!0,f=1;f<c.length;f++){var t=c[f];0!==r[t]&&(d=!1)}d&&(n.splice(i--,1),e=o(o.s=c[0]))}return e}var f={},t={4:0},r={4:0},n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/aabe81b2858296f83699.js b/handbook/_nuxt/js/549a67a9765ffce0be9d.js
similarity index 70%
rename from handbook/_nuxt/js/aabe81b2858296f83699.js
rename to handbook/_nuxt/js/549a67a9765ffce0be9d.js
index a1bf7007d..f90f31b2c 100644
--- a/handbook/_nuxt/js/aabe81b2858296f83699.js
+++ b/handbook/_nuxt/js/549a67a9765ffce0be9d.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{196:function(e,t,n){e.exports={}},203:function(e,t,n){e.exports={}},204:function(e,t,n){e.exports={}},205:function(e,t,n){e.exports={}},214:function(e,t,n){e.exports={}},217:function(e,t,n){"use strict";n(196)},234:function(e,t,n){"use strict";n(203)},235:function(e,t,n){"use strict";n(204)},243:function(e,t,n){"use strict";n(205)},306:function(e,t,n){"use strict";n(214)},308:function(e,t,n){var map={"./en/basics/download.md":[309, [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{196:function(e,t,n){e.exports={}},203:function(e,t,n){e.exports={}},204:function(e,t,n){e.exports={}},205:function(e,t,n){e.exports={}},214:function(e,t,n){e.exports={}},217:function(e,t,n){"use strict";n(196)},234:function(e,t,n){"use strict";n(203)},235:function(e,t,n){"use strict";n(204)},243:function(e,t,n){"use strict";n(205)},306:function(e,t,n){"use strict";n(214)},308:function(e,t,n){var map={"./en/basics/download.md":[309, [...]
\ No newline at end of file
diff --git a/handbook/en/basics/download/index.html b/handbook/en/basics/download/index.html
index 1f2ba9444..2ecaf39aa 100644
--- a/handbook/en/basics/download/index.html
+++ b/handbook/en/basics/download/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Download ECharts - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>Download ECharts - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/help/index.html b/handbook/en/basics/help/index.html
index c89376c67..954a7129d 100644
--- a/handbook/en/basics/help/index.html
+++ b/handbook/en/basics/help/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Get Help - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
+    <title>Get Help - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/import/index.html b/handbook/en/basics/import/index.html
index 527ff190f..f8721abb2 100644
--- a/handbook/en/basics/import/index.html
+++ b/handbook/en/basics/import/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Import ECharts - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apac [...]
+    <title>Import ECharts - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apac [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -126,7 +126,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 
 <span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/5-2-0/index.html b/handbook/en/basics/release-note/5-2-0/index.html
index e90492b1e..84e7eb0a5 100644
--- a/handbook/en/basics/release-note/5-2-0/index.html
+++ b/handbook/en/basics/release-note/5-2-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.2 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.2 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -596,7 +596,7 @@ This optimization ensure that memory does not explode as the dataset dimensions
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/5-3-0/index.html b/handbook/en/basics/release-note/5-3-0/index.html
index 88062155f..9d4e011d6 100644
--- a/handbook/en/basics/release-note/5-3-0/index.html
+++ b/handbook/en/basics/release-note/5-3-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.3 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.3 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       width<span class="token operator">:</span> <span class="token string">'bolder'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/5-4-0/index.html b/handbook/en/basics/release-note/5-4-0/index.html
index f7ed53988..e2230893f 100644
--- a/handbook/en/basics/release-note/5-4-0/index.html
+++ b/handbook/en/basics/release-note/5-4-0/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.4 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.4 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/5-5-0/index.html b/handbook/en/basics/release-note/5-5-0/index.html
index 6c258fd70..f09ac10d1 100644
--- a/handbook/en/basics/release-note/5-5-0/index.html
+++ b/handbook/en/basics/release-note/5-5-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.5 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.5 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -74,7 +74,7 @@ fetch('...')
   .then(svgStr => {
     updateChart(svgStr);
   });
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/5-6-0/index.html b/handbook/en/basics/release-note/5-6-0/index.html
index 1a8434dc9..613715909 100644
--- a/handbook/en/basics/release-note/5-6-0/index.html
+++ b/handbook/en/basics/release-note/5-6-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.6 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.6 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -38,7 +38,7 @@ geoJSON<span class="token punctuation">.</span>features<span class="token punctu
         <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
 <span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
-'descendant' Focus on all descendants nodes.</li></ul> <p>In ECharts 5.6.0, we added <code>'relative'</code>, which focuses on all descendants and ancestor nodes.</p> <p><img src alt data-src="images/5-6-0/sunburst-emphasis-relative.png"></p> <h2 id="added-support-for-two-new-languages" tabindex="-1">Added Support for Two New Languages</h2> <p>In this version, support for Swedish and Persian languages has been added. With this, ECharts now supports 22 languages.</p> <h2 id="line-chart-pe [...]
+'descendant' Focus on all descendants nodes.</li></ul> <p>In ECharts 5.6.0, we added <code>'relative'</code>, which focuses on all descendants and ancestor nodes.</p> <p><img src alt data-src="images/5-6-0/sunburst-emphasis-relative.png"></p> <h2 id="added-support-for-two-new-languages" tabindex="-1">Added Support for Two New Languages</h2> <p>In this version, support for Swedish and Persian languages has been added. With this, ECharts now supports 22 languages.</p> <h2 id="line-chart-pe [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/v5-feature/index.html b/handbook/en/basics/release-note/v5-feature/index.html
index 41a710f73..1a6b2d250 100644
--- a/handbook/en/basics/release-note/v5-feature/index.html
+++ b/handbook/en/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.0 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>5.0 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>
 echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
   <span class="token literal-property property">locale</span><span class="token operator">:</span> <span class="token string">'DE'</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/v5-upgrade-guide/index.html b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
index 0415dc952..5d20b9ff3 100644
--- a/handbook/en/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Migration from v4 to v5 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href [...]
+    <title>Migration from v4 to v5 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -89,7 +89,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <ul><li>option <code>series.clockWise</code> is deprecated. Use <code>series.clockwise</code> instead.</li> <li>option <code>series.hoverOffset</code> is deprecated. Use <code>series.emphasis.scaleSize</code> instead.</li></ul></li> <li><code>dataZoom component</code>:
 <ul><li>option <code>dataZoom.handleIcon</code> need prefix <code>path://</code> if using SVGPath.</li></ul></li> <li><code>radar</code>:
 <ul><li>option <code>radar.name</code> is deprecated. Use <code>radar.axisName</code> instead.</li> <li>option <code>radar.nameGap</code> is deprecated. Use <code>radar.axisNameGap</code> instead.</li></ul></li> <li>Parse and format:
-<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
+<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/v6-feature/index.html b/handbook/en/basics/release-note/v6-feature/index.html
index cba80ca50..57bd98fe2 100644
--- a/handbook/en/basics/release-note/v6-feature/index.html
+++ b/handbook/en/basics/release-note/v6-feature/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>ECharts 6 Features - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="htt [...]
+    <title>ECharts 6 Features - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="htt [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -16,7 +16,7 @@
 <span class="token punctuation">}</span>
 darkModeMediaQuery<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">'change'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
     <span class="token function">updateDarkMode</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/basics/release-note/v6-upgrade-guide/index.html b/handbook/en/basics/release-note/v6-upgrade-guide/index.html
index 1ba5013be..ef7cbc0f2 100644
--- a/handbook/en/basics/release-note/v6-upgrade-guide/index.html
+++ b/handbook/en/basics/release-note/v6-upgrade-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Migration from v5 to v6 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href [...]
+    <title>Migration from v5 to v6 - What's New - Basics - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -36,7 +36,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
             <span class="token literal-property property">rich</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token comment">/* ... */</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
         <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/best-practices/aria/index.html b/handbook/en/best-practices/aria/index.html
index 348c91062..084b10865 100644
--- a/handbook/en/best-practices/aria/index.html
+++ b/handbook/en/best-practices/aria/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Aria - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache [...]
+    <title>Aria - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -30,7 +30,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
-</code></pre> <p>The configurated language will be used to build the description.</p> <h3 id="customizing-title" tabindex="-1">Customizing Title</h3> <p>The aria-label begins with the a general description. There are two templates, <a href="https://echarts.apache.org/option.html#aria.general.withTitle">aria.general.withTitle</a> to be used when <a href="https://echarts.apache.org/option.html#title.text">title.text</a> exists and <a href="https://echarts.apache.org/option.html#aria.genera [...]
+</code></pre> <p>The configurated language will be used to build the description.</p> <h3 id="customizing-title" tabindex="-1">Customizing Title</h3> <p>The aria-label begins with the a general description. There are two templates, <a href="https://echarts.apache.org/option.html#aria.general.withTitle">aria.general.withTitle</a> to be used when <a href="https://echarts.apache.org/option.html#title.text">title.text</a> exists and <a href="https://echarts.apache.org/option.html#aria.genera [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/best-practices/canvas-vs-svg/index.html b/handbook/en/best-practices/canvas-vs-svg/index.html
index 5947e234d..786fafc24 100644
--- a/handbook/en/best-practices/canvas-vs-svg/index.html
+++ b/handbook/en/best-practices/canvas-vs-svg/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Canvas vs. SVG - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echa [...]
+    <title>Canvas vs. SVG - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echa [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
 
 <span class="token comment">// use the SVG renderer</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">renderer</span><span class="token operator">:</span> <span cla [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">renderer</span><span class="token operator">:</span> <span cla [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/best-practices/security/index.html b/handbook/en/best-practices/security/index.html
index 41f5d0345..2e0291809 100644
--- a/handbook/en/best-practices/security/index.html
+++ b/handbook/en/best-practices/security/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Security Guidelines - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https:/ [...]
+    <title>Security Guidelines - Best Practices - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https:/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -26,7 +26,7 @@
 <span class="token function-variable function">formatter</span><span class="token operator">:</span> <span class="token parameter">params</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
     <span class="token keyword">const</span> <span class="token punctuation">{</span> name<span class="token punctuation">,</span> value <span class="token punctuation">}</span> <span class="token operator">=</span> params<span class="token punctuation">;</span>
     <span class="token keyword">return</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>echarts<span class="token punctuation">.</span>format<span class="token punctuation">.</span><span class="token function">encodeHTML</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token interpolati [...]
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/axis/index.html b/handbook/en/concepts/axis/index.html
index a44fb0257..ded3af89b 100644
--- a/handbook/en/concepts/axis/index.html
+++ b/handbook/en/concepts/axis/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Axis - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/e [...]
+    <title>Axis - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/e [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -280,7 +280,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/chart-size/index.html b/handbook/en/concepts/chart-size/index.html
index 8519844f3..4347d9934 100644
--- a/handbook/en/concepts/chart-size/index.html
+++ b/handbook/en/concepts/chart-size/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Chart Container - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
+    <title>Chart Container - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -35,7 +35,7 @@
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
   <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
   <span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/data-transform/index.html b/handbook/en/concepts/data-transform/index.html
index dbd3d745b..f40115e6f 100644
--- a/handbook/en/concepts/data-transform/index.html
+++ b/handbook/en/concepts/data-transform/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Data Transform - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>Data Transform - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -604,7 +604,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       <span class="token literal-property property">datasetIndex</span><span class="token operator">:</span> <span class="token number">1</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/dataset/index.html b/handbook/en/concepts/dataset/index.html
index bc4a863c9..aad14a25f 100644
--- a/handbook/en/concepts/dataset/index.html
+++ b/handbook/en/concepts/dataset/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Dataset - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.or [...]
+    <title>Dataset - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.or [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -477,7 +477,7 @@ We now support to trace value from specific dimension for <a href="https://echar
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
 <code>line</code>, <code>bar</code>, <code>pie</code>, <code>scatter</code>, <code>effectScatter</code>, <code>parallel</code>, <code>candlestick</code>, <code>map</code>, <code>funnel</code>, <code>custom</code>.
-ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
+ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/event/index.html b/handbook/en/concepts/event/index.html
index 0b007c026..ebfa1af8d 100644
--- a/handbook/en/concepts/event/index.html
+++ b/handbook/en/concepts/event/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Event and Action - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts. [...]
+    <title>Event and Action - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -315,7 +315,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
   <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token comment">// Click on blank. Do something.</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/legend/index.html b/handbook/en/concepts/legend/index.html
index 88714c807..e0776a987 100644
--- a/handbook/en/concepts/legend/index.html
+++ b/handbook/en/concepts/legend/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Legend - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
+    <title>Legend - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
   <span class="token comment">//  ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/style/index.html b/handbook/en/concepts/style/index.html
index 93754c09b..a07078003 100644
--- a/handbook/en/concepts/style/index.html
+++ b/handbook/en/concepts/style/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Style - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
+    <title>Style - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -447,7 +447,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/concepts/visual-map/index.html b/handbook/en/concepts/visual-map/index.html
index ece0eb911..6307f0a65 100644
--- a/handbook/en/concepts/visual-map/index.html
+++ b/handbook/en/concepts/visual-map/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Visual Mapping - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
+    <title>Visual Mapping - Concepts - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.ap [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -73,7 +73,7 @@
     <span class="token punctuation">}</span>
     <span class="token comment">// ...</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/get-started/index.html b/handbook/en/get-started/index.html
index 3fad160b6..5383339ed 100644
--- a/handbook/en/get-started/index.html
+++ b/handbook/en/get-started/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Get Started - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/cs [...]
+    <title>Get Started - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/cs [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -58,7 +58,7 @@
       myChart.setOption(option);
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/animation/transition/index.html b/handbook/en/how-to/animation/transition/index.html
index 4cb3f8c50..374481617 100644
--- a/handbook/en/how-to/animation/transition/index.html
+++ b/handbook/en/how-to/animation/transition/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Data Transition - Animation - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href=" [...]
+    <title>Data Transition - Animation - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href=" [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
   <span class="token comment">// This event will also be triggered if there is a subsequent interaction and the interaction is redrawn, so it needs to be removed when you're done using it</span>
   chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/bar/bar-race/index.html b/handbook/en/how-to/chart-types/bar/bar-race/index.html
index 0667547db..e6ed56cd8 100644
--- a/handbook/en/how-to/chart-types/bar/bar-race/index.html
+++ b/handbook/en/how-to/chart-types/bar/bar-race/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Bar Racing - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
+    <title>Bar Racing - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -119,7 +119,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
 <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token function">run</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/bar/basic-bar/index.html b/handbook/en/how-to/chart-types/bar/basic-bar/index.html
index d6209b364..76eb86ef5 100644
--- a/handbook/en/how-to/chart-types/bar/basic-bar/index.html
+++ b/handbook/en/how-to/chart-types/bar/basic-bar/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Basic Bar - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
+    <title>Basic Bar - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -221,7 +221,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/bar/stacked-bar/index.html b/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
index f5a1a0b31..a8b6a34b2 100644
--- a/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
+++ b/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Stacked Bar - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
+    <title>Stacked Bar - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -41,7 +41,7 @@
       <span class="token literal-property property">stack</span><span class="token operator">:</span> <span class="token string">'x'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/bar/waterfall/index.html b/handbook/en/how-to/chart-types/bar/waterfall/index.html
index e79f37df3..cc12fdd61 100644
--- a/handbook/en/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/en/how-to/chart-types/bar/waterfall/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Waterfall - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
+    <title>Waterfall - Bar - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/line/area-line/index.html b/handbook/en/how-to/chart-types/line/area-line/index.html
index 1defeee6f..bd7c4349c 100644
--- a/handbook/en/how-to/chart-types/line/area-line/index.html
+++ b/handbook/en/how-to/chart-types/line/area-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Area Chart - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
+    <title>Area Chart - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -47,7 +47,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/line/basic-line/index.html b/handbook/en/how-to/chart-types/line/basic-line/index.html
index 6506d21c0..2c215767c 100644
--- a/handbook/en/how-to/chart-types/line/basic-line/index.html
+++ b/handbook/en/how-to/chart-types/line/basic-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Basic Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
+    <title>Basic Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet"  [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -155,7 +155,7 @@
       <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'line'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/line/smooth-line/index.html b/handbook/en/how-to/chart-types/line/smooth-line/index.html
index b9d750571..aa05af113 100644
--- a/handbook/en/how-to/chart-types/line/smooth-line/index.html
+++ b/handbook/en/how-to/chart-types/line/smooth-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Smoothed Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="styleshee [...]
+    <title>Smoothed Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="styleshee [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -31,7 +31,7 @@
       <span class="token literal-property property">smooth</span><span class="token operator">:</span> <span class="token boolean">true</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/line/stacked-line/index.html b/handbook/en/how-to/chart-types/line/stacked-line/index.html
index 5050456f3..6e80a236e 100644
--- a/handbook/en/how-to/chart-types/line/stacked-line/index.html
+++ b/handbook/en/how-to/chart-types/line/stacked-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Stacked Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet [...]
+    <title>Stacked Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -79,7 +79,7 @@
       <span class="token literal-property property">areaStyle</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/line/step-line/index.html b/handbook/en/how-to/chart-types/line/step-line/index.html
index d58a68264..0a586f222 100644
--- a/handbook/en/how-to/chart-types/line/step-line/index.html
+++ b/handbook/en/how-to/chart-types/line/step-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Step Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
+    <title>Step Line - Line - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
       <span class="token literal-property property">data</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><s [...]
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/pie/basic-pie/index.html b/handbook/en/how-to/chart-types/pie/basic-pie/index.html
index 9251dc267..c92bc0c5f 100644
--- a/handbook/en/how-to/chart-types/pie/basic-pie/index.html
+++ b/handbook/en/how-to/chart-types/pie/basic-pie/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Basic Pie - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
+    <title>Basic Pie - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" hr [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -167,7 +167,7 @@
             <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Search Engine'</span>
         <span class="token punctuation">}</span><span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/pie/doughnut/index.html b/handbook/en/how-to/chart-types/pie/doughnut/index.html
index 682bb924d..e52de4ed2 100644
--- a/handbook/en/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/en/how-to/chart-types/pie/doughnut/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Ring Style - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
+    <title>Ring Style - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -127,7 +127,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/pie/rose/index.html b/handbook/en/how-to/chart-types/pie/rose/index.html
index c4b82fb38..4773a68fa 100644
--- a/handbook/en/how-to/chart-types/pie/rose/index.html
+++ b/handbook/en/how-to/chart-types/pie/rose/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Rose Style - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
+    <title>Rose Style - Pie - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" h [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
       <span class="token literal-property property">roseType</span><span class="token operator">:</span> <span class="token string">'area'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
index a9f33fe02..a4f44de11 100644
--- a/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
+++ b/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Basic Scatter - Scatter - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="styles [...]
+    <title>Basic Scatter - Scatter - Common Charts - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="styles [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/component-types/geo/svg-base-map/index.html b/handbook/en/how-to/component-types/geo/svg-base-map/index.html
index 1abe452c5..c25cc195c 100644
--- a/handbook/en/how-to/component-types/geo/svg-base-map/index.html
+++ b/handbook/en/how-to/component-types/geo/svg-base-map/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>SVG Base Map - Geo - Common Components - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesh [...]
+    <title>SVG Base Map - Geo - Common Components - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesh [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -176,7 +176,7 @@ myChart<span class="token punctuation">.</span><span class="token function">getZ
 &lt;tspan x="0">a&lt;/tspan>
 &lt;tspan x="4.94">b&lt;/tspan>
 &lt;tspan x="9.89">c&lt;/tspan>
-</code></pre></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/how-to/component-types/geo/svg-base-map.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stro [...]
+</code></pre></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/how-to/component-types/geo/svg-base-map.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stro [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/cross-platform/server/index.html b/handbook/en/how-to/cross-platform/server/index.html
index 1beab7d5f..fd8fc9403 100644
--- a/handbook/en/how-to/cross-platform/server/index.html
+++ b/handbook/en/how-to/cross-platform/server/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Server Side Rendering - Cross Platform - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesh [...]
+    <title>Server Side Rendering - Cross Platform - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesh [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -128,7 +128,7 @@ fetch('...')
   seriesIndex<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">number</span><span class="token punctuation">;</span>
   dataIndex<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">number</span><span class="token punctuation">;</span>
   event<span class="token operator">:</span> Event<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/data/dynamic-data/index.html b/handbook/en/how-to/data/dynamic-data/index.html
index 6ca7032f5..fbd4233ff 100644
--- a/handbook/en/how-to/data/dynamic-data/index.html
+++ b/handbook/en/how-to/data/dynamic-data/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Dynamic Data - Data - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https:// [...]
+    <title>Dynamic Data - Data - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https:// [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
 $<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
     myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/interaction/coarse-pointer/index.html b/handbook/en/how-to/interaction/coarse-pointer/index.html
index 478161538..4a1348643 100644
--- a/handbook/en/how-to/interaction/coarse-pointer/index.html
+++ b/handbook/en/how-to/interaction/coarse-pointer/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Intelligent Pointer Snapping - Interaction - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="sty [...]
+    <title>Intelligent Pointer Snapping - Interaction - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="sty [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/interaction/drag/index.html b/handbook/en/how-to/interaction/drag/index.html
index aadccd37f..8f2df99df 100644
--- a/handbook/en/how-to/interaction/drag/index.html
+++ b/handbook/en/how-to/interaction/drag/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Drag - Interaction - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://e [...]
+    <title>Drag - Interaction - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://e [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -211,7 +211,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
       <span class="token punctuation">}</span>
     <span class="token punctuation">]</span>
   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/how-to/label/rich-text/index.html b/handbook/en/how-to/label/rich-text/index.html
index 8ab6fa305..6f0c1a244 100644
--- a/handbook/en/how-to/label/rich-text/index.html
+++ b/handbook/en/how-to/label/rich-text/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Rich Text - Label - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://ec [...]
+    <title>Rich Text - Label - How To Guides - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://ec [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -649,7 +649,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
         <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">'100%'</span><span class="token punctuation">,</span>
         <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#eee'</span>
     <span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/index.html b/handbook/en/index.html
index 611214fe0..d4cc459c2 100644
--- a/handbook/en/index.html
+++ b/handbook/en/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Handbook - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/docsearch.js@ [...]
+    <title>Handbook - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/docsearch.js@ [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/en/meta/edit-guide/index.html b/handbook/en/meta/edit-guide/index.html
index 1d40ba930..30aa25d91 100644
--- a/handbook/en/meta/edit-guide/index.html
+++ b/handbook/en/meta/edit-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Edit Guide - Edit Handbook - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
+    <title>Edit Guide - Edit Handbook - Handbook - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -202,7 +202,7 @@ This is a danger alert.
 &lt;/md-alert>
 </code></pre> <blockquote class="md-alert md-alert-danger" data-v-baf1bad2><p data-v-baf1bad2>
 This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/index.html b/handbook/index.html
index ff04d62c7..79b0c23fa 100644
--- a/handbook/index.html
+++ b/handbook/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Handbook - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/docsearch.js@ [...]
+    <title>Handbook - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/en/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/en/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/en/js/vendors/docsearch.js@ [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/download/index.html b/handbook/zh/basics/download/index.html
index 1c97855f0..7aaa1cd68 100644
--- a/handbook/zh/basics/download/index.html
+++ b/handbook/zh/basics/download/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>获取 ECharts - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>获取 ECharts - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/help/index.html b/handbook/zh/basics/help/index.html
index dc99926b6..d11eea19d 100644
--- a/handbook/zh/basics/help/index.html
+++ b/handbook/zh/basics/help/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>寻求帮助 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
+    <title>寻求帮助 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/import/index.html b/handbook/zh/basics/import/index.html
index 5f70b00ad..be549f124 100644
--- a/handbook/zh/basics/import/index.html
+++ b/handbook/zh/basics/import/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>在项目中引入 ECharts - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
+    <title>在项目中引入 ECharts - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -120,7 +120,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 
 <span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/5-2-0/index.html b/handbook/zh/basics/release-note/5-2-0/index.html
index 01eeea70b..324ce1ae6 100644
--- a/handbook/zh/basics/release-note/5-2-0/index.html
+++ b/handbook/zh/basics/release-note/5-2-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.2 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.2 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -585,7 +585,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/5-3-0/index.html b/handbook/zh/basics/release-note/5-3-0/index.html
index f9efcc63b..61034dfe9 100644
--- a/handbook/zh/basics/release-note/5-3-0/index.html
+++ b/handbook/zh/basics/release-note/5-3-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.3 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.3 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       width<span class="token operator">:</span> <span class="token string">'bolder'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/5-4-0/index.html b/handbook/zh/basics/release-note/5-4-0/index.html
index d6fc0f747..0fa2930f0 100644
--- a/handbook/zh/basics/release-note/5-4-0/index.html
+++ b/handbook/zh/basics/release-note/5-4-0/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.4 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.4 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/5-5-0/index.html b/handbook/zh/basics/release-note/5-5-0/index.html
index ae3e1fcaf..58a17d5d0 100644
--- a/handbook/zh/basics/release-note/5-5-0/index.html
+++ b/handbook/zh/basics/release-note/5-5-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.5 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.5 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -74,7 +74,7 @@ fetch('...')
   .then(svgStr => {
     updateChart(svgStr);
   });
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/5-6-0/index.html b/handbook/zh/basics/release-note/5-6-0/index.html
index 55f1ca308..9c81f93e3 100644
--- a/handbook/zh/basics/release-note/5-6-0/index.html
+++ b/handbook/zh/basics/release-note/5-6-0/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.6 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.6 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -37,7 +37,7 @@ geoJSON<span class="token punctuation">.</span>features<span class="token punctu
             <span class="token keyword">return</span> <span class="token string">'This is a custom tooltip from GeoJSON: '</span> <span class="token operator">+</span> params<span class="token punctuation">.</span>name<span class="token punctuation">;</span>
         <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/v5-feature/index.html b/handbook/zh/basics/release-note/v5-feature/index.html
index 04fbe557a..84f6a08f7 100644
--- a/handbook/zh/basics/release-note/v5-feature/index.html
+++ b/handbook/zh/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>5.0 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>5.0 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>​
 echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>​
    <span class="token literal-property property">locale</span><span class="token operator">:</span> <span class="token string">'DE'</span>​
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
index 23b21652a..e313f6815 100644
--- a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>v4 升级 v5 指南 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
+    <title>v4 升级 v5 指南 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -89,7 +89,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <ul><li>选项 <code>series.clockWise</code> 已经不推荐使用。使用 <code>series.clockwise</code> 代替。</li> <li>选项 <code>series.hoverOffset</code> 已经不推荐使用。使用 <code>series.emphasis.scaleSize</code> 代替。</li></ul></li> <li><code>dataZoom</code> 组件:
 <ul><li>选项 <code>dataZoom.handleIcon</code> 如果使用 <code>SVGPath</code>,需要前缀 <code>path://</code>。</li></ul></li> <li>雷达图(<code>radar</code>):
 <ul><li>选项 <code>radar.name</code> 已经不推荐使用。使用 <code>radar.axisName</code> 代替。</li> <li>选项 <code>radar.nameGap</code> 已经不推荐使用。使用 <code>radar.axisNameGap</code> 代替。</li></ul></li> <li>Parse and format:
-<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
+<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/v6-feature/index.html b/handbook/zh/basics/release-note/v6-feature/index.html
index cd20e2cfb..2d8b15536 100644
--- a/handbook/zh/basics/release-note/v6-feature/index.html
+++ b/handbook/zh/basics/release-note/v6-feature/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>ECharts 6 特性介绍 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apac [...]
+    <title>ECharts 6 特性介绍 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apac [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -16,7 +16,7 @@
 <span class="token punctuation">}</span>
 darkModeMediaQuery<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">'change'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
     <span class="token function">updateDarkMode</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/basics/release-note/v6-upgrade-guide/index.html b/handbook/zh/basics/release-note/v6-upgrade-guide/index.html
index 80c049323..299a88a37 100644
--- a/handbook/zh/basics/release-note/v6-upgrade-guide/index.html
+++ b/handbook/zh/basics/release-note/v6-upgrade-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>v5 升级 v6 指南 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
+    <title>v5 升级 v6 指南 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -36,7 +36,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
             <span class="token literal-property property">rich</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token comment">/* ... */</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
         <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/best-practices/aria/index.html b/handbook/zh/best-practices/aria/index.html
index 7f1eaefbc..9169ecfce 100644
--- a/handbook/zh/best-practices/aria/index.html
+++ b/handbook/zh/best-practices/aria/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>无障碍访问 - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/m [...]
+    <title>无障碍访问 - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/m [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -30,7 +30,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
-</code></pre> <p>默认语言会根据语言包(默认中文)选择,也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表,默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图,默认生成的描述可以包含数据点的坐标值,但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候,用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外,我们还提供了生成描述的模板,可以方便地进行细粒度 [...]
+</code></pre> <p>默认语言会根据语言包(默认中文)选择,也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表,默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图,默认生成的描述可以包含数据点的坐标值,但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候,用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外,我们还提供了生成描述的模板,可以方便地进行细粒度 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/best-practices/canvas-vs-svg/index.html b/handbook/zh/best-practices/canvas-vs-svg/index.html
index 8f3ca1555..657ea464b 100644
--- a/handbook/zh/best-practices/canvas-vs-svg/index.html
+++ b/handbook/zh/best-practices/canvas-vs-svg/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Canvas vs. SVG - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
+    <title>Canvas vs. SVG - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
 
 <span class="token comment">// 使用 SVG 渲染器</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">renderer</span><span class="token operator">:</span> <span cla [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">renderer</span><span class="token operator">:</span> <span cla [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/best-practices/security/index.html b/handbook/zh/best-practices/security/index.html
index f5d3ab8a6..13cfa35e5 100644
--- a/handbook/zh/best-practices/security/index.html
+++ b/handbook/zh/best-practices/security/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>安全指南 - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ma [...]
+    <title>安全指南 - 最佳实践 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ma [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -25,7 +25,7 @@
 <span class="token function-variable function">formatter</span><span class="token operator">:</span> <span class="token parameter">params</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
     <span class="token keyword">const</span> <span class="token punctuation">{</span> name<span class="token punctuation">,</span> value <span class="token punctuation">}</span> <span class="token operator">=</span> params<span class="token punctuation">;</span>
     <span class="token keyword">return</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>echarts<span class="token punctuation">.</span>format<span class="token punctuation">.</span><span class="token function">encodeHTML</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token interpolati [...]
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/axis/index.html b/handbook/zh/concepts/axis/index.html
index 8fbc75683..3df5440d9 100644
--- a/handbook/zh/concepts/axis/index.html
+++ b/handbook/zh/concepts/axis/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>坐标轴 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main [...]
+    <title>坐标轴 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -275,7 +275,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/chart-size/index.html b/handbook/zh/concepts/chart-size/index.html
index f360f16c7..3be6cbbf6 100644
--- a/handbook/zh/concepts/chart-size/index.html
+++ b/handbook/zh/concepts/chart-size/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>图表容器及大小 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ [...]
+    <title>图表容器及大小 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -35,7 +35,7 @@
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap= [...]
   <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
   <span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/data-transform/index.html b/handbook/zh/concepts/data-transform/index.html
index 9d6b77558..57bce621c 100644
--- a/handbook/zh/concepts/data-transform/index.html
+++ b/handbook/zh/concepts/data-transform/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>数据转换 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
+    <title>数据转换 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -590,7 +590,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       <span class="token literal-property property">datasetIndex</span><span class="token operator">:</span> <span class="token number">1</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/dataset/index.html b/handbook/zh/concepts/dataset/index.html
index 6c020bc30..16660b4c7 100644
--- a/handbook/zh/concepts/dataset/index.html
+++ b/handbook/zh/concepts/dataset/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>数据集 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main [...]
+    <title>数据集 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -494,7 +494,7 @@
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
 <code>line</code>、<code>bar</code>、<code>pie</code>、<code>scatter</code>、<code>effectScatter</code>、<code>parallel</code>、<code>candlestick</code>、<code>map</code>、<code>funnel</code>、<code>custom</code>。
-后续会有更多的图表进行支持。</p> <p>最后,给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>,多个图表共享一个 <code>dataset</code>,并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
+后续会有更多的图表进行支持。</p> <p>最后,给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>,多个图表共享一个 <code>dataset</code>,并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/event/index.html b/handbook/zh/concepts/event/index.html
index 9991a8320..7ed71f855 100644
--- a/handbook/zh/concepts/event/index.html
+++ b/handbook/zh/concepts/event/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>事件与行为 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ma [...]
+    <title>事件与行为 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/ma [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -327,7 +327,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
   <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token comment">// 点击在了空白处,做些什么。</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/legend/index.html b/handbook/zh/concepts/legend/index.html
index 95db0fd61..1acf72d6e 100644
--- a/handbook/zh/concepts/legend/index.html
+++ b/handbook/zh/concepts/legend/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>图例 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main. [...]
+    <title>图例 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/style/index.html b/handbook/zh/concepts/style/index.html
index 7cd46356d..d13ec653e 100644
--- a/handbook/zh/concepts/style/index.html
+++ b/handbook/zh/concepts/style/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>样式 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main. [...]
+    <title>样式 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -452,7 +452,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/concepts/visual-map/index.html b/handbook/zh/concepts/visual-map/index.html
index b5f0da36d..5b1c0d7fc 100644
--- a/handbook/zh/concepts/visual-map/index.html
+++ b/handbook/zh/concepts/visual-map/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>视觉映射 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
+    <title>视觉映射 - 概念篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/mai [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -73,7 +73,7 @@
     <span class="token punctuation">}</span>
     <span class="token comment">//    ...</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/get-started/index.html b/handbook/zh/get-started/index.html
index ea60e76d6..93b4ec733 100644
--- a/handbook/zh/get-started/index.html
+++ b/handbook/zh/get-started/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>快速上手 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main.css" [...]
+    <title>快速上手 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main.css" [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -58,7 +58,7 @@
       myChart.setOption(option);
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="r [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/animation/transition/index.html b/handbook/zh/how-to/animation/transition/index.html
index d3a33872e..d5606bcff 100644
--- a/handbook/zh/how-to/animation/transition/index.html
+++ b/handbook/zh/how-to/animation/transition/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>数据过渡动画 - 动画 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/ [...]
+    <title>数据过渡动画 - 动画 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
   <span class="token comment">// 后续如果有交互,交互发生重绘也会触发该事件,因此使用完就需要移除</span>
   chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/bar/bar-race/index.html b/handbook/zh/how-to/chart-types/bar/bar-race/index.html
index b298ed816..d5e49caf5 100644
--- a/handbook/zh/how-to/chart-types/bar/bar-race/index.html
+++ b/handbook/zh/how-to/chart-types/bar/bar-race/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>动态排序柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apa [...]
+    <title>动态排序柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apa [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -113,7 +113,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
 
 <span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token function">update</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/bar/basic-bar/index.html b/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
index 1d68fd101..56c2b1b2e 100644
--- a/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
+++ b/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>基础柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>基础柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -221,7 +221,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html b/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
index 25a226437..a57011ddf 100644
--- a/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
+++ b/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>堆叠柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>堆叠柱状图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -41,7 +41,7 @@
       <span class="token literal-property property">stack</span><span class="token operator">:</span> <span class="token string">'x'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/bar/waterfall/index.html b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
index 28491cca1..be42d378f 100644
--- a/handbook/zh/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>阶梯瀑布图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>阶梯瀑布图 - 柱状图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/line/area-line/index.html b/handbook/zh/how-to/chart-types/line/area-line/index.html
index 428e8e58b..1e05279da 100644
--- a/handbook/zh/how-to/chart-types/line/area-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/area-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>区域面积图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>区域面积图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -47,7 +47,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/line/basic-line/index.html b/handbook/zh/how-to/chart-types/line/basic-line/index.html
index 33e1b558a..9d7f15d87 100644
--- a/handbook/zh/how-to/chart-types/line/basic-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/basic-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>基础折线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>基础折线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -155,7 +155,7 @@
       <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'line'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/line/smooth-line/index.html b/handbook/zh/how-to/chart-types/line/smooth-line/index.html
index 59c775f10..a42a9dd15 100644
--- a/handbook/zh/how-to/chart-types/line/smooth-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/smooth-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>平滑曲线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>平滑曲线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -31,7 +31,7 @@
       <span class="token literal-property property">smooth</span><span class="token operator">:</span> <span class="token boolean">true</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/line/stacked-line/index.html b/handbook/zh/how-to/chart-types/line/stacked-line/index.html
index 8384f5386..9765614aa 100644
--- a/handbook/zh/how-to/chart-types/line/stacked-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/stacked-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>堆叠折线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>堆叠折线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -79,7 +79,7 @@
       <span class="token literal-property property">areaStyle</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/line/step-line/index.html b/handbook/zh/how-to/chart-types/line/step-line/index.html
index 4fdab4bf8..43c4bb086 100644
--- a/handbook/zh/how-to/chart-types/line/step-line/index.html
+++ b/handbook/zh/how-to/chart-types/line/step-line/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>阶梯线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache [...]
+    <title>阶梯线图 - 折线图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -63,7 +63,7 @@
       <span class="token literal-property property">data</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><s [...]
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/pie/basic-pie/index.html b/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
index 7630830f5..878c9d8bd 100644
--- a/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
+++ b/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>基础饼图 - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
+    <title>基础饼图 - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache. [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -179,7 +179,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/pie/doughnut/index.html b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
index 45b0bb74d..1c9cb95b3 100644
--- a/handbook/zh/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>圆环图 - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.o [...]
+    <title>圆环图 - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.o [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -127,7 +127,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/pie/rose/index.html b/handbook/zh/how-to/chart-types/pie/rose/index.html
index 45c9ad545..6d7f6494b 100644
--- a/handbook/zh/how-to/chart-types/pie/rose/index.html
+++ b/handbook/zh/how-to/chart-types/pie/rose/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>南丁格尔图(玫瑰图) - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
+    <title>南丁格尔图(玫瑰图) - 饼图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.a [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -65,7 +65,7 @@
       <span class="token literal-property property">roseType</span><span class="token operator">:</span> <span class="token string">'area'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
index 7c1798333..18357284a 100644
--- a/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
+++ b/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>基础散点图 - 散点图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
+    <title>基础散点图 - 散点图 - 常用图表类型 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apach [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -118,7 +118,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/component-types/geo/svg-base-map/index.html b/handbook/zh/how-to/component-types/geo/svg-base-map/index.html
index 4526eab90..72c103206 100644
--- a/handbook/zh/how-to/component-types/geo/svg-base-map/index.html
+++ b/handbook/zh/how-to/component-types/geo/svg-base-map/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>SVG 底图 - 地理坐标系(Geo) - 常用组件 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts [...]
+    <title>SVG 底图 - 地理坐标系(Geo) - 常用组件 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -169,7 +169,7 @@ myChart<span class="token punctuation">.</span><span class="token function">getZ
 &lt;tspan x="0">A&lt;/tspan>
 &lt;tspan x="4.94">b&lt;/tspan>
 &lt;tspan x="9.89">C&lt;/tspan>
-</code></pre></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/how-to/component-types/geo/svg-base-map.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" st [...]
+</code></pre></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/how-to/component-types/geo/svg-base-map.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" st [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/cross-platform/baidu-app/index.html b/handbook/zh/how-to/cross-platform/baidu-app/index.html
index 9358dcc71..218d70ffc 100644
--- a/handbook/zh/how-to/cross-platform/baidu-app/index.html
+++ b/handbook/zh/how-to/cross-platform/baidu-app/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>百度智能小程序 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
+    <title>百度智能小程序 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/cross-platform/server/index.html b/handbook/zh/how-to/cross-platform/server/index.html
index 23cb8cb89..5a2b0cb5a 100644
--- a/handbook/zh/how-to/cross-platform/server/index.html
+++ b/handbook/zh/how-to/cross-platform/server/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>服务端渲染 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/z [...]
+    <title>服务端渲染 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/z [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -128,7 +128,7 @@ fetch('...')
   seriesIndex<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">number</span><span class="token punctuation">;</span>
   dataIndex<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">number</span><span class="token punctuation">;</span>
   event<span class="token operator">:</span> Event<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/cross-platform/wechat-app/index.html b/handbook/zh/how-to/cross-platform/wechat-app/index.html
index 2a17e64d3..821c7ee7a 100644
--- a/handbook/zh/how-to/cross-platform/wechat-app/index.html
+++ b/handbook/zh/how-to/cross-platform/wechat-app/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>微信小程序 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/z [...]
+    <title>微信小程序 - 跨平台方案 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/z [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/data/dynamic-data/index.html b/handbook/zh/how-to/data/dynamic-data/index.html
index 0040c9724..9166c6d4b 100644
--- a/handbook/zh/how-to/data/dynamic-data/index.html
+++ b/handbook/zh/how-to/data/dynamic-data/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>动态的异步数据 - 数据处理 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
+    <title>动态的异步数据 - 数据处理 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/ [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
 $<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
     myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/interaction/coarse-pointer/index.html b/handbook/zh/how-to/interaction/coarse-pointer/index.html
index e52fb106c..b7260262d 100644
--- a/handbook/zh/how-to/interaction/coarse-pointer/index.html
+++ b/handbook/zh/how-to/interaction/coarse-pointer/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>智能指针吸附 - 交互 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/ [...]
+    <title>智能指针吸附 - 交互 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/ [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/interaction/drag/index.html b/handbook/zh/how-to/interaction/drag/index.html
index b5647bac6..53b6db03d 100644
--- a/handbook/zh/how-to/interaction/drag/index.html
+++ b/handbook/zh/how-to/interaction/drag/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>拖拽的实现 - 交互 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>拖拽的实现 - 交互 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -202,7 +202,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
       <span class="token punctuation">}</span>
     <span class="token punctuation">]</span>
   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/how-to/label/rich-text/index.html b/handbook/zh/how-to/label/rich-text/index.html
index d06f2e7d9..9a3d58615 100644
--- a/handbook/zh/how-to/label/rich-text/index.html
+++ b/handbook/zh/how-to/label/rich-text/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>富文本标签 - 标签 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
+    <title>富文本标签 - 标签 - 应用篇 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/c [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -656,7 +656,7 @@ labelOption <span class="token operator">=</span> <span class="token punctuation
       <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">'#eee'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/index.html b/handbook/zh/index.html
index 4fc583a1e..96d4f3138 100644
--- a/handbook/zh/index.html
+++ b/handbook/zh/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>使用手册 - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/docsearch.js@2.6. [...]
+    <title>使用手册 - Apache ECharts</title><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css/main.css"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/docsearch.js@2.6. [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/handbook/zh/meta/edit-guide/index.html b/handbook/zh/meta/edit-guide/index.html
index dda508df3..20175808a 100644
--- a/handbook/zh/meta/edit-guide/index.html
+++ b/handbook/zh/meta/edit-guide/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>文档编辑指南 - 编辑本文档 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css [...]
+    <title>文档编辑指南 - 编辑本文档 - 使用手册 - Apache ECharts</title><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="shortcut icon" type="image/png" href="https://echarts.apache.org/zh/images/favicon.png"><link data-n-head="ssr" rel="stylesheet" href="//echarts.apache.org/zh/js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link data-n-head="ssr" rel="stylesheet" href="https://echarts.apache.org/zh/css [...]
   </head>
   <body>
     <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
@@ -200,7 +200,7 @@ This is a danger alert.
 &lt;/md-alert>
 </code></pre> <blockquote class="md-alert md-alert-danger" data-v-baf1bad2><p data-v-baf1bad2>
 This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
   </body>
 </html>
diff --git a/layouts/example-simple.html b/layouts/example-simple.html
index 6f8ec277b..232bf75e6 100644
--- a/layouts/example-simple.html
+++ b/layouts/example-simple.html
@@ -11,8 +11,8 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
-</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-window.globalArgsExtra.version = '1761329823549';
+</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
+window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/examples';
 
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
diff --git a/layouts/example.html b/layouts/example.html
index f786da14f..43c0e75a4 100644
--- a/layouts/example.html
+++ b/layouts/example.html
@@ -11,8 +11,8 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=6624ec16e6"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226"  [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
-</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=507aa11e90"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=91ae3c64e9"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-</script><script type="text/javascript">window.globalArgsExtra.version = '1761329823549';
+</script><script type="text/javascript">window.globalArgsExtra.version = '1761812569933';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script></html>
\ No newline at end of file
diff --git a/zh/builder/echarts.html b/zh/builder/echarts.html
index 865cac6f1..5bf3cfe7d 100644
--- a/zh/builder/echarts.html
+++ b/zh/builder/echarts.html
@@ -60,7 +60,7 @@
                 'rollup': 'lib/rollup.browser',
                 'transformDev': 'lib/transform-dev-bundle'
             },
-            urlArgs: 'v=1761329823549'
+            urlArgs: 'v=1761812569933'
         });
 
         require(['build']);
diff --git a/zh/css/only_for_cdn_ready_check.css b/zh/css/only_for_cdn_ready_check.css
index 7d9ac2655..b67a77813 100644
--- a/zh/css/only_for_cdn_ready_check.css
+++ b/zh/css/only_for_cdn_ready_check.css
@@ -1 +1 @@
-/* 1761329823549 OK */
\ No newline at end of file
+/* 1761812569933 OK */
\ No newline at end of file
diff --git a/zh/index.html b/zh/index.html
index 159a0d452..5ca3bf18c 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -128,4 +128,4 @@ transform:scale(0,0);
 </svg></div></div></div></div></section><section id="feature-section"><div class="container"><div class="index-features"><h2 class="reveal">特性</h2><hr class="reveal"><a href="https://echarts.apache.org/zh/feature.html" class="more reveal">查看完整特性</a></div><div class="row"><div class="col-md-6"><div id="index-feature-1" class="index-feature"><div class="index-feature-left reveal"><div id="bg-icon-1" class="index-feature-icon-bg"></div><div id="icon-1" class="index-feature-icon"></div></div [...]
 </script><script>window.lazyLoadOptions = {
     elements_selector: ".lazy"
-};</script><script src="https://echarts.apache.org/zh/./js/vendors/vanilla-lazyload@12.0.3/lazyload.min.js"></script><script src="https://echarts.apache.org/zh/js/index.js?_v_=1761329823549"></script></html>
\ No newline at end of file
+};</script><script src="https://echarts.apache.org/zh/./js/vendors/vanilla-lazyload@12.0.3/lazyload.min.js"></script><script src="https://echarts.apache.org/zh/js/index.js?_v_=1761812569933"></script></html>
\ No newline at end of file
diff --git a/zh/spreadsheet.html b/zh/spreadsheet.html
index 304b6ffbd..83e177843 100644
--- a/zh/spreadsheet.html
+++ b/zh/spreadsheet.html
@@ -6,14 +6,14 @@
         + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
-</script><title>Spreadsheet Tool - Apache ECharts</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20240226"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/css/spreadsheet.css?_v_=1761329823549"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if [...]
+</script><title>Spreadsheet Tool - Apache ECharts</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20240226"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/css/spreadsheet.css?_v_=1761812569933"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if [...]
 <!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheB [...]
 </script><script type="text/javascript">document.getElementById('nav-resources').className = 'active';
 
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1761329823549',
+    version: '1761812569933',
     basePath: './'
 }, window.globalArgsExtra || {}));
 
@@ -32,7 +32,7 @@ require.config({
         numeral: vendorPath + '/numeral/1.4.7/numeral.min',
         immutable: vendorPath + '/immutable/3.7.4/dist/immutable'
     },
-    urlArgs: '_v_=1761329823549'
+    urlArgs: '_v_=1761812569933'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {


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