You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by gi...@apache.org on 2022/09/25 16:10:01 UTC

[echarts-website] branch asf-site updated: Deploying to asf-site from @ apache/echarts-website@9decd358847e2d58aed74347a94ffb1de676c66d 🚀

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 e91affe7 Deploying to asf-site from @ apache/echarts-website@9decd358847e2d58aed74347a94ffb1de676c66d 🚀
e91affe7 is described below

commit e91affe77e47709572c90a0eee8c11d514206492
Author: 100pah <10...@users.noreply.github.com>
AuthorDate: Sun Sep 25 16:09:45 2022 +0000

    Deploying to asf-site from @ apache/echarts-website@9decd358847e2d58aed74347a94ffb1de676c66d 🚀
---
 en/api.html                                        |   4 +--
 en/builder/echarts.html                            |   2 +-
 en/changelog.html                                  |  34 ++++++++++++++++++++-
 en/css/doc-bundle.css                              |  23 ++++++--------
 en/documents/api-parts/api.echarts.js              |   2 +-
 en/documents/api-parts/api.echarts.json            |   2 +-
 en/documents/api.json                              |   2 +-
 en/documents/option-gl-parts/option-gl-outline.js  |   2 +-
 .../option-gl-parts/option-gl-outline.json         |   2 +-
 en/documents/option-gl-parts/option-gl.globe.js    |   2 +-
 en/documents/option-gl-parts/option-gl.globe.json  |   2 +-
 en/documents/option-gl.json                        |   2 +-
 en/documents/option-parts/option-outline.js        |   2 +-
 en/documents/option-parts/option-outline.json      |   2 +-
 en/documents/option-parts/option.series-bar.js     |   2 +-
 en/documents/option-parts/option.series-bar.json   |   2 +-
 en/documents/option-parts/option.series-boxplot.js |   2 +-
 .../option-parts/option.series-boxplot.json        |   2 +-
 .../option-parts/option.series-candlestick.js      |   2 +-
 .../option-parts/option.series-candlestick.json    |   2 +-
 en/documents/option-parts/option.series-custom.js  |   2 +-
 .../option-parts/option.series-custom.json         |   2 +-
 .../option-parts/option.series-effectScatter.js    |   2 +-
 .../option-parts/option.series-effectScatter.json  |   2 +-
 en/documents/option-parts/option.series-gauge.js   |   2 +-
 en/documents/option-parts/option.series-gauge.json |   2 +-
 en/documents/option-parts/option.series-graph.js   |   2 +-
 en/documents/option-parts/option.series-graph.json |   2 +-
 en/documents/option-parts/option.series-heatmap.js |   2 +-
 .../option-parts/option.series-heatmap.json        |   2 +-
 en/documents/option-parts/option.series-line.js    |   2 +-
 en/documents/option-parts/option.series-line.json  |   2 +-
 en/documents/option-parts/option.series-lines.js   |   2 +-
 en/documents/option-parts/option.series-lines.json |   2 +-
 .../option-parts/option.series-pictorialBar.js     |   2 +-
 .../option-parts/option.series-pictorialBar.json   |   2 +-
 en/documents/option-parts/option.series-pie.js     |   2 +-
 en/documents/option-parts/option.series-pie.json   |   2 +-
 en/documents/option-parts/option.series-scatter.js |   2 +-
 .../option-parts/option.series-scatter.json        |   2 +-
 .../option-parts/option.series-sunburst.js         |   2 +-
 .../option-parts/option.series-sunburst.json       |   2 +-
 .../option-parts/option.series-themeRiver.js       |   2 +-
 .../option-parts/option.series-themeRiver.json     |   2 +-
 en/documents/option-parts/option.series-treemap.js |   2 +-
 .../option-parts/option.series-treemap.json        |   2 +-
 en/documents/option-parts/option.tooltip.js        |   2 +-
 en/documents/option-parts/option.tooltip.json      |   2 +-
 en/documents/option.json                           |   2 +-
 en/index.html                                      |   2 +-
 en/option-gl.html                                  |   4 +--
 en/option.html                                     |   4 +--
 en/spreadsheet.html                                |   4 +--
 en/tutorial.html                                   |   4 +--
 examples/en/editor.html                            |   2 +-
 examples/en/index.html                             |   2 +-
 examples/en/view.html                              |   2 +-
 examples/examples/ts/mix-line-bar.ts               |  12 ++++----
 examples/zh/editor.html                            |   2 +-
 examples/zh/index.html                             |   2 +-
 examples/zh/view.html                              |   2 +-
 handbook/200.html                                  |   6 ++--
 handbook/_nuxt/8af90df.js                          |   1 +
 handbook/_nuxt/b561b82.js                          |   1 -
 handbook/_nuxt/css/35be9a3.css                     |   1 -
 handbook/_nuxt/css/{8b5c6d8.css => 4ac7096.css}    |   2 +-
 handbook/_nuxt/css/85a1d81.css                     |   1 +
 ...ceed2e1d53721c87.js => 0009dd0b5cba3d18c1a3.js} |   2 +-
 ...c1edd79261c102a5.js => 0168b1569ab5fb42299c.js} |   2 +-
 handbook/_nuxt/js/027b977bacbd8f95e44a.js          |   1 -
 ...faec949a3ca2138c.js => 03106540c6b3360bdb98.js} |   2 +-
 ...7522089c35651b77.js => 0413d0ccc93a6213464d.js} |   2 +-
 ...abdc0f5a26223208.js => 06d119bb6e3e15f3b58b.js} |   2 +-
 ...70b69fadb72fd6f3.js => 0bc4fe7164b18be4005f.js} |   2 +-
 ...8e93a9eb6f535471.js => 0fbe5d92660322d196a6.js} |   2 +-
 ...056d0f792833ed58.js => 102645daa5c0f251b234.js} |   2 +-
 ...f681d6cbdbe1c8b8.js => 119b6f1c262b9c98be79.js} |   2 +-
 handbook/_nuxt/js/12c1728e034d166de4df.js          |   1 +
 ...c49a617d54d4b742.js => 148aaf87aaab1b5ec3fe.js} |   2 +-
 ...73a626bd8811e962.js => 1a86d78b2d27f08363f1.js} |   2 +-
 ...56c995515e6b4974.js => 1cb587cde7be35d0de10.js} |   2 +-
 handbook/_nuxt/js/1da6baa7f0b25af647fc.js          |   1 +
 ...be29c2e7cba904dd.js => 2082bcc2a013fc101a33.js} |   2 +-
 ...e1192908d079ce98.js => 214dd1a685d1493005da.js} |   2 +-
 handbook/_nuxt/js/26e0b4767345d81da92c.js          |   1 +
 ...ad5c1e95fe608393.js => 2830963f057b36d50548.js} |   2 +-
 ...31d2f8d38defbf9d.js => 299ba464008dc65642bb.js} |   2 +-
 handbook/_nuxt/js/2ce97fcdefb3b7b018fe.js          |   1 -
 handbook/_nuxt/js/2cf0d45bb40516cb114a.js          |   1 -
 ...245cf86bea40fb64.js => 2f759f767c84e5d0ee81.js} |   2 +-
 ...6598da37263a1a78.js => 30acacb0ed9b2a36ff3b.js} |   2 +-
 handbook/_nuxt/js/326ec0896f3530348f60.js          |   1 -
 ...f1b0cdd899b54130.js => 34f93fb4e1a3e7385433.js} |   2 +-
 ...651cc34e80646fd2.js => 376add16798bbad44f7e.js} |   2 +-
 ...262f635ff271a5e8.js => 3b6ed0e468e9d4123e68.js} |   2 +-
 ...a514a021a255649b.js => 3cd15369db844cea6170.js} |   2 +-
 ...564180130e8e2d58.js => 440135644852386b9329.js} |   2 +-
 ...d29989b03ecbf39b.js => 46d9d155dc7a38fcfe6e.js} |   2 +-
 ...57dafa9099baefad.js => 4cfb3fdfa6358d98a711.js} |   2 +-
 ...7dc75d62bd3b5018.js => 4d3b41f24985938541d4.js} |   2 +-
 ...a4068ac3a801c802.js => 4e0324937930ba4fbae4.js} |   2 +-
 ...3493136a53d08acf.js => 56c99989ccc5891b79f6.js} |   2 +-
 handbook/_nuxt/js/571e5da194a083342b29.js          |   1 +
 ...8453299873cacbe1.js => 5a01c2a52a576469b493.js} |   2 +-
 ...d27ba97bd90b06e7.js => 5d94b39761d76b0552df.js} |   2 +-
 ...0b23f241b3820a56.js => 5e59a1334d999441b369.js} |   2 +-
 ...f52bb4ccc57b7a7c.js => 6337e9fc392fc5650628.js} |   2 +-
 ...7bbafe4f9cb53248.js => 6df0e7460491a2036a49.js} |   2 +-
 handbook/_nuxt/js/7622b6fae5f4593c9cd1.js          |   1 +
 ...51e7178a6b9cc8e7.js => 7f2e5e1f02da3b7d06f9.js} |   2 +-
 ...15b1e85cf9bbd32b.js => 825dd1fcc78b8afcb65b.js} |   2 +-
 handbook/_nuxt/js/8314c439725f95c49f3c.js          |   1 -
 ...085dc22592004367.js => 84a5671c8ab29554b920.js} |   2 +-
 handbook/_nuxt/js/851aa3847b05ea14c147.js          |   1 +
 ...54f79ffe02b42820.js => 877048f672fcf5d4d07c.js} |   2 +-
 ...b20dc5abe93490e2.js => 8810a9a8b72ae3254625.js} |   2 +-
 ...06cba17753b3b651.js => 885021b4c26d3f009f43.js} |   2 +-
 ...5a495ee835216c82.js => 8a2ca4d2ec1da2c42c45.js} |   2 +-
 handbook/_nuxt/js/8f0432b3812487ab4b98.js          |   1 -
 handbook/_nuxt/js/90de4eb8ad6632465da6.js          |   1 +
 ...d1b115f3e988084d.js => 95cc1ff2f75ba485edc3.js} |   2 +-
 ...b186b69a78e02f59.js => 9b20af70899518b04640.js} |   2 +-
 ...4062287741a1accf.js => 9d02ceaffb490c85b9e8.js} |   2 +-
 ...800964cee3f55348.js => a121aafc8a3be605d4cf.js} |   2 +-
 ...926d552b5bfe5ddd.js => a202c144585b5f77fb07.js} |   2 +-
 ...b72953db4927160e.js => a2d1b6618b8608fbbb93.js} |   2 +-
 handbook/_nuxt/js/a7865ded040165f02c2b.js          |   1 +
 handbook/_nuxt/js/a8ddc7f8b00e3c77097f.js          |   1 +
 ...a08bd8c20ace6dd3.js => a982ca55942d406db25c.js} |   2 +-
 handbook/_nuxt/js/ab3ae24da1d6bb37ca0d.js          |   1 +
 ...97522648a613dc79.js => af733e8459da724dab66.js} |   2 +-
 ...725a12deb86ed687.js => b134d8925d740418912e.js} |   2 +-
 handbook/_nuxt/js/b62fe3beeafc357db94a.js          |   1 -
 ...1081de1b4d2f9b17.js => bf6c05ef5e3ecbd4f1e4.js} |   2 +-
 ...686a9eb33153a881.js => c223e7ebb0b697472cae.js} |   2 +-
 handbook/_nuxt/js/c2adac7a82f99c017b6d.js          |   1 +
 ...badab5630acf414f.js => c3f4813f277334c037f6.js} |   2 +-
 handbook/_nuxt/js/c4a78ab0713f40fd0f66.js          |   1 +
 ...891bbd0da85a8f93.js => ca3b298c8139d2c8e7fb.js} |   2 +-
 handbook/_nuxt/js/cfe49dbda6c6e86357f9.js          |   1 -
 ...ad75d4dab904fef1.js => d4ab5ecf8d081e1057b5.js} |   2 +-
 handbook/_nuxt/js/d6226697ecb43e03cd0d.js          |   1 -
 ...d21fd16edd4e5d71.js => da46e2f3954502cdf665.js} |   2 +-
 ...0654dfa78ead70dd.js => deea8f5c9f507e458b4f.js} |   2 +-
 handbook/_nuxt/js/df35c0d9535963c28632.js          |   1 -
 ...b7e215ac521b922c.js => e0e211c2abbd469afa9b.js} |   2 +-
 ...a4a1712d1ef4d99b.js => e139fa181f15f679c177.js} |   2 +-
 ...4210da525d867ea0.js => e40a9c63abec34480abd.js} |   2 +-
 handbook/_nuxt/js/ef099ddede63a302da6e.js          |   1 +
 ...0e4afb2c78ba5c8d.js => efc625b0580fb6d70334.js} |   2 +-
 handbook/_nuxt/js/f9685f1f67a832e27e59.js          |   1 -
 ...0041a923062fbe8a.js => fb4493faeca8a1766f57.js} |   2 +-
 ...83b582248c7b1f1a.js => fd5bed17b7d595846fe2.js} |   2 +-
 handbook/en/basics/download/index.html             |   4 +--
 handbook/en/basics/help/index.html                 |   4 +--
 handbook/en/basics/import/index.html               |   6 ++--
 handbook/en/basics/release-note/5-2-0/index.html   |   6 ++--
 handbook/en/basics/release-note/5-3-0/index.html   |   6 ++--
 .../en/basics/release-note/v5-feature/index.html   |   6 ++--
 .../release-note/v5-upgrade-guide/index.html       |   6 ++--
 handbook/en/best-practices/aria/index.html         |   8 ++---
 .../en/best-practices/canvas-vs-svg/index.html     |   6 ++--
 handbook/en/concepts/axis/index.html               |   6 ++--
 handbook/en/concepts/chart-size/index.html         |   6 ++--
 handbook/en/concepts/data-transform/index.html     |   6 ++--
 handbook/en/concepts/dataset/index.html            |   6 ++--
 handbook/en/concepts/event/index.html              |   6 ++--
 handbook/en/concepts/legend/index.html             |   6 ++--
 handbook/en/concepts/style/index.html              |   6 ++--
 handbook/en/concepts/visual-map/index.html         |   6 ++--
 handbook/en/get-started/index.html                 |   6 ++--
 handbook/en/how-to/animation/transition/index.html |   6 ++--
 .../en/how-to/chart-types/bar/bar-race/index.html  |   6 ++--
 .../en/how-to/chart-types/bar/basic-bar/index.html |   6 ++--
 .../how-to/chart-types/bar/stacked-bar/index.html  |   6 ++--
 .../en/how-to/chart-types/bar/waterfall/index.html |   6 ++--
 .../how-to/chart-types/line/area-line/index.html   |   6 ++--
 .../how-to/chart-types/line/basic-line/index.html  |   6 ++--
 .../how-to/chart-types/line/smooth-line/index.html |   6 ++--
 .../chart-types/line/stacked-line/index.html       |   6 ++--
 .../how-to/chart-types/line/step-line/index.html   |   6 ++--
 .../en/how-to/chart-types/pie/basic-pie/index.html |   6 ++--
 .../en/how-to/chart-types/pie/doughnut/index.html  |   6 ++--
 handbook/en/how-to/chart-types/pie/rose/index.html |   6 ++--
 .../chart-types/scatter/basic-scatter/index.html   |   6 ++--
 .../en/how-to/cross-platform/server/index.html     |   6 ++--
 handbook/en/how-to/data/dynamic-data/index.html    |   6 ++--
 .../how-to/interaction/coarse-pointer}/index.html  |   4 +--
 handbook/en/how-to/interaction/drag/index.html     |   6 ++--
 handbook/en/how-to/label/rich-text/index.html      |   6 ++--
 handbook/en/index.html                             |   4 +--
 handbook/en/meta/edit-guide/index.html             |   6 ++--
 handbook/images/how-to/coarse-pointer-en.gif       | Bin 0 -> 270680 bytes
 handbook/images/how-to/coarse-pointer-zh.gif       | Bin 0 -> 253963 bytes
 handbook/index.html                                |   4 +--
 handbook/zh/basics/download/index.html             |   4 +--
 handbook/zh/basics/help/index.html                 |   4 +--
 handbook/zh/basics/import/index.html               |   6 ++--
 handbook/zh/basics/release-note/5-2-0/index.html   |   6 ++--
 handbook/zh/basics/release-note/5-3-0/index.html   |   6 ++--
 .../zh/basics/release-note/v5-feature/index.html   |   6 ++--
 .../release-note/v5-upgrade-guide/index.html       |   6 ++--
 handbook/zh/best-practices/aria/index.html         |   6 ++--
 .../zh/best-practices/canvas-vs-svg/index.html     |   6 ++--
 handbook/zh/concepts/axis/index.html               |   6 ++--
 handbook/zh/concepts/chart-size/index.html         |   6 ++--
 handbook/zh/concepts/data-transform/index.html     |   6 ++--
 handbook/zh/concepts/dataset/index.html            |   6 ++--
 handbook/zh/concepts/event/index.html              |   6 ++--
 handbook/zh/concepts/legend/index.html             |   6 ++--
 handbook/zh/concepts/style/index.html              |   6 ++--
 handbook/zh/concepts/visual-map/index.html         |   6 ++--
 handbook/zh/get-started/index.html                 |   6 ++--
 handbook/zh/how-to/animation/transition/index.html |   6 ++--
 .../zh/how-to/chart-types/bar/bar-race/index.html  |   6 ++--
 .../zh/how-to/chart-types/bar/basic-bar/index.html |   6 ++--
 .../how-to/chart-types/bar/stacked-bar/index.html  |   6 ++--
 .../zh/how-to/chart-types/bar/waterfall/index.html |   6 ++--
 .../how-to/chart-types/line/area-line/index.html   |   6 ++--
 .../how-to/chart-types/line/basic-line/index.html  |   6 ++--
 .../how-to/chart-types/line/smooth-line/index.html |   6 ++--
 .../chart-types/line/stacked-line/index.html       |   6 ++--
 .../how-to/chart-types/line/step-line/index.html   |   6 ++--
 .../zh/how-to/chart-types/pie/basic-pie/index.html |   6 ++--
 .../zh/how-to/chart-types/pie/doughnut/index.html  |   6 ++--
 handbook/zh/how-to/chart-types/pie/rose/index.html |   6 ++--
 .../chart-types/scatter/basic-scatter/index.html   |   6 ++--
 .../zh/how-to/cross-platform/baidu-app/index.html  |   4 +--
 .../zh/how-to/cross-platform/server/index.html     |   6 ++--
 .../zh/how-to/cross-platform/wechat-app/index.html |   4 +--
 handbook/zh/how-to/data/dynamic-data/index.html    |   6 ++--
 .../interaction/coarse-pointer}/index.html         |   4 +--
 handbook/zh/how-to/interaction/drag/index.html     |   6 ++--
 handbook/zh/how-to/label/rich-text/index.html      |   6 ++--
 handbook/zh/index.html                             |   4 +--
 handbook/zh/meta/edit-guide/index.html             |   6 ++--
 layouts/doc.html                                   |   4 +--
 layouts/example-simple.html                        |   2 +-
 layouts/example.html                               |   2 +-
 zh/api.html                                        |   4 +--
 zh/builder/echarts.html                            |   2 +-
 zh/changelog.html                                  |  34 ++++++++++++++++++++-
 zh/css/doc-bundle.css                              |  23 ++++++--------
 zh/css/only_for_cdn_ready_check.css                |   2 +-
 zh/documents/api-parts/api.echarts.js              |   2 +-
 zh/documents/api-parts/api.echarts.json            |   2 +-
 zh/documents/api.json                              |   2 +-
 zh/documents/option-gl-parts/option-gl-outline.js  |   2 +-
 .../option-gl-parts/option-gl-outline.json         |   2 +-
 zh/documents/option-gl-parts/option-gl.globe.js    |   2 +-
 zh/documents/option-gl-parts/option-gl.globe.json  |   2 +-
 zh/documents/option-gl.json                        |   2 +-
 zh/documents/option-parts/option-outline.js        |   2 +-
 zh/documents/option-parts/option-outline.json      |   2 +-
 zh/documents/option-parts/option.series-bar.js     |   2 +-
 zh/documents/option-parts/option.series-bar.json   |   2 +-
 zh/documents/option-parts/option.series-boxplot.js |   2 +-
 .../option-parts/option.series-boxplot.json        |   2 +-
 .../option-parts/option.series-candlestick.js      |   2 +-
 .../option-parts/option.series-candlestick.json    |   2 +-
 zh/documents/option-parts/option.series-custom.js  |   2 +-
 .../option-parts/option.series-custom.json         |   2 +-
 .../option-parts/option.series-effectScatter.js    |   2 +-
 .../option-parts/option.series-effectScatter.json  |   2 +-
 zh/documents/option-parts/option.series-gauge.js   |   2 +-
 zh/documents/option-parts/option.series-gauge.json |   2 +-
 zh/documents/option-parts/option.series-graph.js   |   2 +-
 zh/documents/option-parts/option.series-graph.json |   2 +-
 zh/documents/option-parts/option.series-heatmap.js |   2 +-
 .../option-parts/option.series-heatmap.json        |   2 +-
 zh/documents/option-parts/option.series-line.js    |   2 +-
 zh/documents/option-parts/option.series-line.json  |   2 +-
 zh/documents/option-parts/option.series-lines.js   |   2 +-
 zh/documents/option-parts/option.series-lines.json |   2 +-
 .../option-parts/option.series-pictorialBar.js     |   2 +-
 .../option-parts/option.series-pictorialBar.json   |   2 +-
 zh/documents/option-parts/option.series-pie.js     |   2 +-
 zh/documents/option-parts/option.series-pie.json   |   2 +-
 zh/documents/option-parts/option.series-scatter.js |   2 +-
 .../option-parts/option.series-scatter.json        |   2 +-
 .../option-parts/option.series-sunburst.js         |   2 +-
 .../option-parts/option.series-sunburst.json       |   2 +-
 zh/documents/option-parts/option.series-treemap.js |   2 +-
 .../option-parts/option.series-treemap.json        |   2 +-
 zh/documents/option-parts/option.tooltip.js        |   2 +-
 zh/documents/option-parts/option.tooltip.json      |   2 +-
 zh/documents/option.json                           |   2 +-
 zh/index.html                                      |   2 +-
 zh/option-gl.html                                  |   4 +--
 zh/option.html                                     |   4 +--
 zh/spreadsheet.html                                |   6 ++--
 zh/tutorial.html                                   |   4 +--
 292 files changed, 528 insertions(+), 472 deletions(-)

diff --git a/en/api.html b/en/api.html
index 49191b75..cfdbfb91 100644
--- a/en/api.html
+++ b/en/api.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>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= [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '2356a9eb58';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'dd441ae0eb';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/en/builder/echarts.html b/en/builder/echarts.html
index a89f0f29..ea1b3ca0 100644
--- a/en/builder/echarts.html
+++ b/en/builder/echarts.html
@@ -54,7 +54,7 @@
                 'rollup': 'lib/rollup.browser',
                 'transformDev': 'lib/transform-dev-bundle'
             },
-            urlArgs: 'v=1660286982565'
+            urlArgs: 'v=1664122080245'
         });
 
         require(['build']);
diff --git a/en/changelog.html b/en/changelog.html
index 9bcac846..d5125824 100644
--- a/en/changelog.html
+++ b/en/changelog.html
@@ -7,7 +7,39 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Changelog - Apache ECharts</title><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>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= [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></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= [...]
+<div class="time">2022-09-25</div>
+
+<ul>
+<li>[Feature] Coarse pointer tolerance. <a href="https://github.com/apache/echarts/issues/17102">#17102</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Feature] [pie]: Support specifying coordinate system for pie series. <a href="https://github.com/apache/echarts/issues/17132">#17132</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Feature] [gauge]: Support angle rotating in <code>axisLabel</code>. Close <a href="https://github.com/apache/echarts/issues/15944">#15944</a>. <a href="https://github.com/apache/echarts/issues/16985">#16985</a> (<a href="https://github.com/MeetzhDing">MeetzhDing</a>)</li>
+<li>[Feature] [lines] Support the effect animation go back. <a href="https://github.com/apache/echarts/issues/16943">#16943</a> (<a href="https://github.com/wangguisong">wangguisong</a>)</li>
+<li>[Feature] [treemap.breadcrumb]: Add <code>emphasis</code> state. <a href="https://github.com/apache/echarts/issues/17242">#17242</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</li>
+<li>[Feature] [i18n]: Add Ukrainian translation. Close <a href="https://github.com/apache/echarts/issues/17243">#17243</a>. <a href="https://github.com/apache/echarts/issues/17244">#17244</a> (<a href="https://github.com/Amice13">Amice13</a>)</li>
+<li>[Fix] [pie]: Fix that <code>labelLine</code> may not be hidden when <code>minShowLabelRadian</code> is specified. <a href="https://github.com/apache/echarts/issues/17412">#17412</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [pie(perf)]: Optimize performance of pie series. <a href="https://github.com/apache/echarts/issues/17275">#17275</a> (<a href="https://github.com/wind108369">wind108369</a>)</li>
+<li>[Fix] [line]: Set default z/zlevel for temporary symbol to avoid warnings. <a href="https://github.com/apache/echarts/issues/17247">#17247</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [bar-race]: Fix lines glitch with sub-pixel optimization in animations. Solve <a href="https://github.com/apache/echarts/issues/14679">#14679</a>. <a href="https://github.com/apache/echarts/issues/17426">#17426</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [axis]: Fix that <code>inverse</code> option does not work for <code>singleAxis</code>. <a href="https://github.com/apache/echarts/issues/17411">#17411</a> (<a href="https://github.com/wind108369">wind108369</a>)</li>
+<li>[Fix] [axis]: Fix that axis symbol is not reversed when axis is reversed. <a href="https://github.com/apache/echarts/issues/17329">#17329</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [emphasis.scale]: Fix that <code>emphasis.scale</code> can&#39;t be reset and specified values may not be respected. <a href="https://github.com/apache/echarts/issues/17442">#17442</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [emphasis.scale]: add missing type <code>number</code> to <code>emphasis.scale</code> for scatter/line/graph series <a href="https://github.com/apache/echarts/issues/17390">#17390</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix]: Ensure compatibility with <a href="mailto:typescript@4.8">typescript@4.8</a> <a href="https://github.com/apache/echarts/issues/17582">#17582</a> (<a href="https://github.com/AviVahl">AviVahl</a>)</li>
+<li>[Fix] [svg]: Encode HTML special characters when generating SVG string. <a href="https://github.com/apache/echarts/issues/17406">#17406</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [visualMap]: Fix that the indicator doesn&#39;t show when hovering on map label. <a href="https://github.com/apache/echarts/issues/17346">#17346</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [custom]: Fix that elements may not be removed after updates. Close <a href="https://github.com/apache/echarts/issues/17333">#17333</a> <a href="https://github.com/apache/echarts/issues/17349">#17349</a>. (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [custom]: Fix that custom elements probably can&#39;t be removed due to NPE when applying leave transition. <a href="https://github.com/apache/echarts/issues/17308">#17308</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [theme]: Fix tooltips text style of the theme macarons <a href="https://github.com/apache/echarts/issues/17551">#17551</a> (<a href="https://github.com/mousne">mousne</a>)</li>
+<li>[Fix] [theme]: Fix the abandoned normal level in the theme file <a href="https://github.com/apache/echarts/issues/17482">#17482</a> (<a href="https://github.com/Liangism">Liangism</a>)</li>
+<li>[Fix] [log]: Fix that log axis breaks a single data whose log value is negative. <a href="https://github.com/apache/echarts/issues/17322">#17322</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [dataZoom]: Fix sliderZoom in candlestick dataset error <a href="https://github.com/apache/echarts/issues/17237">#17237</a> (<a href="https://github.com/jiawulin001">jiawulin001</a>)</li>
+<li>[Fix] [log]: Fix the wrong code of <code>deprecateReplaceLog</code> in <code>sunburstAction.ts</code>. <a href="https://github.com/apache/echarts/issues/17587">#17587</a> (<a href="https://github.com/gitforhlp">gitforhlp</a>)</li>
+<li>[Fix] [ts]: fix <code>SunburstSeriesOption</code> and <code>TreemapSeriesOption</code> types. <a href="https://github.com/apache/echarts/issues/17218">#17218</a> (<a href="https://github.com/dmzc">dmzc</a>)</li>
+<li>[Fix] [ts]: Export type <code>ElementEvent</code>. <a href="https://github.com/apache/echarts/issues/15291">#15291</a> (<a href="https://github.com/Map1en">Map1en</a>)</li>
+<li>[Fix] [typo]: Fix file typo. <a href="https://github.com/apache/echarts/issues/17193">#17193</a> (<a href="https://github.com/kxxoling">kxxoling</a>)</li>
+</ul>
+<h2 id="v5-3-3">v5.3.3</h2>
 <div class="time">2022-06-14</div>
 
 <ul>
diff --git a/en/css/doc-bundle.css b/en/css/doc-bundle.css
index 17628df6..0f624e2a 100644
--- a/en/css/doc-bundle.css
+++ b/en/css/doc-bundle.css
@@ -645,20 +645,13 @@
 .cm-fat-cursor div.CodeMirror-cursors {
   z-index: 1;
 }
-.cm-fat-cursor-mark {
-  background-color: rgba(20, 255, 20, 0.5);
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-}
-.cm-animate-fat-cursor {
-  width: auto;
-  border: 0;
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-  background-color: #7e7;
-}
+.cm-fat-cursor .CodeMirror-line::selection,
+.cm-fat-cursor .CodeMirror-line > span::selection, 
+.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
+.cm-fat-cursor { caret-color: transparent; }
 @-moz-keyframes blink {
   0% {}
   50% { background-color: transparent; }
@@ -756,6 +749,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
+  z-index: 0;
 }
 .CodeMirror-sizer {
   position: relative;
@@ -769,6 +763,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   position: absolute;
   z-index: 6;
   display: none;
+  outline: none;
 }
 .CodeMirror-vscrollbar {
   right: 0; top: 0;
diff --git a/en/documents/api-parts/api.echarts.js b/en/documents/api-parts/api.echarts.js
index 26a961c2..bf74e773 100644
--- a/en/documents/api-parts/api.echarts.js
+++ b/en/documents/api-parts/api.echarts.js
@@ -1 +1 @@
-window.__EC_DOC_api_echarts = {"init":{"desc":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean, // Since `5.0.0`\n    ssr?: boolean,          // Since `5.3.0`\n    width?: number|string,\n    height?: number|string,\n    locale?: string         // Since `5.0.0`\n}) =&gt; ECharts\n</code></pre>\n<p>Creates an ECharts instance, and returns an <a href=\"#e [...]
\ No newline at end of file
+window.__EC_DOC_api_echarts = {"init":{"desc":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean,     // Since `5.0.0`\n    useCoarsePointer?: boolean, // Since `5.4.0`\n    pointerSize?: number,       // Since `5.4.0`\n    ssr?: boolean,              // Since `5.3.0`\n    width?: number|string,\n    height?: number|string,\n    locale?: string            [...]
\ No newline at end of file
diff --git a/en/documents/api-parts/api.echarts.json b/en/documents/api-parts/api.echarts.json
index b11320cf..2cafcdd9 100644
--- a/en/documents/api-parts/api.echarts.json
+++ b/en/documents/api-parts/api.echarts.json
@@ -1 +1 @@
-{"init":{"desc":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean, // Since `5.0.0`\n    ssr?: boolean,          // Since `5.3.0`\n    width?: number|string,\n    height?: number|string,\n    locale?: string         // Since `5.0.0`\n}) =&gt; ECharts\n</code></pre>\n<p>Creates an ECharts instance, and returns an <a href=\"#echartsInstance\">echartsInstan [...]
\ No newline at end of file
+{"init":{"desc":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean,     // Since `5.0.0`\n    useCoarsePointer?: boolean, // Since `5.4.0`\n    pointerSize?: number,       // Since `5.4.0`\n    ssr?: boolean,              // Since `5.3.0`\n    width?: number|string,\n    height?: number|string,\n    locale?: string             // Since `5.0.0`\n}) =&gt; E [...]
\ No newline at end of file
diff --git a/en/documents/api.json b/en/documents/api.json
index 026cc510..0c18697b 100644
--- a/en/documents/api.json
+++ b/en/documents/api.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>Global echarts object, which can be accessed after including <code class=\"codespan\">echarts.js</code> in script tag or through <code class=\"codespan\">require(&#39;echarts&#39;)</code> in AMD environment.</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?:  [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>Global echarts object, which can be accessed after including <code class=\"codespan\">echarts.js</code> in script tag or through <code class=\"codespan\">require(&#39;echarts&#39;)</code> in AMD environment.</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-ts\">(dom: HTMLDivElement|HTMLCanvasElement, theme?:  [...]
\ No newline at end of file
diff --git a/en/documents/option-gl-parts/option-gl-outline.js b/en/documents/option-gl-parts/option-gl-outline.js
index 4e263ef7..45dd0e2f 100644
--- a/en/documents/option-gl-parts/option-gl-outline.js
+++ b/en/documents/option-gl-parts/option-gl-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_gl_outline = {"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":-10,"prop":"zlevel"},{"type":["string","number"],"default":"auto","prop":"left"},{"type":["string","number"],"default":"auto","prop":"top"},{"type":["string","number"],"default":"auto","prop":"right"},{"type":["string","number"],"default":"auto","prop":"bottom"},{"type":["string","number"],"default":"auto","prop":"width"},{"type":["string" [...]
\ No newline at end of file
+window.__EC_DOC_option_gl_outline = {"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":-10,"prop":"zlevel"},{"type":["string","number"],"default":"auto","prop":"left"},{"type":["string","number"],"default":"auto","prop":"top"},{"type":["string","number"],"default":"auto","prop":"right"},{"type":["string","number"],"default":"auto","prop":"bottom"},{"type":["string","number"],"default":"auto","prop":"width"},{"type":["string" [...]
\ No newline at end of file
diff --git a/en/documents/option-gl-parts/option-gl-outline.json b/en/documents/option-gl-parts/option-gl-outline.json
index 45904042..ead29955 100644
--- a/en/documents/option-gl-parts/option-gl-outline.json
+++ b/en/documents/option-gl-parts/option-gl-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":-10,"prop":"zlevel"},{"type":["string","number"],"default":"auto","prop":"left"},{"type":["string","number"],"default":"auto","prop":"top"},{"type":["string","number"],"default":"auto","prop":"right"},{"type":["string","number"],"default":"auto","prop":"bottom"},{"type":["string","number"],"default":"auto","prop":"width"},{"type":["string","number"],"default":"auto","prop":" [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":-10,"prop":"zlevel"},{"type":["string","number"],"default":"auto","prop":"left"},{"type":["string","number"],"default":"auto","prop":"top"},{"type":["string","number"],"default":"auto","prop":"right"},{"type":["string","number"],"default":"auto","prop":"bottom"},{"type":["string","number"],"default":"auto","prop":"width"},{"type":["string","number"],"default":"auto","prop":" [...]
\ No newline at end of file
diff --git a/en/documents/option-gl-parts/option-gl.globe.js b/en/documents/option-gl-parts/option-gl.globe.js
index a2572451..8abb0ae6 100644
--- a/en/documents/option-gl-parts/option-gl.globe.js
+++ b/en/documents/option-gl-parts/option-gl.globe.js
@@ -1 +1 @@
-window.__EC_DOC_option_gl_globe = {"show":{"desc":"<p>Whether to show the globe component.</p>\n"},"zlevel":{"desc":"<p>The layer in which the component is located.</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separ [...]
\ No newline at end of file
+window.__EC_DOC_option_gl_globe = {"show":{"desc":"<p>Whether to show the globe component.</p>\n"},"zlevel":{"desc":"<p>The layer in which the component is located.</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separ [...]
\ No newline at end of file
diff --git a/en/documents/option-gl-parts/option-gl.globe.json b/en/documents/option-gl-parts/option-gl.globe.json
index b5e93d2c..2f479e00 100644
--- a/en/documents/option-gl-parts/option-gl.globe.json
+++ b/en/documents/option-gl-parts/option-gl.globe.json
@@ -1 +1 @@
-{"show":{"desc":"<p>Whether to show the globe component.</p>\n"},"zlevel":{"desc":"<p>The layer in which the component is located.</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zleve [...]
\ No newline at end of file
+{"show":{"desc":"<p>Whether to show the globe component.</p>\n"},"zlevel":{"desc":"<p>The layer in which the component is located.</p>\n<p><code class=\"codespan\">zlevel</code> is used to make layers with Canvas. Graphical elements with different <code class=\"codespan\">zlevel</code> values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate <code class=\"codespan\">zleve [...]
\ No newline at end of file
diff --git a/en/documents/option-gl.json b/en/documents/option-gl.json
index 516b8953..bf0ce868 100644
--- a/en/documents/option-gl.json
+++ b/en/documents/option-gl.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"globe":{"type":["Object"],"description":"<p>Globe component. The component provides the drawing of the Earth and the coordinate system. The developer can display 3D Scatter, 3D Bubble, 3D Bar, 3D Lines on it.</p>\n","properties":{"show":{"type":["boolean"],"description":"<p>Whether to show the globe component.</p>\n","default":true},"zlevel":{"type":["number"],"description":"<p>The layer in w [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"globe":{"type":["Object"],"description":"<p>Globe component. The component provides the drawing of the Earth and the coordinate system. The developer can display 3D Scatter, 3D Bubble, 3D Bar, 3D Lines on it.</p>\n","properties":{"show":{"type":["boolean"],"description":"<p>Whether to show the globe component.</p>\n","default":true},"zlevel":{"type":["number"],"description":"<p>The layer in w [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option-outline.js b/en/documents/option-parts/option-outline.js
index 145e6046..aa626ad1 100644
--- a/en/documents/option-parts/option-outline.js
+++ b/en/documents/option-parts/option-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
+window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option-outline.json b/en/documents/option-parts/option-outline.json
index 329a2a69..e7429673 100644
--- a/en/documents/option-parts/option-outline.json
+++ b/en/documents/option-parts/option-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-bar.js b/en/documents/option-parts/option.series-bar.js
index 10986584..31be409d 100644
--- a/en/documents/option-parts/option.series-bar.js
+++ b/en/documents/option-parts/option.series-bar.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_bar = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p [...]
\ No newline at end of file
+window.__EC_DOC_option_series_bar = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-bar.json b/en/documents/option-parts/option.series-bar.json
index 3abbf8c4..9de23698 100644
--- a/en/documents/option-parts/option.series-bar.json
+++ b/en/documents/option-parts/option.series-bar.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-boxplot.js b/en/documents/option-parts/option.series-boxplot.js
index bd1af128..2e7e7fa8 100644
--- a/en/documents/option-parts/option.series-boxplot.js
+++ b/en/documents/option-parts/option.series-boxplot.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_boxplot = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a> and [...]
\ No newline at end of file
+window.__EC_DOC_option_series_boxplot = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-boxplot.xAxisIndex\">xAxisIndex</a> and <a  [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-boxplot.json b/en/documents/option-parts/option.series-boxplot.json
index 8960ac5b..3b5f8d10 100644
--- a/en/documents/option-parts/option.series-boxplot.json
+++ b/en/documents/option-parts/option.series-boxplot.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a> and <a href=\"#series-cartesian2d.yAxisInde [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-boxplot.xAxisIndex\">xAxisIndex</a> and <a href=\"#series-boxplot.yAxisIndex\">yAxi [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-candlestick.js b/en/documents/option-parts/option.series-candlestick.js
index c8bb43aa..a9aff086 100644
--- a/en/documents/option-parts/option.series-candlestick.js
+++ b/en/documents/option-parts/option.series-candlestick.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_candlestick = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a> [...]
\ No newline at end of file
+window.__EC_DOC_option_series_candlestick = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-candlestick.xAxisIndex\">xAxisIndex</a> [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-candlestick.json b/en/documents/option-parts/option.series-candlestick.json
index 2ee45eac..317f8450 100644
--- a/en/documents/option-parts/option.series-candlestick.json
+++ b/en/documents/option-parts/option.series-candlestick.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a> and <a href=\"#series-cartesian2d.yAxisInde [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  Use a two-dimensional rectangular coordinate (also known as Cartesian coordinate), with <a href=\"#series-candlestick.xAxisIndex\">xAxisIndex</a> and <a href=\"#series-candlestick.yAxisInde [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-custom.js b/en/documents/option-parts/option.series-custom.js
index 7ac5d32c..9884fbd0 100644
--- a/en/documents/option-parts/option.series-custom.js
+++ b/en/documents/option-parts/option.series-custom.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_custom = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code> [...]
\ No newline at end of file
+window.__EC_DOC_option_series_custom = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code> [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-custom.json b/en/documents/option-parts/option.series-custom.json
index a16f5bf2..9b9fd823 100644
--- a/en/documents/option-parts/option.series-custom.json
+++ b/en/documents/option-parts/option.series-custom.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-effectScatter.js b/en/documents/option-parts/option.series-effectScatter.js
index 79934c0f..736f5b23 100644
--- a/en/documents/option-parts/option.series-effectScatter.js
+++ b/en/documents/option-parts/option.series-effectScatter.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_effectScatter = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0 [...]
\ No newline at end of file
+window.__EC_DOC_option_series_effectScatter = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0 [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-effectScatter.json b/en/documents/option-parts/option.series-effectScatter.json
index 99d6ac7f..3b8708d7 100644
--- a/en/documents/option-parts/option.series-effectScatter.json
+++ b/en/documents/option-parts/option.series-effectScatter.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-gauge.js b/en/documents/option-parts/option.series-gauge.js
index 0f27ac37..257649e9 100644
--- a/en/documents/option-parts/option.series-gauge.js
+++ b/en/documents/option-parts/option.series-gauge.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_gauge = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code>< [...]
\ No newline at end of file
+window.__EC_DOC_option_series_gauge = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code>< [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-gauge.json b/en/documents/option-parts/option.series-gauge.json
index 20e1c4c4..1ff4a69f 100644
--- a/en/documents/option-parts/option.series-gauge.json
+++ b/en/documents/option-parts/option.series-gauge.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-graph.js b/en/documents/option-parts/option.series-graph.js
index 55e7146c..870e326d 100644
--- a/en/documents/option-parts/option.series-graph.js
+++ b/en/documents/option-parts/option.series-graph.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_graph = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"legendHoverLink":{"desc":"\n\n<p>Whether to enable highlighting chart when <a href=\"#le [...]
\ No newline at end of file
+window.__EC_DOC_option_series_graph = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"legendHoverLink":{"desc":"\n\n<p>Whether to enable highlighting chart when <a href=\"#le [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-graph.json b/en/documents/option-parts/option.series-graph.json
index 1e1ab0c2..123a430c 100644
--- a/en/documents/option-parts/option.series-graph.json
+++ b/en/documents/option-parts/option.series-graph.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"legendHoverLink":{"desc":"\n\n<p>Whether to enable highlighting chart when <a href=\"#legend\">legend</a> is being hovered.</p [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"legendHoverLink":{"desc":"\n\n<p>Whether to enable highlighting chart when <a href=\"#legend\">legend</a> is being hovered.</p [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-heatmap.js b/en/documents/option-parts/option.series-heatmap.js
index 05908a86..0b31e103 100644
--- a/en/documents/option-parts/option.series-heatmap.js
+++ b/en/documents/option-parts/option.series-heatmap.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_heatmap = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p [...]
\ No newline at end of file
+window.__EC_DOC_option_series_heatmap = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-heatmap.json b/en/documents/option-parts/option.series-heatmap.json
index 99b46e26..c4298a93 100644
--- a/en/documents/option-parts/option.series-heatmap.json
+++ b/en/documents/option-parts/option.series-heatmap.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\" [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"coordinateSystem":{"desc":"<p>The coordinate used in the series, whose options are:</p>\n<ul>\n<li><p><code class=\"codespan\" [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-line.js b/en/documents/option-parts/option.series-line.js
index 5a6b5d0b..09d8bbf5 100644
--- a/en/documents/option-parts/option.series-line.js
+++ b/en/documents/option-parts/option.series-line.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_line = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></ [...]
\ No newline at end of file
+window.__EC_DOC_option_series_line = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></ [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-line.json b/en/documents/option-parts/option.series-line.json
index 884e23e3..70c53579 100644
--- a/en/documents/option-parts/option.series-line.json
+++ b/en/documents/option-parts/option.series-line.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-lines.js b/en/documents/option-parts/option.series-lines.js
index 7b514f8d..06cf04b8 100644
--- a/en/documents/option-parts/option.series-lines.js
+++ b/en/documents/option-parts/option.series-lines.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_lines = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code>< [...]
\ No newline at end of file
+window.__EC_DOC_option_series_lines = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code>< [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-lines.json b/en/documents/option-parts/option.series-lines.json
index d978b3df..7231d1db 100644
--- a/en/documents/option-parts/option.series-lines.json
+++ b/en/documents/option-parts/option.series-lines.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-pictorialBar.js b/en/documents/option-parts/option.series-pictorialBar.js
index c5999229..5d22e299 100644
--- a/en/documents/option-parts/option.series-pictorialBar.js
+++ b/en/documents/option-parts/option.series-pictorialBar.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_pictorialBar = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0< [...]
\ No newline at end of file
+window.__EC_DOC_option_series_pictorialBar = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0< [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-pictorialBar.json b/en/documents/option-parts/option.series-pictorialBar.json
index e8885d23..cdb3ccef 100644
--- a/en/documents/option-parts/option.series-pictorialBar.json
+++ b/en/documents/option-parts/option.series-pictorialBar.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-pie.js b/en/documents/option-parts/option.series-pie.js
index c2153dca..17d8eaf4 100644
--- a/en/documents/option-parts/option.series-pie.js
+++ b/en/documents/option-parts/option.series-pie.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_pie = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p [...]
\ No newline at end of file
+window.__EC_DOC_option_series_pie = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-pie.json b/en/documents/option-parts/option.series-pie.json
index 1951f9c9..db4b7697 100644
--- a/en/documents/option-parts/option.series-pie.json
+++ b/en/documents/option-parts/option.series-pie.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-scatter.js b/en/documents/option-parts/option.series-scatter.js
index 9fdeddeb..068fddd0 100644
--- a/en/documents/option-parts/option.series-scatter.js
+++ b/en/documents/option-parts/option.series-scatter.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_scatter = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code [...]
\ No newline at end of file
+window.__EC_DOC_option_series_scatter = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-scatter.json b/en/documents/option-parts/option.series-scatter.json
index c81a43ac..b75d5d9e 100644
--- a/en/documents/option-parts/option.series-scatter.json
+++ b/en/documents/option-parts/option.series-scatter.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-sunburst.js b/en/documents/option-parts/option.series-sunburst.js
index 39c90610..e9790fff 100644
--- a/en/documents/option-parts/option.series-sunburst.js
+++ b/en/documents/option-parts/option.series-sunburst.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_sunburst = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical ele [...]
\ No newline at end of file
+window.__EC_DOC_option_series_sunburst = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical ele [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-sunburst.json b/en/documents/option-parts/option.series-sunburst.json
index 81a2ee4b..16edbcd2 100644
--- a/en/documents/option-parts/option.series-sunburst.json
+++ b/en/documents/option-parts/option.series-sunburst.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-themeRiver.js b/en/documents/option-parts/option.series-themeRiver.js
index 31cf9e9a..c10cb06b 100644
--- a/en/documents/option-parts/option.series-themeRiver.js
+++ b/en/documents/option-parts/option.series-themeRiver.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_themeRiver = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</c [...]
\ No newline at end of file
+window.__EC_DOC_option_series_themeRiver = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</c [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-themeRiver.json b/en/documents/option-parts/option.series-themeRiver.json
index c6945043..5c2435e4 100644
--- a/en/documents/option-parts/option.series-themeRiver.json
+++ b/en/documents/option-parts/option.series-themeRiver.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>Since <code class=\"codespan\">v5.2.0</code></p>\n</blockquote>\n<p>The policy to t [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-treemap.js b/en/documents/option-parts/option.series-treemap.js
index e9eb3a3f..ea0975fb 100644
--- a/en/documents/option-parts/option.series-treemap.js
+++ b/en/documents/option-parts/option.series-treemap.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_treemap = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elem [...]
\ No newline at end of file
+window.__EC_DOC_option_series_treemap = {"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elem [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.series-treemap.json b/en/documents/option-parts/option.series-treemap.json
index 18e2b02f..21cea6e7 100644
--- a/en/documents/option-parts/option.series-treemap.json
+++ b/en/documents/option-parts/option.series-treemap.json
@@ -1 +1 @@
-{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan [...]
\ No newline at end of file
+{"id":{"desc":"<p>Component ID, not specified by default. If specified, it can be used to refer the component in option or API.</p>\n"},"name":{"desc":"<p>Series name used for displaying in <a href=\"#tooltip\">tooltip</a> and filtering with <a href=\"#legend\">legend</a>, or updating data and configuration with <code class=\"codespan\">setOption</code>.</p>\n"},"zlevel":{"desc":"<p><code class=\"codespan\">zlevel</code> value of all graphical elements in .</p>\n<p><code class=\"codespan [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.tooltip.js b/en/documents/option-parts/option.tooltip.js
index e3f51b78..e8e49c39 100644
--- a/en/documents/option-parts/option.tooltip.js
+++ b/en/documents/option-parts/option.tooltip.js
@@ -1 +1 @@
-window.__EC_DOC_option_tooltip = {"show":{"desc":"\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>Type of triggering.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  Triggered by data item, which is mainly used for charts that don&#39;t have a category axis like scatter ch [...]
\ No newline at end of file
+window.__EC_DOC_option_tooltip = {"show":{"desc":"\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>Type of triggering.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  Triggered by data item, which is mainly used for charts that don&#39;t have a category axis like scatter ch [...]
\ No newline at end of file
diff --git a/en/documents/option-parts/option.tooltip.json b/en/documents/option-parts/option.tooltip.json
index 07d8d635..583e7a95 100644
--- a/en/documents/option-parts/option.tooltip.json
+++ b/en/documents/option-parts/option.tooltip.json
@@ -1 +1 @@
-{"show":{"desc":"\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>Type of triggering.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  Triggered by data item, which is mainly used for charts that don&#39;t have a category axis like scatter charts or pie charts.</p>\n</li>\n< [...]
\ No newline at end of file
+{"show":{"desc":"\n\n<p>Whether to show the tooltip component.</p>\n<p>including tooltip floating layer and <a href=\"#tooltip.axisPointer\">axisPointer</a>.</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>Type of triggering.</p>\n<p>Options:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  Triggered by data item, which is mainly used for charts that don&#39;t have a category axis like scatter charts or pie charts.</p>\n</li>\n< [...]
\ No newline at end of file
diff --git a/en/documents/option.json b/en/documents/option.json
index af6f9b0e..58067790 100644
--- a/en/documents/option.json
+++ b/en/documents/option.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>Title component, including main title and subtitle.</p>\n<p>In ECharts 2.x, a single instance of ECharts could contains one title component at most. However, in ECharts 3, there could be one or more than one title components. It is more useful when multiple diagrams in one instance all need titles.</p>\n<p><strong>Here are some instances of differen [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>Title component, including main title and subtitle.</p>\n<p>In ECharts 2.x, a single instance of ECharts could contains one title component at most. However, in ECharts 3, there could be one or more than one title components. It is more useful when multiple diagrams in one instance all need titles.</p>\n<p><strong>Here are some instances of differen [...]
\ No newline at end of file
diff --git a/en/index.html b/en/index.html
index 214d8db2..094e886c 100644
--- a/en/index.html
+++ b/en/index.html
@@ -127,7 +127,7 @@ transform:scale(0,0);
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
 </svg></div></div></div></div></section><section id="new-version-section">📣 Apache ECharts 5.3 is out! See <a href='https://echarts.apache.org/handbook/en/basics/release-note/5-3-0?ref=banner' target='_blank'>what's new</a></section><section id="events-section"><div class="container"><a href="https://apachecon.com/acasia2022/?ref=echarts" style="max-width: 1000px; margin: 15px auto" class="event"><picture><source data-srcset="https://echarts.apache.org/en/images/event/20220509-acasia2022 [...]
     elements_selector: ".lazy"
-};</script><script src="https://fastly.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1660286982565"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+};</script><script src="https://fastly.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1664122080245"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/option-gl.html b/en/option-gl.html
index 7c43d4a1..82c65540 100644
--- a/en/option-gl.html
+++ b/en/option-gl.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>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= [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '2356a9eb58';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'dd441ae0eb';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/en/option.html b/en/option.html
index 3335ff51..e890ee6e 100644
--- a/en/option.html
+++ b/en/option.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>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= [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '2356a9eb58';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'dd441ae0eb';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/en/spreadsheet.html b/en/spreadsheet.html
index 2d87c3e7..0ec50f12 100644
--- a/en/spreadsheet.html
+++ b/en/spreadsheet.html
@@ -12,7 +12,7 @@
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1660286982565',
+    version: '1664122080245',
     basePath: './'
 }, window.globalArgsExtra || {}));
 
@@ -31,7 +31,7 @@ require.config({
         numeral: vendorPath + '/numeral/1.4.7/numeral.min',
         immutable: vendorPath + '/immutable/3.7.4/dist/immutable'
     },
-    urlArgs: '_v_=1660286982565'
+    urlArgs: '_v_=1664122080245'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/en/tutorial.html b/en/tutorial.html
index 6e187472..08306fdd 100644
--- a/en/tutorial.html
+++ b/en/tutorial.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>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= [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/en/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = '2356a9eb58';
+}</script><script type="text/javascript">window.globalArgsExtra.version = 'dd441ae0eb';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/examples/en/editor.html b/examples/en/editor.html
index 0d2e328c..b8e92c43 100644
--- a/examples/en/editor.html
+++ b/examples/en/editor.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'editor',
     locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/examples/en/index.html b/examples/en/index.html
index dcb328b5..dda92cc2 100644
--- a/examples/en/index.html
+++ b/examples/en/index.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'explore',
     locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/examples/en/view.html b/examples/en/view.html
index a795d983..6bdbaf3a 100644
--- a/examples/en/view.html
+++ b/examples/en/view.html
@@ -14,7 +14,7 @@
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'view',
     locale: 'en'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
 
diff --git a/examples/examples/ts/mix-line-bar.ts b/examples/examples/ts/mix-line-bar.ts
index 423c33fa..9bb8f3dc 100644
--- a/examples/examples/ts/mix-line-bar.ts
+++ b/examples/examples/ts/mix-line-bar.ts
@@ -62,8 +62,8 @@ option = {
       name: 'Evaporation',
       type: 'bar',
       tooltip: {
-        valueFormatter: function (value: number) {
-          return value + ' ml';
+        valueFormatter: function (value) {
+          return value as number + ' ml';
         }
       },
       data: [
@@ -74,8 +74,8 @@ option = {
       name: 'Precipitation',
       type: 'bar',
       tooltip: {
-        valueFormatter: function (value: number) {
-          return value + ' ml';
+        valueFormatter: function (value) {
+          return value as number + ' ml';
         }
       },
       data: [
@@ -87,8 +87,8 @@ option = {
       type: 'line',
       yAxisIndex: 1,
       tooltip: {
-        valueFormatter: function (value: number) {
-          return value + ' °C';
+        valueFormatter: function (value) {
+          return value as number + ' °C';
         }
       },
       data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
diff --git a/examples/zh/editor.html b/examples/zh/editor.html
index 7c11692c..1d7633ef 100644
--- a/examples/zh/editor.html
+++ b/examples/zh/editor.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'editor',
     locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/examples/zh/index.html b/examples/zh/index.html
index 72987081..1aa150f7 100644
--- a/examples/zh/index.html
+++ b/examples/zh/index.html
@@ -15,7 +15,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'explore',
     locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/examples/zh/view.html b/examples/zh/view.html
index 0cfc2df6..4701f9a5 100644
--- a/examples/zh/view.html
+++ b/examples/zh/view.html
@@ -14,7 +14,7 @@
 </script><script type="text/javascript">window.globalArgsExtra = {
     page: 'view',
     locale: 'zh'
-};</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+};</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
 
diff --git a/handbook/200.html b/handbook/200.html
index 00bcd68d..602ef34a 100644
--- a/handbook/200.html
+++ b/handbook/200.html
@@ -4,8 +4,8 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><link data-n-head="1" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel="preloa [...]
-  <link href="/handbook/_nuxt/css/8b5c6d8.css" rel="stylesheet"><link href="/handbook/_nuxt/css/35be9a3.css" rel="stylesheet"></head>
+    <title>Handbook - Apache ECharts</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content=""><link data-n-head="1" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><base href="/handbook/"><link rel="preload" href="/handbook/_nuxt/8af90df.js" as="script"><link rel="preloa [...]
+  <link href="/handbook/_nuxt/css/4ac7096.css" rel="stylesheet"><link href="/handbook/_nuxt/css/85a1d81.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>
@@ -14,5 +14,5 @@
     <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script>
     <script>var _hmt=_hmt||[];function gtag(){dataLayer.push(arguments)}!function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}(),window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-141228404-1")</script>
-  <script src="/handbook/_nuxt/b561b82.js"></script><script src="/handbook/_nuxt/js/f74f8c0f406ea2522d04.js"></script><script src="/handbook/_nuxt/js/e96421e0f27cc5a35348.js"></script><script src="/handbook/_nuxt/js/d6226697ecb43e03cd0d.js"></script></body>
+  <script src="/handbook/_nuxt/8af90df.js"></script><script src="/handbook/_nuxt/js/f74f8c0f406ea2522d04.js"></script><script src="/handbook/_nuxt/js/e96421e0f27cc5a35348.js"></script><script src="/handbook/_nuxt/js/26e0b4767345d81da92c.js"></script></body>
 </html>
diff --git a/handbook/_nuxt/8af90df.js b/handbook/_nuxt/8af90df.js
new file mode 100644
index 00000000..03627f18
--- /dev/null
+++ b/handbook/_nuxt/8af90df.js
@@ -0,0 +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
diff --git a/handbook/_nuxt/b561b82.js b/handbook/_nuxt/b561b82.js
deleted file mode 100644
index 24bc0247..00000000
--- a/handbook/_nuxt/b561b82.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(e){function c(data){for(var c,d,t=data[0],o=data[1],l=data[2],i=0,h=[];i<t.length;i++)d=t[i],Object.prototype.hasOwnProperty.call(r,d)&&r[d]&&h.push(r[d][0]),r[d]=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||[]),f()}function f(){for(var e,i=0;i<n.length;i++){for(var c=n[i],f=!0,d=1;d<c.length;d++){var t=c[d];0!==r[t]&&(f=!1)}f&&(n.splice(i--,1),e=o(o.s=c[0]))}return e}var d={},t={4:0},r={4:0},n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/css/35be9a3.css b/handbook/_nuxt/css/35be9a3.css
deleted file mode 100644
index 47900a78..00000000
--- a/handbook/_nuxt/css/35be9a3.css
+++ /dev/null
@@ -1 +0,0 @@
-.__nuxt-error-page{padding:1rem;background:#f7f8fb;color:#47494e;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:sans-serif;font-weight:100!important;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;right:0;bottom:0}.__nuxt-error-page .error{max-width:450px}.__nuxt-error-page .title{font-size:1.5rem;margin-top:15px;color:#47494e;margin-bottom:8px}.__nuxt-err [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/css/8b5c6d8.css b/handbook/_nuxt/css/4ac7096.css
similarity index 87%
rename from handbook/_nuxt/css/8b5c6d8.css
rename to handbook/_nuxt/css/4ac7096.css
index e53630a0..b56652ed 100644
--- a/handbook/_nuxt/css/8b5c6d8.css
+++ b/handbook/_nuxt/css/4ac7096.css
@@ -1,3 +1,3 @@
 /*! tailwindcss v2.1.3 | MIT License | https://tailwindcss.com*/
 
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monos [...]
\ No newline at end of file
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monos [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/css/85a1d81.css b/handbook/_nuxt/css/85a1d81.css
new file mode 100644
index 00000000..879a55d6
--- /dev/null
+++ b/handbook/_nuxt/css/85a1d81.css
@@ -0,0 +1 @@
+.__nuxt-error-page{padding:1rem;background:#f7f8fb;color:#47494e;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:sans-serif;font-weight:100!important;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;right:0;bottom:0}.__nuxt-error-page .error{max-width:450px}.__nuxt-error-page .title{font-size:1.5rem;margin-top:15px;color:#47494e;margin-bottom:8px}.__nuxt-err [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/c078ceed2e1d53721c87.js b/handbook/_nuxt/js/0009dd0b5cba3d18c1a3.js
similarity index 97%
rename from handbook/_nuxt/js/c078ceed2e1d53721c87.js
rename to handbook/_nuxt/js/0009dd0b5cba3d18c1a3.js
index 42445e0b..3db8eb20 100644
--- a/handbook/_nuxt/js/c078ceed2e1d53721c87.js
+++ b/handbook/_nuxt/js/0009dd0b5cba3d18c1a3.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[114],{408:function(n,e,t){"use strict";t.r(e),e.default="# 基础折线图\n\n折线图主要用来展示数据项随着时间推移的趋势或变化。\n\n## 最简单的折线图\n\n如果我们想建立一个横坐标是类目型(category)、纵坐标是数值型(value)的折线图,我们可以使用这样的方式:\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['A', 'B', 'C']\n  },\n  yAxis: {\n    type: 'value'\n  },\n  series: [\n    {\n      data: [120, 200, 150],\n      type: 'line'\n    }\n  ]\n};\n```\n\n在这个例子中,我们通过 `xAxis` 将横坐标设为类目型,并指定了对应的值;通过 `t [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[115],{409:function(n,e,t){"use strict";t.r(e),e.default="# 基础折线图\n\n折线图主要用来展示数据项随着时间推移的趋势或变化。\n\n## 最简单的折线图\n\n如果我们想建立一个横坐标是类目型(category)、纵坐标是数值型(value)的折线图,我们可以使用这样的方式:\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['A', 'B', 'C']\n  },\n  yAxis: {\n    type: 'value'\n  },\n  series: [\n    {\n      data: [120, 200, 150],\n      type: 'line'\n    }\n  ]\n};\n```\n\n在这个例子中,我们通过 `xAxis` 将横坐标设为类目型,并指定了对应的值;通过 `t [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/d2c6c1edd79261c102a5.js b/handbook/_nuxt/js/0168b1569ab5fb42299c.js
similarity index 99%
rename from handbook/_nuxt/js/d2c6c1edd79261c102a5.js
rename to handbook/_nuxt/js/0168b1569ab5fb42299c.js
index 0f8df6e3..9abcc2fd 100644
--- a/handbook/_nuxt/js/d2c6c1edd79261c102a5.js
+++ b/handbook/_nuxt/js/0168b1569ab5fb42299c.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{365:function(n,t,e){"use strict";e.r(t),t.default="# Apache ECharts 5.2.0 特性介绍\n\n## 全局过渡动画\n\n在 Apache ECharts 中我们一直把自然流畅的过渡动画作为一个重要特性。通过避免数据带来的突变,不仅仅可以改善视觉效果,更为表达数据的关联和演变提供了可能。因此,在 5.2.0 中,我们进一步将过渡动画从表现系列内部数据的变化,泛化到全局能力。接下来,我们会看到这种**全局过渡动画 Universal Transition**是如何为图表增加表现力和叙事能力的。\n\n在之前的版本中,过渡动画有一定的局限性:只能用于相同类型的图形的位置、尺寸、形状,而且只能作用在相同类型的系列上。比如,下面例子就是通过饼图中扇区形状的变化反映了数据分布的变化:\n\n```js live {layout: 'lr'}\nfunction makeRandomData() {\ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{366:function(n,t,e){"use strict";e.r(t),t.default="# Apache ECharts 5.2.0 特性介绍\n\n## 全局过渡动画\n\n在 Apache ECharts 中我们一直把自然流畅的过渡动画作为一个重要特性。通过避免数据带来的突变,不仅仅可以改善视觉效果,更为表达数据的关联和演变提供了可能。因此,在 5.2.0 中,我们进一步将过渡动画从表现系列内部数据的变化,泛化到全局能力。接下来,我们会看到这种**全局过渡动画 Universal Transition**是如何为图表增加表现力和叙事能力的。\n\n在之前的版本中,过渡动画有一定的局限性:只能用于相同类型的图形的位置、尺寸、形状,而且只能作用在相同类型的系列上。比如,下面例子就是通过饼图中扇区形状的变化反映了数据分布的变化:\n\n```js live {layout: 'lr'}\nfunction makeRandomData() {\ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/027b977bacbd8f95e44a.js b/handbook/_nuxt/js/027b977bacbd8f95e44a.js
deleted file mode 100644
index b0399270..00000000
--- a/handbook/_nuxt/js/027b977bacbd8f95e44a.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[110],{404:function(n,w,o){"use strict";o.r(w),w.default="# 极坐标系柱状图\n"}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/3203faec949a3ca2138c.js b/handbook/_nuxt/js/03106540c6b3360bdb98.js
similarity index 95%
rename from handbook/_nuxt/js/3203faec949a3ca2138c.js
rename to handbook/_nuxt/js/03106540c6b3360bdb98.js
index fd7f3d4c..60db1ef2 100644
--- a/handbook/_nuxt/js/3203faec949a3ca2138c.js
+++ b/handbook/_nuxt/js/03106540c6b3360bdb98.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{374:function(n,t,h){"use strict";h.r(t),t.default='# 基础柱状图\n\n柱状图是最常见的图表类型,通过使用水平或垂直方向 \b 柱子的高度来显示不同类别的数值,其中柱状图的一个轴显示比较的类别,而另一个轴代表对应的数值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xS18jqmX4f">\n</iframe>\n\n纵向柱状图的柱是垂直方向的,横向柱状图的柱是水平方向的,又称条形图。条形图与横向柱状图表达数据的形式是一样的,不过,当图表的数据标签很长或者有超过 10 个项目进行比较时,横向柱状图会无法完全显示完标签,或者只能倾斜展示,影响美观。因此当数据标签过长时,选择用条形图可以获得更好的展示效果。\n\n<iframe max-w [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{375:function(n,t,h){"use strict";h.r(t),t.default='# 基础柱状图\n\n柱状图是最常见的图表类型,通过使用水平或垂直方向 \b 柱子的高度来显示不同类别的数值,其中柱状图的一个轴显示比较的类别,而另一个轴代表对应的数值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xS18jqmX4f">\n</iframe>\n\n纵向柱状图的柱是垂直方向的,横向柱状图的柱是水平方向的,又称条形图。条形图与横向柱状图表达数据的形式是一样的,不过,当图表的数据标签很长或者有超过 10 个项目进行比较时,横向柱状图会无法完全显示完标签,或者只能倾斜展示,影响美观。因此当数据标签过长时,选择用条形图可以获得更好的展示效果。\n\n<iframe max-w [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/16fa7522089c35651b77.js b/handbook/_nuxt/js/0413d0ccc93a6213464d.js
similarity index 98%
rename from handbook/_nuxt/js/16fa7522089c35651b77.js
rename to handbook/_nuxt/js/0413d0ccc93a6213464d.js
index 9373ac7b..61e6ce85 100644
--- a/handbook/_nuxt/js/16fa7522089c35651b77.js
+++ b/handbook/_nuxt/js/0413d0ccc93a6213464d.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[109],{403:function(n,e,r){"use strict";r.r(e),e.default="# 基本柱状图\n\n柱状图(或称条形图)是一种通过柱形的长度来表现数据大小的一种常用图表类型。\n\n设置柱状图的方式,是将 `series` 的 `type` 设为 `'bar'`。\n\n[[配置项手册]](${optionPath}series-bar)\n\n## 最简单的柱状图\n\n最简单的柱状图可以这样设置:\n\n```js live\noption = {\n  xAxis: {\n    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n  },\n  yAxis: {},\n  series: [\n    {\n      type: 'bar',\n      data: [23, 24, 18, 25, 27, 28, 25]\n    }\n  ]\n};\n [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[110],{404:function(n,e,r){"use strict";r.r(e),e.default="# 基本柱状图\n\n柱状图(或称条形图)是一种通过柱形的长度来表现数据大小的一种常用图表类型。\n\n设置柱状图的方式,是将 `series` 的 `type` 设为 `'bar'`。\n\n[[配置项手册]](${optionPath}series-bar)\n\n## 最简单的柱状图\n\n最简单的柱状图可以这样设置:\n\n```js live\noption = {\n  xAxis: {\n    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n  },\n  yAxis: {},\n  series: [\n    {\n      type: 'bar',\n      data: [23, 24, 18, 25, 27, 28, 25]\n    }\n  ]\n};\n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/cdbbabdc0f5a26223208.js b/handbook/_nuxt/js/06d119bb6e3e15f3b58b.js
similarity index 99%
rename from handbook/_nuxt/js/cdbbabdc0f5a26223208.js
rename to handbook/_nuxt/js/06d119bb6e3e15f3b58b.js
index 0effec5f..f7b3cb98 100644
--- a/handbook/_nuxt/js/cdbbabdc0f5a26223208.js
+++ b/handbook/_nuxt/js/06d119bb6e3e15f3b58b.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{396:function(n,e,t){"use strict";t.r(e),e.default="# ECharts 中的样式简介\n\n本文主要是大略概述,用哪些方法,可以在 Apache ECharts<sup>TM</sup> 中设置样式,改变图形元素或者文字的颜色、明暗、大小等。\n\n> 为了让表述更通俗易懂,我们在这里用了“样式”这种可能不是很符合数据可视化思维的词\n\n本文介绍这几种方式,他们的功能范畴可能会有交叉(即同一种细节的效果可能可以用不同的方式实现),但是他们各有各的场景偏好。\n\n- 颜色主题(Theme)\n- 调色盘\n- 直接样式设置(itemStyle、lineStyle、areaStyle、label、...)\n- 视觉映射(visualMap)\n\n## 颜色主题(Theme)\n\n最简单的更改全局样式的方式,是直接采用颜色主题(theme)。例如,在 [示例集合](${mainSitePath}exa [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{397:function(n,e,t){"use strict";t.r(e),e.default="# ECharts 中的样式简介\n\n本文主要是大略概述,用哪些方法,可以在 Apache ECharts<sup>TM</sup> 中设置样式,改变图形元素或者文字的颜色、明暗、大小等。\n\n> 为了让表述更通俗易懂,我们在这里用了“样式”这种可能不是很符合数据可视化思维的词\n\n本文介绍这几种方式,他们的功能范畴可能会有交叉(即同一种细节的效果可能可以用不同的方式实现),但是他们各有各的场景偏好。\n\n- 颜色主题(Theme)\n- 调色盘\n- 直接样式设置(itemStyle、lineStyle、areaStyle、label、...)\n- 视觉映射(visualMap)\n\n## 颜色主题(Theme)\n\n最简单的更改全局样式的方式,是直接采用颜色主题(theme)。例如,在 [示例集合](${mainSitePath}exa [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/943f70b69fadb72fd6f3.js b/handbook/_nuxt/js/0bc4fe7164b18be4005f.js
similarity index 79%
rename from handbook/_nuxt/js/943f70b69fadb72fd6f3.js
rename to handbook/_nuxt/js/0bc4fe7164b18be4005f.js
index bd531020..fd6518e8 100644
--- a/handbook/_nuxt/js/943f70b69fadb72fd6f3.js
+++ b/handbook/_nuxt/js/0bc4fe7164b18be4005f.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{364:function(n,e,t){"use strict";t.r(e),e.default="# 获取灵感\n\n当你有“不知道图表应该设计成什么样”或者“不知道如何使用 ECharts 实现某种效果”的疑问的时候,以下列表可以提供一些思路。\n\n- [ECharts 官方实例](${mainSitePath}/examples)\n- 本手册的“应用篇 - 常用图表类型”\n- [makeapie.com](https://www.makeapie.com/) 社区用户的作品集\n"}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{365:function(n,e,t){"use strict";t.r(e),e.default="# 获取灵感\n\n当你有“不知道图表应该设计成什么样”或者“不知道如何使用 ECharts 实现某种效果”的疑问的时候,以下列表可以提供一些思路。\n\n- [ECharts 官方实例](${mainSitePath}/examples)\n- 本手册的“应用篇 - 常用图表类型”\n- [makeapie.com](https://www.makeapie.com/) 社区用户的作品集\n"}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/b4d78e93a9eb6f535471.js b/handbook/_nuxt/js/0fbe5d92660322d196a6.js
similarity index 96%
rename from handbook/_nuxt/js/b4d78e93a9eb6f535471.js
rename to handbook/_nuxt/js/0fbe5d92660322d196a6.js
index bafbc0e9..83079789 100644
--- a/handbook/_nuxt/js/b4d78e93a9eb6f535471.js
+++ b/handbook/_nuxt/js/0fbe5d92660322d196a6.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{380:function(t,e,h){"use strict";h.r(e),e.default='# 区域面积折线图\n\n\b 面积图又叫区域图,与折线图很相近,都可以用来展示随着连续时间的推移数据的变化趋势。区别在于,面积图在折线与类别数据的水平轴(X 轴)之间填充颜色或者纹理,形成一个面表示数据体积。相对于折线而言,被填充的区域可以更好的引起人们对总值趋势的注意,所以面积图主要用于传达趋势的大小,而不是确切的单个数据值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=area-simple"></iframe>\n\n## 面积图的使用建议\n\n1、面积图要用填充区域来展示数据,当图表上有多个图层时,要尽量确保数据不要重叠。如果无法避免重叠,可以通过将颜色和透明度设置为适当的值 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{381:function(t,e,h){"use strict";h.r(e),e.default='# 区域面积折线图\n\n\b 面积图又叫区域图,与折线图很相近,都可以用来展示随着连续时间的推移数据的变化趋势。区别在于,面积图在折线与类别数据的水平轴(X 轴)之间填充颜色或者纹理,形成一个面表示数据体积。相对于折线而言,被填充的区域可以更好的引起人们对总值趋势的注意,所以面积图主要用于传达趋势的大小,而不是确切的单个数据值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=area-simple"></iframe>\n\n## 面积图的使用建议\n\n1、面积图要用填充区域来展示数据,当图表上有多个图层时,要尽量确保数据不要重叠。如果无法避免重叠,可以通过将颜色和透明度设置为适当的值 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/4628056d0f792833ed58.js b/handbook/_nuxt/js/102645daa5c0f251b234.js
similarity index 98%
rename from handbook/_nuxt/js/4628056d0f792833ed58.js
rename to handbook/_nuxt/js/102645daa5c0f251b234.js
index d0f382fc..37bc86b3 100644
--- a/handbook/_nuxt/js/4628056d0f792833ed58.js
+++ b/handbook/_nuxt/js/102645daa5c0f251b234.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{372:function(n,t,e){"use strict";e.r(t),t.default="# 用颜色增强可视化效果\n\n在数据可视化所有的视觉通道中,色彩作为视觉的第一感知因素,对数据进行的视觉编码和传达是很有效的。如果使用得当,颜色可以非常有效地增强可视化效果。接下来,我们来看看具体有哪些使用颜色来增强可视化效果的的技巧和方法。\n\n## 颜色的情感共鸣\n\n颜色感知是一个复杂的物理和心理相互作用的结果。为了证明了人们感知到的色彩有冷与暖之分,日本色彩学家大智浩曾做过一个实验,将一个工作场地涂灰青色,另一个工作场地涂红橙色,两个工作场地的客观温度劳动强度相同,在灰青色工作场地工作的员工相对更容易感觉到冷。人们进一步研究发现,除了冷与暖的不同感受,色彩还有轻与重、远与近、活泼与忧郁等区分。�
 ��以,色彩之所以强大之处在于不同的色彩会使人的心理与生理产生不同的感受,从而引起情感反应和影响人们的情绪。\n\n在可视化的颜色选择上,如果我们选用的颜 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{373:function(n,t,e){"use strict";e.r(t),t.default="# 用颜色增强可视化效果\n\n在数据可视化所有的视觉通道中,色彩作为视觉的第一感知因素,对数据进行的视觉编码和传达是很有效的。如果使用得当,颜色可以非常有效地增强可视化效果。接下来,我们来看看具体有哪些使用颜色来增强可视化效果的的技巧和方法。\n\n## 颜色的情感共鸣\n\n颜色感知是一个复杂的物理和心理相互作用的结果。为了证明了人们感知到的色彩有冷与暖之分,日本色彩学家大智浩曾做过一个实验,将一个工作场地涂灰青色,另一个工作场地涂红橙色,两个工作场地的客观温度劳动强度相同,在灰青色工作场地工作的员工相对更容易感觉到冷。人们进一步研究发现,除了冷与暖的不同感受,色彩还有轻与重、远与近、活泼与忧郁等区分。�
 ��以,色彩之所以强大之处在于不同的色彩会使人的心理与生理产生不同的感受,从而引起情感反应和影响人们的情绪。\n\n在可视化的颜色选择上,如果我们选用的颜 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/3770f681d6cbdbe1c8b8.js b/handbook/_nuxt/js/119b6f1c262b9c98be79.js
similarity index 95%
rename from handbook/_nuxt/js/3770f681d6cbdbe1c8b8.js
rename to handbook/_nuxt/js/119b6f1c262b9c98be79.js
index 75bf041a..e896e002 100644
--- a/handbook/_nuxt/js/3770f681d6cbdbe1c8b8.js
+++ b/handbook/_nuxt/js/119b6f1c262b9c98be79.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{362:function(e,t,n){"use strict";n.r(t),t.default='# 寻求帮助\n\n## 技术问题\n\n### 确保现有文档等资料无法解决你的问题\n\nECharts 有非常大量的用户,所以你遇到过的问题很可能别人在此之前也遇到并解决了。通过查看文档以及使用搜索引擎搜索关键字,可以帮助你自助地在第一时间解决问题,而不需要依赖社区的帮助。\n\n因此,在做其他操作前,请确保现有文档等资料无法解决你的问题。可以尝试查看或搜索的资料包括:\n\n- [API](${mainSitePath}/api.html)\n- [配置项手册](${mainSitePath}/option.html):可以尝试使用搜索功能\n- 本手册的文章\n- [常见问题](${mainSitePath}/faq.html)\n- 在 [GitHub issue](https://github.com/apache/echarts/issues [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{363:function(e,t,n){"use strict";n.r(t),t.default='# 寻求帮助\n\n## 技术问题\n\n### 确保现有文档等资料无法解决你的问题\n\nECharts 有非常大量的用户,所以你遇到过的问题很可能别人在此之前也遇到并解决了。通过查看文档以及使用搜索引擎搜索关键字,可以帮助你自助地在第一时间解决问题,而不需要依赖社区的帮助。\n\n因此,在做其他操作前,请确保现有文档等资料无法解决你的问题。可以尝试查看或搜索的资料包括:\n\n- [API](${mainSitePath}/api.html)\n- [配置项手册](${mainSitePath}/option.html):可以尝试使用搜索功能\n- 本手册的文章\n- [常见问题](${mainSitePath}/faq.html)\n- 在 [GitHub issue](https://github.com/apache/echarts/issues [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/12c1728e034d166de4df.js b/handbook/_nuxt/js/12c1728e034d166de4df.js
new file mode 100644
index 00000000..a5c98170
--- /dev/null
+++ b/handbook/_nuxt/js/12c1728e034d166de4df.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[132],{426:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/fa0fc49a617d54d4b742.js b/handbook/_nuxt/js/148aaf87aaab1b5ec3fe.js
similarity index 97%
rename from handbook/_nuxt/js/fa0fc49a617d54d4b742.js
rename to handbook/_nuxt/js/148aaf87aaab1b5ec3fe.js
index 8cdc12b8..65224d0f 100644
--- a/handbook/_nuxt/js/fa0fc49a617d54d4b742.js
+++ b/handbook/_nuxt/js/148aaf87aaab1b5ec3fe.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[81],{375:function(n,t,e){"use strict";e.r(t),t.default='# 双向柱状图\n\n双向柱状图多用于展示包含相反含义的数据的对比。其中图表的一个轴显示正在比较的类别,而另一轴代表对应的刻度值。\n\n双向柱状图一般用于正负两份相反数据的对比。例如一周内个人收入和支出的统计,其中收入为正数,支出为负数。使用双向柱状图可以很明确的对收入和支出做出对比,并能从单个系列中分析收入和支出的数值及波动。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xS18jqmX4f">\n</iframe>\n\n双向柱状图可分为垂直方向的双向柱状图(如上图)和水平方向的双向柱状图(又叫正负条形图,如下图),例如一个客户满意度的调查数据分析中,有正面评价和负面评价,这很适合 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{376:function(n,t,e){"use strict";e.r(t),t.default='# 双向柱状图\n\n双向柱状图多用于展示包含相反含义的数据的对比。其中图表的一个轴显示正在比较的类别,而另一轴代表对应的刻度值。\n\n双向柱状图一般用于正负两份相反数据的对比。例如一周内个人收入和支出的统计,其中收入为正数,支出为负数。使用双向柱状图可以很明确的对收入和支出做出对比,并能从单个系列中分析收入和支出的数值及波动。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xS18jqmX4f">\n</iframe>\n\n双向柱状图可分为垂直方向的双向柱状图(如上图)和水平方向的双向柱状图(又叫正负条形图,如下图),例如一个客户满意度的调查数据分析中,有正面评价和负面评价,这很适合 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/784e73a626bd8811e962.js b/handbook/_nuxt/js/1a86d78b2d27f08363f1.js
similarity index 98%
rename from handbook/_nuxt/js/784e73a626bd8811e962.js
rename to handbook/_nuxt/js/1a86d78b2d27f08363f1.js
index 7fc63023..edf112d2 100644
--- a/handbook/_nuxt/js/784e73a626bd8811e962.js
+++ b/handbook/_nuxt/js/1a86d78b2d27f08363f1.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{310:function(e,t,n){"use strict";n.r(t),t.default="# Web Accessibility\n\n[WAI-ARIA](https://www.w3.org/WAI/intro/aria), the Accessible Rich Internet Applications Suite developed by W3C, defines a way to make Web content and Web applications more accessible to people with disabilities.\n\nECharts 4.0 complied with the specification, support generating description based on the chart configuration intelligently, to allows people wit [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{310:function(e,t,n){"use strict";n.r(t),t.default="# Web Accessibility\n\n[WAI-ARIA](https://www.w3.org/WAI/intro/aria), the Accessible Rich Internet Applications Suite developed by W3C, defines a way to make Web content and Web applications more accessible to people with disabilities.\n\nECharts 4.0 complied with the specification, support generating description based on the chart configuration intelligently, to allows people wit [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/661956c995515e6b4974.js b/handbook/_nuxt/js/1cb587cde7be35d0de10.js
similarity index 98%
rename from handbook/_nuxt/js/661956c995515e6b4974.js
rename to handbook/_nuxt/js/1cb587cde7be35d0de10.js
index 661996d7..30e73c82 100644
--- a/handbook/_nuxt/js/661956c995515e6b4974.js
+++ b/handbook/_nuxt/js/1cb587cde7be35d0de10.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[128],{422:function(n,t,e){"use strict";e.r(t),t.default="# 拖拽的实现\n\n本篇通过介绍一个实现拖拽的小例子来介绍如何在 Apache ECharts<sup>TM</sup> 中实现复杂的交互。\n\n<md-example src=\"line-draggable\" height=\"400\"></md-example>\n\n这个例子主要做到了这样一件事,用鼠标可以拖拽曲线的点,从而改变曲线的形状。例子很简单,但是有了这个基础我们还可以做更多的事情,比如在图中进行可视化得编辑。所以我们从这个简单的例子开始。\n\necharts 本身没有提供封装好的“拖拽改变图表”这样比较业务定制的功能。但是这个功能开发者可以通过 API 扩展实现。\n\n## 实现基本的拖拽功能\n\n在这个例子中,基础的图表是一个 [折线图 (series-line)](${optionPath}series-line)。参 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[130],{424:function(n,t,e){"use strict";e.r(t),t.default="# 拖拽的实现\n\n本篇通过介绍一个实现拖拽的小例子来介绍如何在 Apache ECharts<sup>TM</sup> 中实现复杂的交互。\n\n<md-example src=\"line-draggable\" height=\"400\"></md-example>\n\n这个例子主要做到了这样一件事,用鼠标可以拖拽曲线的点,从而改变曲线的形状。例子很简单,但是有了这个基础我们还可以做更多的事情,比如在图中进行可视化得编辑。所以我们从这个简单的例子开始。\n\necharts 本身没有提供封装好的“拖拽改变图表”这样比较业务定制的功能。但是这个功能开发者可以通过 API 扩展实现。\n\n## 实现基本的拖拽功能\n\n在这个例子中,基础的图表是一个 [折线图 (series-line)](${optionPath}series-line)。参 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/1da6baa7f0b25af647fc.js b/handbook/_nuxt/js/1da6baa7f0b25af647fc.js
new file mode 100644
index 00000000..7ac9d1fd
--- /dev/null
+++ b/handbook/_nuxt/js/1da6baa7f0b25af647fc.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{358:function(e,t,n){"use strict";n.r(t),t.default='# Intelligent Pointer Snapping\n\nSome interactive elements may be relatively small in charts, so sometimes it is difficult for users to click and do other operations accurately, especially on the mobile. Therefore, in Apache ECharts<sup>TM</sup> 5.4.0, we introduced the concept of "smart pointer snapping".\n\nStarting from this version, by default, ECharts enables pointer snappin [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/1cb1be29c2e7cba904dd.js b/handbook/_nuxt/js/2082bcc2a013fc101a33.js
similarity index 93%
rename from handbook/_nuxt/js/1cb1be29c2e7cba904dd.js
rename to handbook/_nuxt/js/2082bcc2a013fc101a33.js
index a1499050..e16485ec 100644
--- a/handbook/_nuxt/js/1cb1be29c2e7cba904dd.js
+++ b/handbook/_nuxt/js/2082bcc2a013fc101a33.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{405:function(n,t,c){"use strict";c.r(t),t.default="# 堆叠柱状图\n\n有时候,我们不仅希望知道不同系列各自的数值,还希望知道它们之和的变化,这时候通常使用堆积柱状图图来表现。顾名思义,堆积柱状图就是一个系列的数值“堆积”在另一个系列上,因而从他们的高度总和就能表达总量的变化。\n\n使用 EChart 实现堆积折线图的方法非常简单,只需要给一个系列的 `stack` 值设置一个字符串类型的值,这一个值表示该系列堆积的类别。也就是说,拥有同样 `stack` 值的系列将堆积在一组。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 43, 49],\n      type:  [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[112],{406:function(n,t,c){"use strict";c.r(t),t.default="# 堆叠柱状图\n\n有时候,我们不仅希望知道不同系列各自的数值,还希望知道它们之和的变化,这时候通常使用堆积柱状图图来表现。顾名思义,堆积柱状图就是一个系列的数值“堆积”在另一个系列上,因而从他们的高度总和就能表达总量的变化。\n\n使用 EChart 实现堆积折线图的方法非常简单,只需要给一个系列的 `stack` 值设置一个字符串类型的值,这一个值表示该系列堆积的类别。也就是说,拥有同样 `stack` 值的系列将堆积在一组。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 43, 49],\n      type:  [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9c22e1192908d079ce98.js b/handbook/_nuxt/js/214dd1a685d1493005da.js
similarity index 98%
rename from handbook/_nuxt/js/9c22e1192908d079ce98.js
rename to handbook/_nuxt/js/214dd1a685d1493005da.js
index a74bd7c0..c869753f 100644
--- a/handbook/_nuxt/js/9c22e1192908d079ce98.js
+++ b/handbook/_nuxt/js/214dd1a685d1493005da.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{398:function(n,e,t){"use strict";t.r(e),e.default="# 数据的视觉映射\n\n数据可视化是数据到视觉元素的映射过程(这个过程也可称为视觉编码,视觉元素也可称为视觉通道)。\n\nECharts 的每种图表本身就内置了这种映射过程,比如折线图把数据映射到“线”,柱状图把数据映射到“长度”。一些更复杂的图表,如关系图、事件河流图、树图也都会做出各自内置的映射。\n\n此外,ECharts 还提供了 [visualMap 组件](${optionPath}visualMap) 来提供通用的视觉映射。`visualMap` 组件中可以使用的视觉元素有:\n\n- 图形类别(symbol)、图形大小(symbolSize)\n- 颜色(color)、透明度(opacity)、颜色透明度(colorAlpha)、\n- 颜色明暗度(colorLightness)、颜色饱和度(colorSaturation)、色调(c [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{399:function(n,e,t){"use strict";t.r(e),e.default="# 数据的视觉映射\n\n数据可视化是数据到视觉元素的映射过程(这个过程也可称为视觉编码,视觉元素也可称为视觉通道)。\n\nECharts 的每种图表本身就内置了这种映射过程,比如折线图把数据映射到“线”,柱状图把数据映射到“长度”。一些更复杂的图表,如关系图、事件河流图、树图也都会做出各自内置的映射。\n\n此外,ECharts 还提供了 [visualMap 组件](${optionPath}visualMap) 来提供通用的视觉映射。`visualMap` 组件中可以使用的视觉元素有:\n\n- 图形类别(symbol)、图形大小(symbolSize)\n- 颜色(color)、透明度(opacity)、颜色透明度(colorAlpha)、\n- 颜色明暗度(colorLightness)、颜色饱和度(colorSaturation)、色调(c [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/26e0b4767345d81da92c.js b/handbook/_nuxt/js/26e0b4767345d81da92c.js
new file mode 100644
index 00000000..5c4a311c
--- /dev/null
+++ b/handbook/_nuxt/js/26e0b4767345d81da92c.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1:function(t,e,r){"use strict";r.d(e,"k",(function(){return y})),r.d(e,"m",(function(){return _})),r.d(e,"l",(function(){return C})),r.d(e,"e",(function(){return k})),r.d(e,"b",(function(){return O})),r.d(e,"s",(function(){return $})),r.d(e,"g",(function(){return j})),r.d(e,"h",(function(){return P})),r.d(e,"d",(function(){return E})),r.d(e,"r",(function(){return S})),r.d(e,"j",(function(){return R})),r.d(e,"t",(function(){return D [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/ff46ad5c1e95fe608393.js b/handbook/_nuxt/js/2830963f057b36d50548.js
similarity index 98%
rename from handbook/_nuxt/js/ff46ad5c1e95fe608393.js
rename to handbook/_nuxt/js/2830963f057b36d50548.js
index a43dd05c..52d77984 100644
--- a/handbook/_nuxt/js/ff46ad5c1e95fe608393.js
+++ b/handbook/_nuxt/js/2830963f057b36d50548.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[124],{418:function(n,e,t){"use strict";t.r(e),e.default="# 服务端渲染 ECharts 图表\n\n通常情况下,Apache ECharts<sup>TM</sup> 会在浏览器中动态的渲染图表,并且根据用户的交互来更新渲染。但是在下面这些比较特殊的场景,我们也需要在服务端中渲染图表并且输出到浏览器中:\n\n- 需要缩短前端的渲染时间,保证第一时间显示图表\n- 需要在 Markdown, PDF 等不支持动态运行脚本的环境中嵌入图表\n\n在这些场景下,ECharts 也提供了多种服务端渲染的方案:\n\n## 服务端 SVG 字符串渲染\n\n如果你在使用 5.3.0 以及更新的版本,我们强烈推荐你使用 5.3.0 里新引入的零依赖的服务端 SVG 字符串渲染方案:\n\n```ts\nconst echarts = require('echarts');\n\n// 在 SSR 模式下第一个参数不需要 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[125],{419:function(n,e,t){"use strict";t.r(e),e.default="# 服务端渲染 ECharts 图表\n\n通常情况下,Apache ECharts<sup>TM</sup> 会在浏览器中动态的渲染图表,并且根据用户的交互来更新渲染。但是在下面这些比较特殊的场景,我们也需要在服务端中渲染图表并且输出到浏览器中:\n\n- 需要缩短前端的渲染时间,保证第一时间显示图表\n- 需要在 Markdown, PDF 等不支持动态运行脚本的环境中嵌入图表\n\n在这些场景下,ECharts 也提供了多种服务端渲染的方案:\n\n## 服务端 SVG 字符串渲染\n\n如果你在使用 5.3.0 以及更新的版本,我们强烈推荐你使用 5.3.0 里新引入的零依赖的服务端 SVG 字符串渲染方案:\n\n```ts\nconst echarts = require('echarts');\n\n// 在 SSR 模式下第一个参数不需要 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/beda31d2f8d38defbf9d.js b/handbook/_nuxt/js/299ba464008dc65642bb.js
similarity index 98%
rename from handbook/_nuxt/js/beda31d2f8d38defbf9d.js
rename to handbook/_nuxt/js/299ba464008dc65642bb.js
index 98ab5575..7b1cc9b1 100644
--- a/handbook/_nuxt/js/beda31d2f8d38defbf9d.js
+++ b/handbook/_nuxt/js/299ba464008dc65642bb.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{358:function(e,n,t){"use strict";t.r(n),n.default="# An Example: Implement Dragging\n\nThis is a tiny example, introducing how to implement dragging of graphic elements in Apache ECharts<sup>TM</sup>. From this example, we will see how to make an application with rich intractivity based on echarts API.\n\n<md-example src=\"line-draggable\" height=\"400\"></md-example>\n\nThis example mainly implements that dragging points of a cur [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{359:function(e,n,t){"use strict";t.r(n),n.default="# An Example: Implement Dragging\n\nThis is a tiny example, introducing how to implement dragging of graphic elements in Apache ECharts<sup>TM</sup>. From this example, we will see how to make an application with rich intractivity based on echarts API.\n\n<md-example src=\"line-draggable\" height=\"400\"></md-example>\n\nThis example mainly implements that dragging points of a cur [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/2ce97fcdefb3b7b018fe.js b/handbook/_nuxt/js/2ce97fcdefb3b7b018fe.js
deleted file mode 100644
index b7f50adf..00000000
--- a/handbook/_nuxt/js/2ce97fcdefb3b7b018fe.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{192:function(t,e,n){t.exports={}},199:function(t,e,n){t.exports={}},200:function(t,e,n){t.exports={}},201:function(t,e,n){t.exports={}},210:function(t,e,n){t.exports={}},213:function(t,e,n){"use strict";n(192)},230:function(t,e,n){"use strict";n(199)},231:function(t,e,n){"use strict";n(200)},239:function(t,e,n){"use strict";n(201)},299:function(t,e,n){"use strict";n(210)},301:function(t,e,n){var map={"./en/basics/download.md":[302, [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/2cf0d45bb40516cb114a.js b/handbook/_nuxt/js/2cf0d45bb40516cb114a.js
deleted file mode 100644
index d3a3f8f5..00000000
--- a/handbook/_nuxt/js/2cf0d45bb40516cb114a.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{373:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/f346245cf86bea40fb64.js b/handbook/_nuxt/js/2f759f767c84e5d0ee81.js
similarity index 98%
rename from handbook/_nuxt/js/f346245cf86bea40fb64.js
rename to handbook/_nuxt/js/2f759f767c84e5d0ee81.js
index fdef833b..c2b32d35 100644
--- a/handbook/_nuxt/js/f346245cf86bea40fb64.js
+++ b/handbook/_nuxt/js/2f759f767c84e5d0ee81.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{360:function(n,e,t){"use strict";t.r(e),e.default="# Document Editing Guidelines\n\n## Adding a Markdown File\n\nAdd a markdown file to the `contents/zh/` (Chinese posts) or `contents/en/` (English posts) directories, up to three levels. Update the path and title information in `contents/zh/posts.yml` or `contents/en/posts.yml`.\n\nLowercase markdown file names.\n\n## Using Prettier to Automatically Format Code\n\nBefore you start [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{361:function(n,e,t){"use strict";t.r(e),e.default="# Document Editing Guidelines\n\n## Adding a Markdown File\n\nAdd a markdown file to the `contents/zh/` (Chinese posts) or `contents/en/` (English posts) directories, up to three levels. Update the path and title information in `contents/zh/posts.yml` or `contents/en/posts.yml`.\n\nLowercase markdown file names.\n\n## Using Prettier to Automatically Format Code\n\nBefore you start [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/fd8f6598da37263a1a78.js b/handbook/_nuxt/js/30acacb0ed9b2a36ff3b.js
similarity index 99%
rename from handbook/_nuxt/js/fd8f6598da37263a1a78.js
rename to handbook/_nuxt/js/30acacb0ed9b2a36ff3b.js
index 5c5b721c..c6fff776 100644
--- a/handbook/_nuxt/js/fd8f6598da37263a1a78.js
+++ b/handbook/_nuxt/js/30acacb0ed9b2a36ff3b.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[129],{423:function(n,e,o){"use strict";o.r(e),e.default="# 富文本标签\n\nApache ECharts<sup>TM</sup> 中的文本标签从 v3.7 开始支持富文本模式,能够:\n\n- 定制文本块整体的样式(如背景、边框、阴影等)、位置、旋转等。\n- 对文本块中个别片段定义样式(如颜色、字体、高宽、背景、阴影等)、对齐方式等。\n- 在文本中使用图片做小图标或者背景。\n- 特定组合以上的规则,可以做出简单表格、分割线等效果。\n\n开始下面的介绍之前,先说明一下下面会使用的两个名词的含义:\n\n- 文本块(Text Block):文本标签块整体。\n- 文本片段(Text fragment):文本标签块中的部分文本。\n\n如下图示例:\n\n<md-example src=\"doc-example/text-block-fragment\" width=\"400\" height=\" [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[131],{425:function(n,e,o){"use strict";o.r(e),e.default="# 富文本标签\n\nApache ECharts<sup>TM</sup> 中的文本标签从 v3.7 开始支持富文本模式,能够:\n\n- 定制文本块整体的样式(如背景、边框、阴影等)、位置、旋转等。\n- 对文本块中个别片段定义样式(如颜色、字体、高宽、背景、阴影等)、对齐方式等。\n- 在文本中使用图片做小图标或者背景。\n- 特定组合以上的规则,可以做出简单表格、分割线等效果。\n\n开始下面的介绍之前,先说明一下下面会使用的两个名词的含义:\n\n- 文本块(Text Block):文本标签块整体。\n- 文本片段(Text fragment):文本标签块中的部分文本。\n\n如下图示例:\n\n<md-example src=\"doc-example/text-block-fragment\" width=\"400\" height=\" [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/326ec0896f3530348f60.js b/handbook/_nuxt/js/326ec0896f3530348f60.js
deleted file mode 100644
index 9183ca78..00000000
--- a/handbook/_nuxt/js/326ec0896f3530348f60.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{394:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/3179f1b0cdd899b54130.js b/handbook/_nuxt/js/34f93fb4e1a3e7385433.js
similarity index 95%
rename from handbook/_nuxt/js/3179f1b0cdd899b54130.js
rename to handbook/_nuxt/js/34f93fb4e1a3e7385433.js
index 7c3a771a..6346fdcb 100644
--- a/handbook/_nuxt/js/3179f1b0cdd899b54130.js
+++ b/handbook/_nuxt/js/34f93fb4e1a3e7385433.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[123],{417:function(r,t,o){"use strict";o.r(t),t.default="# 在百度智能小程序中使用 ECharts\n\n[ECharts 图表](http://smartprogram.baidu.com/docs/develop/framework/echarts/) 以小程序动态库的形式提供了在百度智能小程序中使用 ECharts 的方式。\n\n[baidu-smart-app-echarts-demo](https://github.com/baidu-smart-app/baidu-smart-app-echarts-demo) 项目是使用该动态库的一个示例工程,可以作为参考,一般情况下不需要引入自己的项目。\n\n如有使用上的问题,可以在 [baidu-smart-app-echarts-demo/issues](https://github.com/baidu-smart-app/baidu-smart-ap [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[124],{418:function(r,t,o){"use strict";o.r(t),t.default="# 在百度智能小程序中使用 ECharts\n\n[ECharts 图表](http://smartprogram.baidu.com/docs/develop/framework/echarts/) 以小程序动态库的形式提供了在百度智能小程序中使用 ECharts 的方式。\n\n[baidu-smart-app-echarts-demo](https://github.com/baidu-smart-app/baidu-smart-app-echarts-demo) 项目是使用该动态库的一个示例工程,可以作为参考,一般情况下不需要引入自己的项目。\n\n如有使用上的问题,可以在 [baidu-smart-app-echarts-demo/issues](https://github.com/baidu-smart-app/baidu-smart-ap [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a701651cc34e80646fd2.js b/handbook/_nuxt/js/376add16798bbad44f7e.js
similarity index 93%
rename from handbook/_nuxt/js/a701651cc34e80646fd2.js
rename to handbook/_nuxt/js/376add16798bbad44f7e.js
index c8e4b6a2..5203f4bd 100644
--- a/handbook/_nuxt/js/a701651cc34e80646fd2.js
+++ b/handbook/_nuxt/js/376add16798bbad44f7e.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{361:function(n,t,e){"use strict";e.r(t),t.default="# 获取 Apache ECharts\n\nApache ECharts 提供了多种安装方式,你可以根据项目的实际情况选择以下任意一种方式安装。\n\n- 从 GitHub 获取\n- 从 npm 获取\n- 从 CDN 获取\n- 在线定制\n\n接下来我们将分别介绍这些安装方式,以及下载后的目录结构。\n\n## 安装方式\n\n### 从 npm 获取\n\n```sh\nnpm install echarts --save\n```\n\n详见[在项目中引入 Apache ECharts](${lang}/basics/import)。\n\n### 从 CDN 获取\n\n推荐从 jsDelivr 引用 [echarts](https://www.jsdelivr.com/package/npm/echarts)。\n\n### 从 GitHu [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{362:function(n,t,e){"use strict";e.r(t),t.default="# 获取 Apache ECharts\n\nApache ECharts 提供了多种安装方式,你可以根据项目的实际情况选择以下任意一种方式安装。\n\n- 从 GitHub 获取\n- 从 npm 获取\n- 从 CDN 获取\n- 在线定制\n\n接下来我们将分别介绍这些安装方式,以及下载后的目录结构。\n\n## 安装方式\n\n### 从 npm 获取\n\n```sh\nnpm install echarts --save\n```\n\n详见[在项目中引入 Apache ECharts](${lang}/basics/import)。\n\n### 从 CDN 获取\n\n推荐从 jsDelivr 引用 [echarts](https://www.jsdelivr.com/package/npm/echarts)。\n\n### 从 GitHu [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9c7c262f635ff271a5e8.js b/handbook/_nuxt/js/3b6ed0e468e9d4123e68.js
similarity index 92%
rename from handbook/_nuxt/js/9c7c262f635ff271a5e8.js
rename to handbook/_nuxt/js/3b6ed0e468e9d4123e68.js
index d4315513..9796a7f3 100644
--- a/handbook/_nuxt/js/9c7c262f635ff271a5e8.js
+++ b/handbook/_nuxt/js/3b6ed0e468e9d4123e68.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[120],{414:function(n,e,o){"use strict";o.r(e),e.default="# 南丁格尔图(玫瑰图)\n\n南丁格尔图又称玫瑰图,通常用弧度相同但半径不同的扇形表示各个类目。\n\nECharts 可以通过将饼图的 [`series.roseType`](${optionPath}series-pie.roseType) 值设为 `'area'` 实现南丁格尔图,其他配置项和饼图是相同的。\n\n```js live\noption = {\n  series: [\n    {\n      type: 'pie',\n      data: [\n        {\n          value: 100,\n          name: 'A'\n        },\n        {\n          value: 200,\n          name: 'B'\n        },\n        [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[121],{415:function(n,e,o){"use strict";o.r(e),e.default="# 南丁格尔图(玫瑰图)\n\n南丁格尔图又称玫瑰图,通常用弧度相同但半径不同的扇形表示各个类目。\n\nECharts 可以通过将饼图的 [`series.roseType`](${optionPath}series-pie.roseType) 值设为 `'area'` 实现南丁格尔图,其他配置项和饼图是相同的。\n\n```js live\noption = {\n  series: [\n    {\n      type: 'pie',\n      data: [\n        {\n          value: 100,\n          name: 'A'\n        },\n        {\n          value: 200,\n          name: 'B'\n        },\n        [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a20fa514a021a255649b.js b/handbook/_nuxt/js/3cd15369db844cea6170.js
similarity index 98%
rename from handbook/_nuxt/js/a20fa514a021a255649b.js
rename to handbook/_nuxt/js/3cd15369db844cea6170.js
index e55addb7..962c989e 100644
--- a/handbook/_nuxt/js/a20fa514a021a255649b.js
+++ b/handbook/_nuxt/js/3cd15369db844cea6170.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[131],{425:function(n,e,t){"use strict";t.r(e),e.default="# 文档编辑指南\n\n## 新增一个 markdown 文件\n\n在 `contents/zh/`(中文文章)或 `contents/en/`(英文文章)目录下新增一个 markdown 文件,最多支持三级目录。将路径及标题信息更新在 `contents/zh/posts.yml` 或 `contents/en/posts.yml`。\n\nmarkdown 文件名称小写。\n\n## 使用 prettier 来自动格式化代码\n\n在开始之前,我们推荐安装`prettier`的 [VSCode 插件](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode),该插件可以在你保存的时候自动帮你格式化代码。\n\n如果你觉得自动的格式化破坏了你的代码块,你可以 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[133],{427:function(n,e,t){"use strict";t.r(e),e.default="# 文档编辑指南\n\n## 新增一个 markdown 文件\n\n在 `contents/zh/`(中文文章)或 `contents/en/`(英文文章)目录下新增一个 markdown 文件,最多支持三级目录。将路径及标题信息更新在 `contents/zh/posts.yml` 或 `contents/en/posts.yml`。\n\nmarkdown 文件名称小写。\n\n## 使用 prettier 来自动格式化代码\n\n在开始之前,我们推荐安装`prettier`的 [VSCode 插件](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode),该插件可以在你保存的时候自动帮你格式化代码。\n\n如果你觉得自动的格式化破坏了你的代码块,你可以 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/c182564180130e8e2d58.js b/handbook/_nuxt/js/440135644852386b9329.js
similarity index 98%
rename from handbook/_nuxt/js/c182564180130e8e2d58.js
rename to handbook/_nuxt/js/440135644852386b9329.js
index d3fb55c5..eb242dd1 100644
--- a/handbook/_nuxt/js/c182564180130e8e2d58.js
+++ b/handbook/_nuxt/js/440135644852386b9329.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{400:function(n,t,e){"use strict";e.r(t),t.default="# 基础的过渡动画\n\nApache ECharts<sup>TM</sup> 中使用了平移,缩放,变形等形式的过渡动画让数据的添加更新删除,以及用户的交互变得更加顺滑。通常情况下开发者不需要操心该如何去使用动画,只需要按自己的需求使用`setOption`更新数据,ECharts 就会找出跟上一次数据之间的区别,然后自动应用最合适的过渡动画。\n\n比如下面例子就是定时更新饼图数据(随机)的过渡动画效果。\n\n```js live {layout: 'lr'}\nfunction makeRandomData() {\n  return [\n    {\n      value: Math.random(),\n      name: 'A'\n    },\n    {\n      value: Math.random(),\n      n [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[107],{401:function(n,t,e){"use strict";e.r(t),t.default="# 基础的过渡动画\n\nApache ECharts<sup>TM</sup> 中使用了平移,缩放,变形等形式的过渡动画让数据的添加更新删除,以及用户的交互变得更加顺滑。通常情况下开发者不需要操心该如何去使用动画,只需要按自己的需求使用`setOption`更新数据,ECharts 就会找出跟上一次数据之间的区别,然后自动应用最合适的过渡动画。\n\n比如下面例子就是定时更新饼图数据(随机)的过渡动画效果。\n\n```js live {layout: 'lr'}\nfunction makeRandomData() {\n  return [\n    {\n      value: Math.random(),\n      name: 'A'\n    },\n    {\n      value: Math.random(),\n      n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/fa8ad29989b03ecbf39b.js b/handbook/_nuxt/js/46d9d155dc7a38fcfe6e.js
similarity index 89%
rename from handbook/_nuxt/js/fa8ad29989b03ecbf39b.js
rename to handbook/_nuxt/js/46d9d155dc7a38fcfe6e.js
index 059dacf5..8e3e9b17 100644
--- a/handbook/_nuxt/js/fa8ad29989b03ecbf39b.js
+++ b/handbook/_nuxt/js/46d9d155dc7a38fcfe6e.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{369:function(t,e,n){"use strict";n.r(e),e.default="# 资源列表\n\n## 官方\n\n- [API](${mainSitePath}api.html)\n- [配置项手册](${mainSitePath}option.html)\n- [官方实例](${mainSitePath}examples/zh/index.html)\n- [术语速查手册](${mainSitePath}cheat-sheet.html)\n\n## 社区\n\n- [MakeAPie](https://www.makeapie.com):社区用户的作品集\n- [awesome-echarts](https://github.com/ecomfe/awesome-echarts):各种 ECharts 相关的资源,包括 AngularJS、Vue 等框架的支持,Java、Python、R 等语言的 ECharts 版本,ECh [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{370:function(t,e,n){"use strict";n.r(e),e.default="# 资源列表\n\n## 官方\n\n- [API](${mainSitePath}api.html)\n- [配置项手册](${mainSitePath}option.html)\n- [官方实例](${mainSitePath}examples/zh/index.html)\n- [术语速查手册](${mainSitePath}cheat-sheet.html)\n\n## 社区\n\n- [MakeAPie](https://www.makeapie.com):社区用户的作品集\n- [awesome-echarts](https://github.com/ecomfe/awesome-echarts):各种 ECharts 相关的资源,包括 AngularJS、Vue 等框架的支持,Java、Python、R 等语言的 ECharts 版本,ECh [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/3b1b57dafa9099baefad.js b/handbook/_nuxt/js/4cfb3fdfa6358d98a711.js
similarity index 99%
rename from handbook/_nuxt/js/3b1b57dafa9099baefad.js
rename to handbook/_nuxt/js/4cfb3fdfa6358d98a711.js
index 918625c1..0fb68321 100644
--- a/handbook/_nuxt/js/3b1b57dafa9099baefad.js
+++ b/handbook/_nuxt/js/4cfb3fdfa6358d98a711.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{392:function(n,e,t){"use strict";t.r(e),e.default="# 事件与行为\n\n在 Apache ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。\n\nECharts 中的事件名称对应 DOM 事件名称,均为小写的字符串,如下是一个绑定点击操作的示例。\n\n```js\nmyChart.on('click', function(params) {\n  // 控制台打印数据的名称\n  console.log(params.name);\n});\n```\n\n在 ECharts 中事件分为两种类型,一种是用户鼠标操作点击,或者 hover 图表的图形时触发的事件,还有一种是用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的 ['legendselectchanged']($ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{393:function(n,e,t){"use strict";t.r(e),e.default="# 事件与行为\n\n在 Apache ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。\n\nECharts 中的事件名称对应 DOM 事件名称,均为小写的字符串,如下是一个绑定点击操作的示例。\n\n```js\nmyChart.on('click', function(params) {\n  // 控制台打印数据的名称\n  console.log(params.name);\n});\n```\n\n在 ECharts 中事件分为两种类型,一种是用户鼠标操作点击,或者 hover 图表的图形时触发的事件,还有一种是用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的 ['legendselectchanged']($ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/93317dc75d62bd3b5018.js b/handbook/_nuxt/js/4d3b41f24985938541d4.js
similarity index 99%
rename from handbook/_nuxt/js/93317dc75d62bd3b5018.js
rename to handbook/_nuxt/js/4d3b41f24985938541d4.js
index 68d52c7d..a8a55580 100644
--- a/handbook/_nuxt/js/93317dc75d62bd3b5018.js
+++ b/handbook/_nuxt/js/4d3b41f24985938541d4.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{390:function(n,e,t){"use strict";t.r(e),e.default="# 使用 transform 进行数据转换\n\nApache ECharts<sup>TM</sup> 5 开始支持了“数据转换”( data transform )功能。在 echarts 中,“数据转换” 这个词指的是,给定一个已有的“数据集”([dataset](${optionPath}#dataset))和一个“转换方法”([transform](${optionPath}#dataset.transform)),echarts 能生成一个新的“数据集”,然后可以使用这个新的“数据集”绘制图表。这些工作都可以声明式地完成。\n\n抽象地来说,数据转换是这样一种公式:`outData = f(inputData)`。`f` 是转换方法,例如:`filter`、`sort`、`regression`、`boxplot`、`cluster`、`agg [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{391:function(n,e,t){"use strict";t.r(e),e.default="# 使用 transform 进行数据转换\n\nApache ECharts<sup>TM</sup> 5 开始支持了“数据转换”( data transform )功能。在 echarts 中,“数据转换” 这个词指的是,给定一个已有的“数据集”([dataset](${optionPath}#dataset))和一个“转换方法”([transform](${optionPath}#dataset.transform)),echarts 能生成一个新的“数据集”,然后可以使用这个新的“数据集”绘制图表。这些工作都可以声明式地完成。\n\n抽象地来说,数据转换是这样一种公式:`outData = f(inputData)`。`f` 是转换方法,例如:`filter`、`sort`、`regression`、`boxplot`、`cluster`、`agg [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a7e5a4068ac3a801c802.js b/handbook/_nuxt/js/4e0324937930ba4fbae4.js
similarity index 97%
rename from handbook/_nuxt/js/a7e5a4068ac3a801c802.js
rename to handbook/_nuxt/js/4e0324937930ba4fbae4.js
index 3330d0be..843ac2bc 100644
--- a/handbook/_nuxt/js/a7e5a4068ac3a801c802.js
+++ b/handbook/_nuxt/js/4e0324937930ba4fbae4.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[90],{384:function(n,t,e){"use strict";e.r(t),t.default='# 雷达图\n\n雷达图(Radar Chart)又被叫做蜘蛛网图,适用于显示三个或更多的维度的变量。雷达图是以在同一点开始的轴上显示的三个或更多个变量的二维图表的形式来显示多元数据的方法,其中轴的相对位置和角度通常是无意义的。\n\n\n雷达图的每个变量都有一个从中心向外发射的轴线,所有的轴之间的夹角相等,同时每个轴有相同的刻度,将轴到轴的刻度用网格线链接作为辅助元素,连接每个变量在其各自的轴线的数据点成一条多边形。\n\n<iframe max-width="830" width="100%" height="400" \nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xH1-fnLcVG&v=1">\n</iframe>\n\n雷达图对于查看哪些变量具有相似的值、变量之间是否有异常值都很有 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{385:function(n,t,e){"use strict";e.r(t),t.default='# 雷达图\n\n雷达图(Radar Chart)又被叫做蜘蛛网图,适用于显示三个或更多的维度的变量。雷达图是以在同一点开始的轴上显示的三个或更多个变量的二维图表的形式来显示多元数据的方法,其中轴的相对位置和角度通常是无意义的。\n\n\n雷达图的每个变量都有一个从中心向外发射的轴线,所有的轴之间的夹角相等,同时每个轴有相同的刻度,将轴到轴的刻度用网格线链接作为辅助元素,连接每个变量在其各自的轴线的数据点成一条多边形。\n\n<iframe max-width="830" width="100%" height="400" \nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xH1-fnLcVG&v=1">\n</iframe>\n\n雷达图对于查看哪些变量具有相似的值、变量之间是否有异常值都很有 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/998e3493136a53d08acf.js b/handbook/_nuxt/js/56c99989ccc5891b79f6.js
similarity index 96%
rename from handbook/_nuxt/js/998e3493136a53d08acf.js
rename to handbook/_nuxt/js/56c99989ccc5891b79f6.js
index b823215f..43aea0ca 100644
--- a/handbook/_nuxt/js/998e3493136a53d08acf.js
+++ b/handbook/_nuxt/js/56c99989ccc5891b79f6.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[94],{388:function(n,t,e){"use strict";e.r(t),t.default='# 图表容器及大小\n\n在[快速上手](${lang}/get-started)中,我们介绍了初始化 ECharts 的接口 [`echarts.init`](${mainSitePath}/api.html#echarts.init)。[API 文档](${mainSitePath}/api.html#echarts.init)中详细介绍了参数的具体含义,建议理解后再阅读本文。\n\n下面,我们就常见的几种使用场景,介绍如何初始化一个图表以及改变其大小。\n\n## 初始化\n\n### 在 HTML 中定义有宽度和高度的父容器(推荐)\n\n通常来说,需要在 HTML 中先定义一个 `<div>` 节点,并且通过 CSS 使得该节点具有宽度和高度。初始化的时候,传入该节点,图表的大小默认即为该节点的大小,除非声明了 `opts.width` 或 `o [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[95],{389:function(n,t,e){"use strict";e.r(t),t.default='# 图表容器及大小\n\n在[快速上手](${lang}/get-started)中,我们介绍了初始化 ECharts 的接口 [`echarts.init`](${mainSitePath}/api.html#echarts.init)。[API 文档](${mainSitePath}/api.html#echarts.init)中详细介绍了参数的具体含义,建议理解后再阅读本文。\n\n下面,我们就常见的几种使用场景,介绍如何初始化一个图表以及改变其大小。\n\n## 初始化\n\n### 在 HTML 中定义有宽度和高度的父容器(推荐)\n\n通常来说,需要在 HTML 中先定义一个 `<div>` 节点,并且通过 CSS 使得该节点具有宽度和高度。初始化的时候,传入该节点,图表的大小默认即为该节点的大小,除非声明了 `opts.width` 或 `o [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/571e5da194a083342b29.js b/handbook/_nuxt/js/571e5da194a083342b29.js
new file mode 100644
index 00000000..f9f07ca7
--- /dev/null
+++ b/handbook/_nuxt/js/571e5da194a083342b29.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{374:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a3118453299873cacbe1.js b/handbook/_nuxt/js/5a01c2a52a576469b493.js
similarity index 92%
rename from handbook/_nuxt/js/a3118453299873cacbe1.js
rename to handbook/_nuxt/js/5a01c2a52a576469b493.js
index b5486319..2e14252a 100644
--- a/handbook/_nuxt/js/a3118453299873cacbe1.js
+++ b/handbook/_nuxt/js/5a01c2a52a576469b493.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[117],{411:function(n,e,t){"use strict";t.r(e),e.default="# 阶梯线图\n\n阶梯线图又称方波图,它使用水平和垂直的线来连接两个数据点,而普通折线图则直接将两个点连接起来。阶梯线图能够很好地表达数据的突变。\n\n在 ECharts 中,系列的 `step` 属性用来表征阶梯线图的连接类型,它共有三种取值:`'start'`、`'middle'` 和 `'end'`,分别表示在当前点,当前点与下个点的中间点,下个点拐弯。\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n  },\n  yAxis: {\n    type: 'value'\n  },\n  series: [\n    {\n      name:  [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[118],{412:function(n,e,t){"use strict";t.r(e),e.default="# 阶梯线图\n\n阶梯线图又称方波图,它使用水平和垂直的线来连接两个数据点,而普通折线图则直接将两个点连接起来。阶梯线图能够很好地表达数据的突变。\n\n在 ECharts 中,系列的 `step` 属性用来表征阶梯线图的连接类型,它共有三种取值:`'start'`、`'middle'` 和 `'end'`,分别表示在当前点,当前点与下个点的中间点,下个点拐弯。\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n  },\n  yAxis: {\n    type: 'value'\n  },\n  series: [\n    {\n      name:  [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/5c44d27ba97bd90b06e7.js b/handbook/_nuxt/js/5d94b39761d76b0552df.js
similarity index 99%
rename from handbook/_nuxt/js/5c44d27ba97bd90b06e7.js
rename to handbook/_nuxt/js/5d94b39761d76b0552df.js
index 9e6ecf27..26730971 100644
--- a/handbook/_nuxt/js/5c44d27ba97bd90b06e7.js
+++ b/handbook/_nuxt/js/5d94b39761d76b0552df.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[107],{401:function(n,t,e){"use strict";e.r(t),t.default="# 跨系列的全局过渡动画\n\n在[基础的过渡动画](${lang}/how-to/animation/transition)一文中我们介绍了在同一个系列中添加,修改以及移除数据的时候所应用的过渡动画,绝大部分场景下,这些基础的过渡动画效果已经满足我们的诉求,可以很好的表达数据的变化。\n\n有时候我们也会碰到更加复杂的需求,例如想要从一个表达数据对比的柱状图切换成表达数据占比比的饼图,或者想要将多个系列的散点图分布聚合成这几个系列的统计值对比的柱状图等等。在之前我们面对这些需求往往只能放弃动画效果采用直接切换的方式。在 5.2.0 中我们引入了全局过渡动画(Universal Transition)来满足这些更复杂的动画需求。\n\n全局过渡动画可以在切换系列类型的时候通过变形动画过渡,
 而不是生硬的直接切换。而且可以应用过渡动画的属性也更加丰富,包含了 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[108],{402:function(n,t,e){"use strict";e.r(t),t.default="# 跨系列的全局过渡动画\n\n在[基础的过渡动画](${lang}/how-to/animation/transition)一文中我们介绍了在同一个系列中添加,修改以及移除数据的时候所应用的过渡动画,绝大部分场景下,这些基础的过渡动画效果已经满足我们的诉求,可以很好的表达数据的变化。\n\n有时候我们也会碰到更加复杂的需求,例如想要从一个表达数据对比的柱状图切换成表达数据占比比的饼图,或者想要将多个系列的散点图分布聚合成这几个系列的统计值对比的柱状图等等。在之前我们面对这些需求往往只能放弃动画效果采用直接切换的方式。在 5.2.0 中我们引入了全局过渡动画(Universal Transition)来满足这些更复杂的动画需求。\n\n全局过渡动画可以在切换系列类型的时候通过变形动画过渡,
 而不是生硬的直接切换。而且可以应用过渡动画的属性也更加丰富,包含了 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9c760b23f241b3820a56.js b/handbook/_nuxt/js/5e59a1334d999441b369.js
similarity index 87%
rename from handbook/_nuxt/js/9c760b23f241b3820a56.js
rename to handbook/_nuxt/js/5e59a1334d999441b369.js
index b4d866d5..4935530d 100644
--- a/handbook/_nuxt/js/9c760b23f241b3820a56.js
+++ b/handbook/_nuxt/js/5e59a1334d999441b369.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[132],{426:function(n,o,e){"use strict";e.r(o),o.default="# 写作风格规范\n\n本文的主要目的是为了统一该项目的写作风格。\n\n语法主要参照[中文技术文档的写作规范](https://github.com/ruanyf/document-style-guide)。请在写作前先阅读一遍该语法。\n\n## 重点\n\n> 段落的句子语气要使用陈述和肯定语气,避免使用感叹语气。\n\n> 句子内部的并列词,应该用全角顿号(、) 分隔,而不用逗号,即使并列词是英语也是如此。\n>\n> 错误:我最欣赏的科技公司有 Google, Facebook, 腾讯, 阿里和百度等。\n>\n> 正确:我最欣赏的科技公司有 Google、Facebook、腾讯、阿里和百度等。\n\n## 其他注意事项\n\n除了上述规范之外,还需要注意:\n\n- 写作时,应尽可能使用正式的书面语言,避免较为随意的个人博客风格。\n"}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[134],{428:function(n,o,e){"use strict";e.r(o),o.default="# 写作风格规范\n\n本文的主要目的是为了统一该项目的写作风格。\n\n语法主要参照[中文技术文档的写作规范](https://github.com/ruanyf/document-style-guide)。请在写作前先阅读一遍该语法。\n\n## 重点\n\n> 段落的句子语气要使用陈述和肯定语气,避免使用感叹语气。\n\n> 句子内部的并列词,应该用全角顿号(、) 分隔,而不用逗号,即使并列词是英语也是如此。\n>\n> 错误:我最欣赏的科技公司有 Google, Facebook, 腾讯, 阿里和百度等。\n>\n> 正确:我最欣赏的科技公司有 Google、Facebook、腾讯、阿里和百度等。\n\n## 其他注意事项\n\n除了上述规范之外,还需要注意:\n\n- 写作时,应尽可能使用正式的书面语言,避免较为随意的个人博客风格。\n"}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/e901f52bb4ccc57b7a7c.js b/handbook/_nuxt/js/6337e9fc392fc5650628.js
similarity index 94%
rename from handbook/_nuxt/js/e901f52bb4ccc57b7a7c.js
rename to handbook/_nuxt/js/6337e9fc392fc5650628.js
index 0da3628f..9212e4c4 100644
--- a/handbook/_nuxt/js/e901f52bb4ccc57b7a7c.js
+++ b/handbook/_nuxt/js/6337e9fc392fc5650628.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{377:function(n,t,e){"use strict";e.r(t),t.default='# 堆叠柱状图\n\n堆叠柱状图是柱状图的扩展。但区别在于,柱状图的数据值为并行排列,堆叠柱图则是一个个叠加起来的。它可以展示每一个分类的总量,以及该分类包含的每个小分类的大小及占比。因此,非常适合处理部分与整体的关系。\n\n与饼图显示单个部分到整体的关系不同的是,堆叠柱状图可以显示多个部分到整体的关系。例如一个班级体育课选课的各项目人数统计,你可以用柱状图或饼图来展示。但是,当需要进一步区分男生和女生参与到不同项目中的人数分别是多少时,就需要把每个项目中包含的男生数和女生数都展示出来。如图选用堆叠柱状图,不仅能显示每个项目的总人数,还能展示出每个项目中的一部分与整体的关系。\n\n<iframe max-width="830" widt
 h="100%" height="400"\n src="https://gallery.echartsjs.com/ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{378:function(n,t,e){"use strict";e.r(t),t.default='# 堆叠柱状图\n\n堆叠柱状图是柱状图的扩展。但区别在于,柱状图的数据值为并行排列,堆叠柱图则是一个个叠加起来的。它可以展示每一个分类的总量,以及该分类包含的每个小分类的大小及占比。因此,非常适合处理部分与整体的关系。\n\n与饼图显示单个部分到整体的关系不同的是,堆叠柱状图可以显示多个部分到整体的关系。例如一个班级体育课选课的各项目人数统计,你可以用柱状图或饼图来展示。但是,当需要进一步区分男生和女生参与到不同项目中的人数分别是多少时,就需要把每个项目中包含的男生数和女生数都展示出来。如图选用堆叠柱状图,不仅能显示每个项目的总人数,还能展示出每个项目中的一部分与整体的关系。\n\n<iframe max-width="830" widt
 h="100%" height="400"\n src="https://gallery.echartsjs.com/ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/f87f7bbafe4f9cb53248.js b/handbook/_nuxt/js/6df0e7460491a2036a49.js
similarity index 76%
rename from handbook/_nuxt/js/f87f7bbafe4f9cb53248.js
rename to handbook/_nuxt/js/6df0e7460491a2036a49.js
index 6c388044..a37d8afa 100644
--- a/handbook/_nuxt/js/f87f7bbafe4f9cb53248.js
+++ b/handbook/_nuxt/js/6df0e7460491a2036a49.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{429:function(t,n,e){"use strict";e.r(n);var r=e(0),l=e.n(r).a.extend({mounted:function(){this.$router.push("get-started")}}),o=e(7),component=Object(o.a)(l,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"hidden"},[e("nuxt-link",{attrs:{to:"zh/get-started"}},[t._v("中文")]),t._v(" "),e("nuxt-link",{attrs:{to:"en/get-started"}},[t._v("English")])],1)}),[],!1,null,null,null);n.default=component.exp [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{431:function(t,n,e){"use strict";e.r(n);var r=e(0),l=e.n(r).a.extend({mounted:function(){this.$router.push("get-started")}}),o=e(7),component=Object(o.a)(l,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"hidden"},[e("nuxt-link",{attrs:{to:"zh/get-started"}},[t._v("中文")]),t._v(" "),e("nuxt-link",{attrs:{to:"en/get-started"}},[t._v("English")])],1)}),[],!1,null,null,null);n.default=component.exp [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/7622b6fae5f4593c9cd1.js b/handbook/_nuxt/js/7622b6fae5f4593c9cd1.js
new file mode 100644
index 00000000..107edb44
--- /dev/null
+++ b/handbook/_nuxt/js/7622b6fae5f4593c9cd1.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[129],{423:function(n,t,e){"use strict";e.r(t),t.default='# 智能指针吸附\n\n在图表中,部分可交互元素可能比较小,有时候用户不易准确地进行点击等操作,移动端尤其如此。因此,在 Apache ECharts<sup>TM</sup> 5.4.0 中,我们引入了“智能指针吸附”的概念。\n\n从该版本起,在默认情况下,ECharts 对移动端的图表开启指针吸附,对非移动端的图表关闭。\n\n> 如果需要对所有平台都开启,则可以通过在 [init](${mainSitePath}api.html#echarts.init) 的时候将 `opt.useCoarserPointer` 设置为 `true` 来实现;设为 `false` 则对所有平台都关闭。\n\n## 吸附原理\n\n在鼠标或触摸事件发生时,ECharts 会根据鼠标或触摸的位置,判断是否和某个可交互元素相交。如果是,则认为该元素是交互对象(与优化前 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/30a351e7178a6b9cc8e7.js b/handbook/_nuxt/js/7f2e5e1f02da3b7d06f9.js
similarity index 97%
rename from handbook/_nuxt/js/30a351e7178a6b9cc8e7.js
rename to handbook/_nuxt/js/7f2e5e1f02da3b7d06f9.js
index 763485cf..4820d868 100644
--- a/handbook/_nuxt/js/30a351e7178a6b9cc8e7.js
+++ b/handbook/_nuxt/js/7f2e5e1f02da3b7d06f9.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{370:function(n,e,t){"use strict";t.r(e),e.default="# 无障碍访问\n\nW3C 制定了无障碍富互联网应用规范集([WAI-ARIA](https://www.w3.org/WAI/intro/aria),the Accessible Rich Internet Applications Suite),致力于使得网页内容和网页应用能够被更多残障人士访问。\n\nApache ECharts 4 遵从这一规范,支持自动根据图表配置项智能生成描述,使得盲人可以在朗读设备的帮助下了解图表内容,让图表可以被更多人群访问。Apache ECharts 5 新增了贴花功能,让图表数据除了可以用颜色区分之外,还能用贴花图案区分,提供了更好的无障碍访问体验。\n\n无障碍访问功能默认关闭,需要通过将 [aria.show](${optionPath}aria.show) 设置为 `true` 开启。\n\n## 图表描述\ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{371:function(n,e,t){"use strict";t.r(e),e.default="# 无障碍访问\n\nW3C 制定了无障碍富互联网应用规范集([WAI-ARIA](https://www.w3.org/WAI/intro/aria),the Accessible Rich Internet Applications Suite),致力于使得网页内容和网页应用能够被更多残障人士访问。\n\nApache ECharts 4 遵从这一规范,支持自动根据图表配置项智能生成描述,使得盲人可以在朗读设备的帮助下了解图表内容,让图表可以被更多人群访问。Apache ECharts 5 新增了贴花功能,让图表数据除了可以用颜色区分之外,还能用贴花图案区分,提供了更好的无障碍访问体验。\n\n无障碍访问功能默认关闭,需要通过将 [aria.show](${optionPath}aria.show) 设置为 `true` 开启。\n\n## 图表描述\ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/562415b1e85cf9bbd32b.js b/handbook/_nuxt/js/825dd1fcc78b8afcb65b.js
similarity index 97%
rename from handbook/_nuxt/js/562415b1e85cf9bbd32b.js
rename to handbook/_nuxt/js/825dd1fcc78b8afcb65b.js
index f25657e4..f86b9586 100644
--- a/handbook/_nuxt/js/562415b1e85cf9bbd32b.js
+++ b/handbook/_nuxt/js/825dd1fcc78b8afcb65b.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{383:function(n,e,t){"use strict";t.r(e),e.default='# 饼图\n\n饼图主要用于展现不同类别数值相对于总数的占比情况。图中每个分块(扇区)的弧长表示该类别的占比大小,所有分块数据总和为 100%。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHySlBkIEM&v=1">\n</iframe>\n\n虽然饼图能快速有效地展示数据的比例分布,并被广泛用于各个领域,但是饼图及其变形图表一直是比较受争议的图表。因此,我们在使用饼图及其变形图表时一定要谨慎并避免走进误区。\n\n## 饼图的使用建议\n\n1、饼图适合用来展示单一维度数据的占比,要求其数值中没有零或负值,并确保各分块占比总和为 100%。\n\n2、我们很难比较一个分块过多的饼 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[90],{384:function(n,e,t){"use strict";t.r(e),e.default='# 饼图\n\n饼图主要用于展现不同类别数值相对于总数的占比情况。图中每个分块(扇区)的弧长表示该类别的占比大小,所有分块数据总和为 100%。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHySlBkIEM&v=1">\n</iframe>\n\n虽然饼图能快速有效地展示数据的比例分布,并被广泛用于各个领域,但是饼图及其变形图表一直是比较受争议的图表。因此,我们在使用饼图及其变形图表时一定要谨慎并避免走进误区。\n\n## 饼图的使用建议\n\n1、饼图适合用来展示单一维度数据的占比,要求其数值中没有零或负值,并确保各分块占比总和为 100%。\n\n2、我们很难比较一个分块过多的饼 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/8314c439725f95c49f3c.js b/handbook/_nuxt/js/8314c439725f95c49f3c.js
deleted file mode 100644
index 311b3852..00000000
--- a/handbook/_nuxt/js/8314c439725f95c49f3c.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[95],{389:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/cfdc085dc22592004367.js b/handbook/_nuxt/js/84a5671c8ab29554b920.js
similarity index 97%
rename from handbook/_nuxt/js/cfdc085dc22592004367.js
rename to handbook/_nuxt/js/84a5671c8ab29554b920.js
index 11fe2551..ce68b1de 100644
--- a/handbook/_nuxt/js/cfdc085dc22592004367.js
+++ b/handbook/_nuxt/js/84a5671c8ab29554b920.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{378:function(n,t,e){"use strict";e.r(t),t.default='# 漏斗图\n\n漏斗图又叫倒三角图,漏斗图将数据呈现为几个阶段,每个阶段的数据都是整体的一部分,从一个阶段到另一个阶段数据自上而下逐渐下降,所有阶段的占比总计 100%。与饼图一样,漏斗图呈现的也不是具体的数据,而是该数据相对于总数的占比、漏斗图不需要使用任何数据轴。\n\n漏斗图多用于显示简化的数据,可以用来单向分析业务各环节丢失或增加变化,也可用来直接表示某个环节与上一环节的差异。漏斗图对于确定组织的销售过程中可能存在的问题和瓶颈也很有用。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xrJIQEN5NM">\n</iframe>\n\n## 漏斗图的使用建议\n\n1、以电商网站 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{379:function(n,t,e){"use strict";e.r(t),t.default='# 漏斗图\n\n漏斗图又叫倒三角图,漏斗图将数据呈现为几个阶段,每个阶段的数据都是整体的一部分,从一个阶段到另一个阶段数据自上而下逐渐下降,所有阶段的占比总计 100%。与饼图一样,漏斗图呈现的也不是具体的数据,而是该数据相对于总数的占比、漏斗图不需要使用任何数据轴。\n\n漏斗图多用于显示简化的数据,可以用来单向分析业务各环节丢失或增加变化,也可用来直接表示某个环节与上一环节的差异。漏斗图对于确定组织的销售过程中可能存在的问题和瓶颈也很有用。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xrJIQEN5NM">\n</iframe>\n\n## 漏斗图的使用建议\n\n1、以电商网站 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/851aa3847b05ea14c147.js b/handbook/_nuxt/js/851aa3847b05ea14c147.js
new file mode 100644
index 00000000..3a2c49de
--- /dev/null
+++ b/handbook/_nuxt/js/851aa3847b05ea14c147.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[123],{417:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/c37054f79ffe02b42820.js b/handbook/_nuxt/js/877048f672fcf5d4d07c.js
similarity index 88%
rename from handbook/_nuxt/js/c37054f79ffe02b42820.js
rename to handbook/_nuxt/js/877048f672fcf5d4d07c.js
index bc46510b..6a2408ad 100644
--- a/handbook/_nuxt/js/c37054f79ffe02b42820.js
+++ b/handbook/_nuxt/js/877048f672fcf5d4d07c.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[113],{407:function(n,e,t){"use strict";t.r(e),e.default="# 区域面积图\n\n区域面积图将折线到坐标轴的空间设置背景色,用区域面积表达数据。相比普通的折线图,区域面积图的视觉效果更加饱满丰富,在系列不多的场景下尤其适用。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 23, 19],\n      type: 'line',\n      areaStyle: {}\n    },\n    {\n      data: [25, 14, 23, 35, 10],\n      type: 'line',\n      areaStyle: {\n        color:  [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[114],{408:function(n,e,t){"use strict";t.r(e),e.default="# 区域面积图\n\n区域面积图将折线到坐标轴的空间设置背景色,用区域面积表达数据。相比普通的折线图,区域面积图的视觉效果更加饱满丰富,在系列不多的场景下尤其适用。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 23, 19],\n      type: 'line',\n      areaStyle: {}\n    },\n    {\n      data: [25, 14, 23, 35, 10],\n      type: 'line',\n      areaStyle: {\n        color:  [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/365cb20dc5abe93490e2.js b/handbook/_nuxt/js/8810a9a8b72ae3254625.js
similarity index 94%
rename from handbook/_nuxt/js/365cb20dc5abe93490e2.js
rename to handbook/_nuxt/js/8810a9a8b72ae3254625.js
index 5b5626bf..2212df7f 100644
--- a/handbook/_nuxt/js/365cb20dc5abe93490e2.js
+++ b/handbook/_nuxt/js/8810a9a8b72ae3254625.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[116],{410:function(n,t,e){"use strict";e.r(t),t.default="# 堆叠折线图\n\n与[堆叠柱状图](./zh/how-to/chart-types/bar/stacked-bar)类似,堆叠折线图也是用系列的 `stack` 设置哪些系列堆叠在一起。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 43, 49],\n      type: 'line',\n      stack: 'x'\n    },\n    {\n      data: [5, 4, 3, 5, 10],\n      type: 'line',\n      stack: 'x'\n    }\n  ]\ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[117],{411:function(n,t,e){"use strict";e.r(t),t.default="# 堆叠折线图\n\n与[堆叠柱状图](./zh/how-to/chart-types/bar/stacked-bar)类似,堆叠折线图也是用系列的 `stack` 设置哪些系列堆叠在一起。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 43, 49],\n      type: 'line',\n      stack: 'x'\n    },\n    {\n      data: [5, 4, 3, 5, 10],\n      type: 'line',\n      stack: 'x'\n    }\n  ]\ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/8f5306cba17753b3b651.js b/handbook/_nuxt/js/885021b4c26d3f009f43.js
similarity index 97%
rename from handbook/_nuxt/js/8f5306cba17753b3b651.js
rename to handbook/_nuxt/js/885021b4c26d3f009f43.js
index 6a68a408..d23d1cfb 100644
--- a/handbook/_nuxt/js/8f5306cba17753b3b651.js
+++ b/handbook/_nuxt/js/885021b4c26d3f009f43.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[92],{386:function(n,t,e){"use strict";e.r(t),t.default='# 散点图\n\n散点图在直角坐标系显示数据的两个变量(X 和 Y 轴)之间的关系,数据显示为点的集合,适合用于在不考虑时间的情况下比较大量的数据点。散点图通常用来识别两个变量之间的相关性或用来观察他们的关系,从而发现某种趋势,对于查找异常值或理解数据分布也很有效。如下图某个班级学生身高和体重的分布状况。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xSkCyUwKNG&v=1">\n</iframe>\n\n散点图会显示不同类型的相关性,相关性即变量之间的关系。通常有正相关、负相关、不相关三种相关性。\n\n- 正相关:数据点从低 x、y 值的点到高 x、y 值,一个变量增加,另一个变 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{387:function(n,t,e){"use strict";e.r(t),t.default='# 散点图\n\n散点图在直角坐标系显示数据的两个变量(X 和 Y 轴)之间的关系,数据显示为点的集合,适合用于在不考虑时间的情况下比较大量的数据点。散点图通常用来识别两个变量之间的相关性或用来观察他们的关系,从而发现某种趋势,对于查找异常值或理解数据分布也很有效。如下图某个班级学生身高和体重的分布状况。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xSkCyUwKNG&v=1">\n</iframe>\n\n散点图会显示不同类型的相关性,相关性即变量之间的关系。通常有正相关、负相关、不相关三种相关性。\n\n- 正相关:数据点从低 x、y 值的点到高 x、y 值,一个变量增加,另一个变 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/37605a495ee835216c82.js b/handbook/_nuxt/js/8a2ca4d2ec1da2c42c45.js
similarity index 97%
rename from handbook/_nuxt/js/37605a495ee835216c82.js
rename to handbook/_nuxt/js/8a2ca4d2ec1da2c42c45.js
index 880c4246..2e9ffe38 100644
--- a/handbook/_nuxt/js/37605a495ee835216c82.js
+++ b/handbook/_nuxt/js/8a2ca4d2ec1da2c42c45.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{427:function(e,t,r){"use strict";r.r(t);var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_$",o=/[<>\b\f\n\r\t\0\u2028\u2029]/g,c=/^(?:do|if|in|for|int|let|new|try|var|byte|case|char|else|enum|goto|long|this|void|with|await|break|catch|class|const|final|float|short|super|throw|while|yield|delete|double|export|import|native|return|switch|throws|typeof|boolean|default|extends|finally|package|private|abstract|continue|debugge [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{429:function(e,t,r){"use strict";r.r(t);var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_$",o=/[<>\b\f\n\r\t\0\u2028\u2029]/g,c=/^(?:do|if|in|for|int|let|new|try|var|byte|case|char|else|enum|goto|long|this|void|with|await|break|catch|class|const|final|float|short|super|throw|while|yield|delete|double|export|import|native|return|switch|throws|typeof|boolean|default|extends|finally|package|private|abstract|continue|debugge [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/8f0432b3812487ab4b98.js b/handbook/_nuxt/js/8f0432b3812487ab4b98.js
deleted file mode 100644
index 30b7669e..00000000
--- a/handbook/_nuxt/js/8f0432b3812487ab4b98.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[130],{424:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/90de4eb8ad6632465da6.js b/handbook/_nuxt/js/90de4eb8ad6632465da6.js
new file mode 100644
index 00000000..b5ca13d5
--- /dev/null
+++ b/handbook/_nuxt/js/90de4eb8ad6632465da6.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{396:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/87edd1b115f3e988084d.js b/handbook/_nuxt/js/95cc1ff2f75ba485edc3.js
similarity index 96%
rename from handbook/_nuxt/js/87edd1b115f3e988084d.js
rename to handbook/_nuxt/js/95cc1ff2f75ba485edc3.js
index b2f67f32..45a225fa 100644
--- a/handbook/_nuxt/js/87edd1b115f3e988084d.js
+++ b/handbook/_nuxt/js/95cc1ff2f75ba485edc3.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{382:function(n,t,e){"use strict";e.r(t),t.default='# 堆叠面积图\n\n堆积面积图是一种特殊的面积图,可以用来比较在一个区间内的多个变量。堆叠面积图和面积图的区别在于,堆叠面积图每个数据系列的起点都是基于前一个数据系列绘制的,也就是每度量一行就要填满行与行之间的区域。\n\n如果有多个数据系列,并想分析每个类别的部分到整体的关系,并展现部分量对于总量的贡献时,使用堆积面积图是非常合适的选择。例如下图显示某个销售员对总销售额的贡献。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHySthj74z">\n</iframe>\n\n有两种不同的堆积面积图类型:\n\n- <b>传统的堆积面积图</b>:直接使用原始值堆叠,显示整个过程如何变 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[89],{383:function(n,t,e){"use strict";e.r(t),t.default='# 堆叠面积图\n\n堆积面积图是一种特殊的面积图,可以用来比较在一个区间内的多个变量。堆叠面积图和面积图的区别在于,堆叠面积图每个数据系列的起点都是基于前一个数据系列绘制的,也就是每度量一行就要填满行与行之间的区域。\n\n如果有多个数据系列,并想分析每个类别的部分到整体的关系,并展现部分量对于总量的贡献时,使用堆积面积图是非常合适的选择。例如下图显示某个销售员对总销售额的贡献。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHySthj74z">\n</iframe>\n\n有两种不同的堆积面积图类型:\n\n- <b>传统的堆积面积图</b>:直接使用原始值堆叠,显示整个过程如何变 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/7129b186b69a78e02f59.js b/handbook/_nuxt/js/9b20af70899518b04640.js
similarity index 96%
rename from handbook/_nuxt/js/7129b186b69a78e02f59.js
rename to handbook/_nuxt/js/9b20af70899518b04640.js
index 811ef9c5..88dc0643 100644
--- a/handbook/_nuxt/js/7129b186b69a78e02f59.js
+++ b/handbook/_nuxt/js/9b20af70899518b04640.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[91],{385:function(t,n,e){"use strict";e.r(n),n.default='# 气泡图\n\n气泡图是显示变量之间相关性的一种图表。与散点图类似。在直角坐标系中显示数据的两个变量( X 和 Y 轴)之间的关系,数据显示为点的集合。与散点图不同的是,气泡图是一个多变量图,它增加了第三个数值即气泡大小的变量,在气泡图中,较大的气泡表示较大的值。可以通过气泡的位置分布和大小比例,来分析数据的规律。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHkRpZuY4z&v=1">\n</iframe>\n\n## 气泡图的使用建议\n\n1、当数据具有 3 个序列、特征及相关值,使用气泡图是一个不错的选择。如下图气泡的位置显示了代码提交的日期、具体的时间点,气泡的大小说明了 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[92],{386:function(t,n,e){"use strict";e.r(n),n.default='# 气泡图\n\n气泡图是显示变量之间相关性的一种图表。与散点图类似。在直角坐标系中显示数据的两个变量( X 和 Y 轴)之间的关系,数据显示为点的集合。与散点图不同的是,气泡图是一个多变量图,它增加了第三个数值即气泡大小的变量,在气泡图中,较大的气泡表示较大的值。可以通过气泡的位置分布和大小比例,来分析数据的规律。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHkRpZuY4z&v=1">\n</iframe>\n\n## 气泡图的使用建议\n\n1、当数据具有 3 个序列、特征及相关值,使用气泡图是一个不错的选择。如下图气泡的位置显示了代码提交的日期、具体的时间点,气泡的大小说明了 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/2f8d4062287741a1accf.js b/handbook/_nuxt/js/9d02ceaffb490c85b9e8.js
similarity index 99%
rename from handbook/_nuxt/js/2f8d4062287741a1accf.js
rename to handbook/_nuxt/js/9d02ceaffb490c85b9e8.js
index cc652177..9274580f 100644
--- a/handbook/_nuxt/js/2f8d4062287741a1accf.js
+++ b/handbook/_nuxt/js/9d02ceaffb490c85b9e8.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{391:function(n,e,t){"use strict";t.r(e),e.default="# 数据集\n\n`数据集`(`dataset`)是专门用来管理数据的组件。虽然每个系列都可以在 `series.data` 中设置数据,但是从 ECharts4 支持 `数据集` 开始,更推荐使用 `数据集` 来管理数据。因为这样,数据可以被多个组件复用,也方便进行 “数据和其他配置” 分离的配置风格。毕竟,在运行时,数据是最常改变的,而其他配置大多并不会改变。\n\n## 在系列中设置数据\n\n如果数据设置在 `系列`(`series`)中,例如:\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie']\n  },\n  yAxis: {} [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{392:function(n,e,t){"use strict";t.r(e),e.default="# 数据集\n\n`数据集`(`dataset`)是专门用来管理数据的组件。虽然每个系列都可以在 `series.data` 中设置数据,但是从 ECharts4 支持 `数据集` 开始,更推荐使用 `数据集` 来管理数据。因为这样,数据可以被多个组件复用,也方便进行 “数据和其他配置” 分离的配置风格。毕竟,在运行时,数据是最常改变的,而其他配置大多并不会改变。\n\n## 在系列中设置数据\n\n如果数据设置在 `系列`(`series`)中,例如:\n\n```js live\noption = {\n  xAxis: {\n    type: 'category',\n    data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie']\n  },\n  yAxis: {} [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/10f1800964cee3f55348.js b/handbook/_nuxt/js/a121aafc8a3be605d4cf.js
similarity index 99%
rename from handbook/_nuxt/js/10f1800964cee3f55348.js
rename to handbook/_nuxt/js/a121aafc8a3be605d4cf.js
index 4b7ab7b5..567f8f62 100644
--- a/handbook/_nuxt/js/10f1800964cee3f55348.js
+++ b/handbook/_nuxt/js/a121aafc8a3be605d4cf.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{368:function(e,n,t){"use strict";t.r(n),n.default="# Apache ECharts 5 升级指南\n\n本指南面向那些希望将 echarts 4.x(以下简称 `v4`)升级到 echarts 5.x(以下简称 `v5`)的用户。大家可以在 [ECharts 5 新特性](${lang}/basics/release-note/v5-feature) 中了解这次`v5`带来了哪些值得升级的新特性。在绝大多数情况下,开发者用不着为这个升级做什么额外的事,因为 echarts 一直尽可能地保持 API 的稳定和向后兼容。但是,`v5` 仍然带来了一些非兼容改动,需要特别关注。此外,在一些情况下,`v5` 提供了更好的 API 用来取代之前的 API,这些被取代的 API 将不再被推荐使用(当然,我们尽量兼容了这些改动)。我们会在这篇文档里尽量详尽得解释这些改动。\n\n## 非兼容性改变\n\n### 默认主 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{369:function(e,n,t){"use strict";t.r(n),n.default="# Apache ECharts 5 升级指南\n\n本指南面向那些希望将 echarts 4.x(以下简称 `v4`)升级到 echarts 5.x(以下简称 `v5`)的用户。大家可以在 [ECharts 5 新特性](${lang}/basics/release-note/v5-feature) 中了解这次`v5`带来了哪些值得升级的新特性。在绝大多数情况下,开发者用不着为这个升级做什么额外的事,因为 echarts 一直尽可能地保持 API 的稳定和向后兼容。但是,`v5` 仍然带来了一些非兼容改动,需要特别关注。此外,在一些情况下,`v5` 提供了更好的 API 用来取代之前的 API,这些被取代的 API 将不再被推荐使用(当然,我们尽量兼容了这些改动)。我们会在这篇文档里尽量详尽得解释这些改动。\n\n## 非兼容性改变\n\n### 默认主 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/bc5d926d552b5bfe5ddd.js b/handbook/_nuxt/js/a202c144585b5f77fb07.js
similarity index 92%
rename from handbook/_nuxt/js/bc5d926d552b5bfe5ddd.js
rename to handbook/_nuxt/js/a202c144585b5f77fb07.js
index 264cce7d..3e5af0c2 100644
--- a/handbook/_nuxt/js/bc5d926d552b5bfe5ddd.js
+++ b/handbook/_nuxt/js/a202c144585b5f77fb07.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{376:function(n,t,e){"use strict";e.r(t),t.default='# 分组柱状图\n\n分组柱状图也被称为聚集柱状图。当两个或多个数据序列并排显示并在同一轴上的类别下分组时,将使用分组柱状图。相当于包含带有两个或更多图表的简单的条形图。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xr13FAH54f&v=1">\n</iframe>\n\n分组柱状图通常是用于将包含相同变量或类别的几个分组进行比较。像柱状图一样,每个柱的长度用于显示类别的数值,每个数据系列被分配一个单独的颜色或相同色系的不同饱和度,以区分它们,每组数据之间相互间隔并进行对比。\n\n<iframe max-width="830" width="100%" height="400"\n [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[83],{377:function(n,t,e){"use strict";e.r(t),t.default='# 分组柱状图\n\n分组柱状图也被称为聚集柱状图。当两个或多个数据序列并排显示并在同一轴上的类别下分组时,将使用分组柱状图。相当于包含带有两个或更多图表的简单的条形图。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xr13FAH54f&v=1">\n</iframe>\n\n分组柱状图通常是用于将包含相同变量或类别的几个分组进行比较。像柱状图一样,每个柱的长度用于显示类别的数值,每个数据系列被分配一个单独的颜色或相同色系的不同饱和度,以区分它们,每组数据之间相互间隔并进行对比。\n\n<iframe max-width="830" width="100%" height="400"\n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/f7c4b72953db4927160e.js b/handbook/_nuxt/js/a2d1b6618b8608fbbb93.js
similarity index 99%
rename from handbook/_nuxt/js/f7c4b72953db4927160e.js
rename to handbook/_nuxt/js/a2d1b6618b8608fbbb93.js
index 701c74e1..87510482 100644
--- a/handbook/_nuxt/js/f7c4b72953db4927160e.js
+++ b/handbook/_nuxt/js/a2d1b6618b8608fbbb93.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{367:function(n,e,t){"use strict";t.r(e),e.default='# Apache ECharts 5 新特性\n\n数据可视化在过去的几年中得到了长足的发展。开发者对于可视化产品的期待不再是简单的图表创建工具,而在交互、性能、数据处理等方面有了更高级的需求。\n\nApache ECharts 始终致力于让开发者以更方便的方式创造灵活丰富的可视化作品。在最新推出的 Apache ECharts 5,我们着力加强了图表的叙事能力,让开发者可以以更简单的方式,讲述数据背后的故事。\n\n<img data-src="images/feature-v5/echarts-5.png" width="800px" />\n\n“表·达”是 Apache ECharts 5 的核心,通过五大模块、十五项特性的全面升级,围绕可视化作品的叙事表达能力,让图“表”更能传“达”数据背后的故事,帮助开发者更轻松地创造满足各种场景需求的可视化 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{368:function(n,e,t){"use strict";t.r(e),e.default='# Apache ECharts 5 新特性\n\n数据可视化在过去的几年中得到了长足的发展。开发者对于可视化产品的期待不再是简单的图表创建工具,而在交互、性能、数据处理等方面有了更高级的需求。\n\nApache ECharts 始终致力于让开发者以更方便的方式创造灵活丰富的可视化作品。在最新推出的 Apache ECharts 5,我们着力加强了图表的叙事能力,让开发者可以以更简单的方式,讲述数据背后的故事。\n\n<img data-src="images/feature-v5/echarts-5.png" width="800px" />\n\n“表·达”是 Apache ECharts 5 的核心,通过五大模块、十五项特性的全面升级,围绕可视化作品的叙事表达能力,让图“表”更能传“达”数据背后的故事,帮助开发者更轻松地创造满足各种场景需求的可视化 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a7865ded040165f02c2b.js b/handbook/_nuxt/js/a7865ded040165f02c2b.js
new file mode 100644
index 00000000..d30366f4
--- /dev/null
+++ b/handbook/_nuxt/js/a7865ded040165f02c2b.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{398:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a8ddc7f8b00e3c77097f.js b/handbook/_nuxt/js/a8ddc7f8b00e3c77097f.js
new file mode 100644
index 00000000..ad840a9e
--- /dev/null
+++ b/handbook/_nuxt/js/a8ddc7f8b00e3c77097f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{405:function(n,w,o){"use strict";o.r(w),w.default="# 极坐标系柱状图\n"}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/67ffa08bd8c20ace6dd3.js b/handbook/_nuxt/js/a982ca55942d406db25c.js
similarity index 96%
rename from handbook/_nuxt/js/67ffa08bd8c20ace6dd3.js
rename to handbook/_nuxt/js/a982ca55942d406db25c.js
index 0edf8971..0e6209ae 100644
--- a/handbook/_nuxt/js/67ffa08bd8c20ace6dd3.js
+++ b/handbook/_nuxt/js/a982ca55942d406db25c.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[118],{412:function(n,e,l){"use strict";l.r(e),e.default="# 基础饼图\n\n饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。\n\n## 最简单的饼图\n\n饼图的配置和折线图、柱状图略有不同,不再需要配置坐标轴,而是把数据名称和值都写在系列中。以下是一个最简单的饼图的例子。\n\n```js live\noption = {\n  series: [\n    {\n      type: 'pie',\n      data: [\n        {\n          value: 335,\n          name: '直接访问'\n        },\n        {\n          value: 234,\n          name: '联盟广告'\n        },\n        {\n          value: 1548,\n [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[119],{413:function(n,e,l){"use strict";l.r(e),e.default="# 基础饼图\n\n饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。\n\n## 最简单的饼图\n\n饼图的配置和折线图、柱状图略有不同,不再需要配置坐标轴,而是把数据名称和值都写在系列中。以下是一个最简单的饼图的例子。\n\n```js live\noption = {\n  series: [\n    {\n      type: 'pie',\n      data: [\n        {\n          value: 335,\n          name: '直接访问'\n        },\n        {\n          value: 234,\n          name: '联盟广告'\n        },\n        {\n          value: 1548,\n [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/ab3ae24da1d6bb37ca0d.js b/handbook/_nuxt/js/ab3ae24da1d6bb37ca0d.js
new file mode 100644
index 00000000..66e9a262
--- /dev/null
+++ b/handbook/_nuxt/js/ab3ae24da1d6bb37ca0d.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[96],{390:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/7eef97522648a613dc79.js b/handbook/_nuxt/js/af733e8459da724dab66.js
similarity index 91%
rename from handbook/_nuxt/js/7eef97522648a613dc79.js
rename to handbook/_nuxt/js/af733e8459da724dab66.js
index d676e2ea..5b3842f3 100644
--- a/handbook/_nuxt/js/7eef97522648a613dc79.js
+++ b/handbook/_nuxt/js/af733e8459da724dab66.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[85],{379:function(n,t,e){"use strict";e.r(t),t.default='# 仪表盘\n\n仪表盘也被称为拨号图表或速度表图。其显示类似于拨号/速度计上的读数的数据,是一种拟物化的展示形式。仪表盘的颜色可以用来划分指示值的类别,使用刻度标示数据,指针指示维度,指针角度表示数值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xH1vxib94f">\n</iframe>\n\n## 仪表盘的使用建议\n\n1、仪表盘非常适合在量化的情况下显示单一的价值和衡量标准,不适合用于比较不同变量或者趋势的分析。\n\n2、仪表盘上可以同时展示不同纬度的数据,但是为了避免指针的重叠影响数据的查看,并且基于常识,仪表盘的指针数量建议最多不要超过 3 根。如果确实有多个数据需要 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{380:function(n,t,e){"use strict";e.r(t),t.default='# 仪表盘\n\n仪表盘也被称为拨号图表或速度表图。其显示类似于拨号/速度计上的读数的数据,是一种拟物化的展示形式。仪表盘的颜色可以用来划分指示值的类别,使用刻度标示数据,指针指示维度,指针角度表示数值。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xH1vxib94f">\n</iframe>\n\n## 仪表盘的使用建议\n\n1、仪表盘非常适合在量化的情况下显示单一的价值和衡量标准,不适合用于比较不同变量或者趋势的分析。\n\n2、仪表盘上可以同时展示不同纬度的数据,但是为了避免指针的重叠影响数据的查看,并且基于常识,仪表盘的指针数量建议最多不要超过 3 根。如果确实有多个数据需要 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/3cbf725a12deb86ed687.js b/handbook/_nuxt/js/b134d8925d740418912e.js
similarity index 91%
rename from handbook/_nuxt/js/3cbf725a12deb86ed687.js
rename to handbook/_nuxt/js/b134d8925d740418912e.js
index 188bddfb..dbed8aa9 100644
--- a/handbook/_nuxt/js/3cbf725a12deb86ed687.js
+++ b/handbook/_nuxt/js/b134d8925d740418912e.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[125],{419:function(n,e,t){"use strict";t.r(e),e.default='# 在微信小程序中使用 ECharts\n\n[echarts-for-weixin](https://github.com/ecomfe/echarts-for-weixin) 项目提供了一个小程序组件,用这种方式可以方便地使用 ECharts。\n\n## 使用方式\n\n1. 下载该项目\n2. 如有必要,将 `ec-canvas` 目录下的 `echarts.js` 替换为最新版的 ECharts。如果希望减小包体积大小,可以使用[自定义构建](${mainSitePath}/builder.html)生成并替换 `echarts.js`\n3. `pages` 目录下是使用的示例文件,可以作为参考,或者删除不需要的页面。\n\n更详细的说明请参见 [echarts-for-weixin](https://github.com/ecomfe/ec [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[126],{420:function(n,e,t){"use strict";t.r(e),e.default='# 在微信小程序中使用 ECharts\n\n[echarts-for-weixin](https://github.com/ecomfe/echarts-for-weixin) 项目提供了一个小程序组件,用这种方式可以方便地使用 ECharts。\n\n## 使用方式\n\n1. 下载该项目\n2. 如有必要,将 `ec-canvas` 目录下的 `echarts.js` 替换为最新版的 ECharts。如果希望减小包体积大小,可以使用[自定义构建](${mainSitePath}/builder.html)生成并替换 `echarts.js`\n3. `pages` 目录下是使用的示例文件,可以作为参考,或者删除不需要的页面。\n\n更详细的说明请参见 [echarts-for-weixin](https://github.com/ecomfe/ec [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/b62fe3beeafc357db94a.js b/handbook/_nuxt/js/b62fe3beeafc357db94a.js
deleted file mode 100644
index 55bde2ec..00000000
--- a/handbook/_nuxt/js/b62fe3beeafc357db94a.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[126],{420:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9b3c1081de1b4d2f9b17.js b/handbook/_nuxt/js/bf6c05ef5e3ecbd4f1e4.js
similarity index 94%
rename from handbook/_nuxt/js/9b3c1081de1b4d2f9b17.js
rename to handbook/_nuxt/js/bf6c05ef5e3ecbd4f1e4.js
index 3b4027da..8b827020 100644
--- a/handbook/_nuxt/js/9b3c1081de1b4d2f9b17.js
+++ b/handbook/_nuxt/js/bf6c05ef5e3ecbd4f1e4.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{381:function(n,t,e){"use strict";e.r(t),t.default='# 基础折线图\n\n折线图主要用来展示数据项随着时间推移的趋势或变化。折线图非常适合用于展示一个连续的二维数据,如某网站访问人数或商品销量价格的波动。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xB1kG1rLEG&v=1">\n</iframe>\n\n折线图除了展示某个事情发展的趋势,还可以用来比较多个不同的数据序列。如下图,可以通过对比同时间段的三种商品的销量,分析哪一种商品的销量最好。\n\n<iframe max-width="830" width="100%" height="400"\n src="https://gallery.echartsjs.com/view-l [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{382:function(n,t,e){"use strict";e.r(t),t.default='# 基础折线图\n\n折线图主要用来展示数据项随着时间推移的趋势或变化。折线图非常适合用于展示一个连续的二维数据,如某网站访问人数或商品销量价格的波动。\n\n<iframe max-width="830" width="100%" height="400"\nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xB1kG1rLEG&v=1">\n</iframe>\n\n折线图除了展示某个事情发展的趋势,还可以用来比较多个不同的数据序列。如下图,可以通过对比同时间段的三种商品的销量,分析哪一种商品的销量最好。\n\n<iframe max-width="830" width="100%" height="400"\n src="https://gallery.echartsjs.com/view-l [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/a027686a9eb33153a881.js b/handbook/_nuxt/js/c223e7ebb0b697472cae.js
similarity index 99%
rename from handbook/_nuxt/js/a027686a9eb33153a881.js
rename to handbook/_nuxt/js/c223e7ebb0b697472cae.js
index ff3b961a..618f3b5e 100644
--- a/handbook/_nuxt/js/a027686a9eb33153a881.js
+++ b/handbook/_nuxt/js/c223e7ebb0b697472cae.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{366:function(n,e,t){"use strict";t.r(e),e.default="# Apache ECharts 5.3.0 特性介绍\n\nApache ECharts 5.3.0 在动画表达力、渲染性能、服务端渲染上做了大幅度的增强,同时也新增了多坐标轴刻度自动对齐、tooltip 数值格式化、地图投影等社区中期盼已久的特性。\n\n## 关键帧动画\n\n在之前 ECharts 的动画集中在图形添加、更新以及移除的过渡动画上,过渡动画往往只有开始状态和结束状态。为了表达更复杂的动画效果,我们 5.3.0 中为[自定义系列](${optionPath}series-custom)和[图形组件](${optionPath}graphic)引入了全新的关键帧动画。\n\n下面是一个简单的通过关键帧动画实现的呼吸动画的效果。\n\n```js live {layout: 'lr', height:300}\noption = {\n   [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{367:function(n,e,t){"use strict";t.r(e),e.default="# Apache ECharts 5.3.0 特性介绍\n\nApache ECharts 5.3.0 在动画表达力、渲染性能、服务端渲染上做了大幅度的增强,同时也新增了多坐标轴刻度自动对齐、tooltip 数值格式化、地图投影等社区中期盼已久的特性。\n\n## 关键帧动画\n\n在之前 ECharts 的动画集中在图形添加、更新以及移除的过渡动画上,过渡动画往往只有开始状态和结束状态。为了表达更复杂的动画效果,我们 5.3.0 中为[自定义系列](${optionPath}series-custom)和[图形组件](${optionPath}graphic)引入了全新的关键帧动画。\n\n下面是一个简单的通过关键帧动画实现的呼吸动画的效果。\n\n```js live {layout: 'lr', height:300}\noption = {\n   [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/c2adac7a82f99c017b6d.js b/handbook/_nuxt/js/c2adac7a82f99c017b6d.js
new file mode 100644
index 00000000..4aeda481
--- /dev/null
+++ b/handbook/_nuxt/js/c2adac7a82f99c017b6d.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[127],{421:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/25febadab5630acf414f.js b/handbook/_nuxt/js/c3f4813f277334c037f6.js
similarity index 97%
rename from handbook/_nuxt/js/25febadab5630acf414f.js
rename to handbook/_nuxt/js/c3f4813f277334c037f6.js
index 80422351..342d57f5 100644
--- a/handbook/_nuxt/js/25febadab5630acf414f.js
+++ b/handbook/_nuxt/js/c3f4813f277334c037f6.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{363:function(n,t,e){"use strict";e.r(t),t.default="# 在项目中引入 Apache ECharts\n\n假如你的开发环境使用了`npm`或者`yarn`等包管理工具,并且使用 Webpack 等打包工具进行构建,本文将会介绍如何引入 Apache ECharts<sup>TM</sup> 并通过 treeshaking 特性只打包需要的模块。\n\n## NPM 安装 ECharts\n\n你可以使用如下命令通过 npm 安装 ECharts\n\n```shell\nnpm install echarts --save\n```\n\n## 引入 ECharts\n\n```js\nimport * as echarts from 'echarts';\n\n// 基于准备好的dom,初始化echarts实例\nvar myChart = echarts.init(document.getElement [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{364:function(n,t,e){"use strict";e.r(t),t.default="# 在项目中引入 Apache ECharts\n\n假如你的开发环境使用了`npm`或者`yarn`等包管理工具,并且使用 Webpack 等打包工具进行构建,本文将会介绍如何引入 Apache ECharts<sup>TM</sup> 并通过 treeshaking 特性只打包需要的模块。\n\n## NPM 安装 ECharts\n\n你可以使用如下命令通过 npm 安装 ECharts\n\n```shell\nnpm install echarts --save\n```\n\n## 引入 ECharts\n\n```js\nimport * as echarts from 'echarts';\n\n// 基于准备好的dom,初始化echarts实例\nvar myChart = echarts.init(document.getElement [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/c4a78ab0713f40fd0f66.js b/handbook/_nuxt/js/c4a78ab0713f40fd0f66.js
new file mode 100644
index 00000000..5a030c07
--- /dev/null
+++ b/handbook/_nuxt/js/c4a78ab0713f40fd0f66.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{192:function(t,e,n){t.exports={}},199:function(t,e,n){t.exports={}},200:function(t,e,n){t.exports={}},201:function(t,e,n){t.exports={}},210:function(t,e,n){t.exports={}},213:function(t,e,n){"use strict";n(192)},230:function(t,e,n){"use strict";n(199)},231:function(t,e,n){"use strict";n(200)},239:function(t,e,n){"use strict";n(201)},299:function(t,e,n){"use strict";n(210)},301:function(t,e,n){var map={"./en/basics/download.md":[302, [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/74f8891bbd0da85a8f93.js b/handbook/_nuxt/js/ca3b298c8139d2c8e7fb.js
similarity index 98%
rename from handbook/_nuxt/js/74f8891bbd0da85a8f93.js
rename to handbook/_nuxt/js/ca3b298c8139d2c8e7fb.js
index 78119c0e..998b88f2 100644
--- a/handbook/_nuxt/js/74f8891bbd0da85a8f93.js
+++ b/handbook/_nuxt/js/ca3b298c8139d2c8e7fb.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[121],{415:function(n,e,t){"use strict";t.r(e),e.default="# 基础散点图\n\n散点图,也是一种常见的图表类型。散点图由许多“点”组成,有时,这些点用来表示数据在坐标系中的位置(比如在笛卡尔坐标系下,表示数据在 x 轴和 y 轴上的坐标;在地图坐标系下,表示数据在地图上的某个位置等);有时,这些点的大小、颜色等属性也可以映射到数据值,用以表现高维数据。\n\n## 最简单的散点图\n\n下面是一个横坐标为类目轴、纵坐标为数值轴的最简单的散点图配置:\n\n```js live\noption = {\n  xAxis: {\n    data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\n  },\n  yAxis: {},\n  series: [\n    {\n      type: 'scatter',\n      data: [220, 18 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[122],{416:function(n,e,t){"use strict";t.r(e),e.default="# 基础散点图\n\n散点图,也是一种常见的图表类型。散点图由许多“点”组成,有时,这些点用来表示数据在坐标系中的位置(比如在笛卡尔坐标系下,表示数据在 x 轴和 y 轴上的坐标;在地图坐标系下,表示数据在地图上的某个位置等);有时,这些点的大小、颜色等属性也可以映射到数据值,用以表现高维数据。\n\n## 最简单的散点图\n\n下面是一个横坐标为类目轴、纵坐标为数值轴的最简单的散点图配置:\n\n```js live\noption = {\n  xAxis: {\n    data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\n  },\n  yAxis: {},\n  series: [\n    {\n      type: 'scatter',\n      data: [220, 18 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/cfe49dbda6c6e86357f9.js b/handbook/_nuxt/js/cfe49dbda6c6e86357f9.js
deleted file mode 100644
index 3800b58a..00000000
--- a/handbook/_nuxt/js/cfe49dbda6c6e86357f9.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{397:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/be49ad75d4dab904fef1.js b/handbook/_nuxt/js/d4ab5ecf8d081e1057b5.js
similarity index 82%
rename from handbook/_nuxt/js/be49ad75d4dab904fef1.js
rename to handbook/_nuxt/js/d4ab5ecf8d081e1057b5.js
index 832abe02..314d4b91 100644
--- a/handbook/_nuxt/js/be49ad75d4dab904fef1.js
+++ b/handbook/_nuxt/js/d4ab5ecf8d081e1057b5.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[115],{409:function(n,t,e){"use strict";e.r(t),t.default="# 平滑曲线图\n\n平滑曲线图也是折线图的一种变形,这种更柔和的样式也是一种不错的视觉选择。使用时,只需要将折线图系列的 `smooth` 属性设置为 `true` 即可。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 23, 19],\n      type: 'line',\n      smooth: true\n    }\n  ]\n};\n```\n"}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[116],{410:function(n,t,e){"use strict";e.r(t),t.default="# 平滑曲线图\n\n平滑曲线图也是折线图的一种变形,这种更柔和的样式也是一种不错的视觉选择。使用时,只需要将折线图系列的 `smooth` 属性设置为 `true` 即可。\n\n```js live\noption = {\n  xAxis: {\n    data: ['A', 'B', 'C', 'D', 'E']\n  },\n  yAxis: {},\n  series: [\n    {\n      data: [10, 22, 28, 23, 19],\n      type: 'line',\n      smooth: true\n    }\n  ]\n};\n```\n"}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/d6226697ecb43e03cd0d.js b/handbook/_nuxt/js/d6226697ecb43e03cd0d.js
deleted file mode 100644
index f1a8d60f..00000000
--- a/handbook/_nuxt/js/d6226697ecb43e03cd0d.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1:function(t,e,r){"use strict";r.d(e,"k",(function(){return y})),r.d(e,"m",(function(){return _})),r.d(e,"l",(function(){return C})),r.d(e,"e",(function(){return k})),r.d(e,"b",(function(){return O})),r.d(e,"s",(function(){return $})),r.d(e,"g",(function(){return j})),r.d(e,"h",(function(){return P})),r.d(e,"d",(function(){return E})),r.d(e,"r",(function(){return S})),r.d(e,"j",(function(){return R})),r.d(e,"t",(function(){return D [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/6d64d21fd16edd4e5d71.js b/handbook/_nuxt/js/da46e2f3954502cdf665.js
similarity index 96%
rename from handbook/_nuxt/js/6d64d21fd16edd4e5d71.js
rename to handbook/_nuxt/js/da46e2f3954502cdf665.js
index 2db837ff..341b70d7 100644
--- a/handbook/_nuxt/js/6d64d21fd16edd4e5d71.js
+++ b/handbook/_nuxt/js/da46e2f3954502cdf665.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{399:function(n,t,e){"use strict";e.r(t),t.default="# 快速上手\n\n## 获取 Apache ECharts\n\nApache ECharts 支持多种下载方式,可以在下一篇教程[安装](${lang}/basics/download)中查看所有方式。这里,我们以从 [jsDelivr](https://www.jsdelivr.com/package/npm/echarts) CDN 上获取为例,介绍如何快速安装。\n\n在 [https://www.jsdelivr.com/package/npm/echarts](https://www.jsdelivr.com/package/npm/echarts) 选择 `dist/echarts.js`,点击并保存为 `echarts.js` 文件。\n\n> 关于这些文件的介绍,可以在下一篇教程[安装](${lang}/basics/download [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{400:function(n,t,e){"use strict";e.r(t),t.default="# 快速上手\n\n## 获取 Apache ECharts\n\nApache ECharts 支持多种下载方式,可以在下一篇教程[安装](${lang}/basics/download)中查看所有方式。这里,我们以从 [jsDelivr](https://www.jsdelivr.com/package/npm/echarts) CDN 上获取为例,介绍如何快速安装。\n\n在 [https://www.jsdelivr.com/package/npm/echarts](https://www.jsdelivr.com/package/npm/echarts) 选择 `dist/echarts.js`,点击并保存为 `echarts.js` 文件。\n\n> 关于这些文件的介绍,可以在下一篇教程[安装](${lang}/basics/download [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/63b60654dfa78ead70dd.js b/handbook/_nuxt/js/deea8f5c9f507e458b4f.js
similarity index 98%
rename from handbook/_nuxt/js/63b60654dfa78ead70dd.js
rename to handbook/_nuxt/js/deea8f5c9f507e458b4f.js
index 9a55627c..477e83e2 100644
--- a/handbook/_nuxt/js/63b60654dfa78ead70dd.js
+++ b/handbook/_nuxt/js/deea8f5c9f507e458b4f.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{371:function(n,e,t){"use strict";t.r(e),e.default="# 使用 Canvas 或者 SVG 渲染\n\n浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说,这两种技术往往是可替换的,效果相近。但是在一些场景中,他们的表现和能力又有一定差异。于是,对它们的选择取舍,就成为了一个一直存在的不易有标准答案的话题。\n\nECharts 从初始一直使用 Canvas 绘制图表。而 [ECharts v4.0](https://github.com/apache/echarts/releases) 发布了 SVG 渲染器,从而提供了一种新的选择。只须在初始化一个图表实例时,设置 [renderer 参数](${mainSitePath}/api.html#echarts.init) 为 `'canvas'` 或 `'svg'` 即可指定渲染器,比较方便。\n\n> SVG 和 Canvas [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{372:function(n,e,t){"use strict";t.r(e),e.default="# 使用 Canvas 或者 SVG 渲染\n\n浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说,这两种技术往往是可替换的,效果相近。但是在一些场景中,他们的表现和能力又有一定差异。于是,对它们的选择取舍,就成为了一个一直存在的不易有标准答案的话题。\n\nECharts 从初始一直使用 Canvas 绘制图表。而 [ECharts v4.0](https://github.com/apache/echarts/releases) 发布了 SVG 渲染器,从而提供了一种新的选择。只须在初始化一个图表实例时,设置 [renderer 参数](${mainSitePath}/api.html#echarts.init) 为 `'canvas'` 或 `'svg'` 即可指定渲染器,比较方便。\n\n> SVG 和 Canvas [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/df35c0d9535963c28632.js b/handbook/_nuxt/js/df35c0d9535963c28632.js
deleted file mode 100644
index 752574f7..00000000
--- a/handbook/_nuxt/js/df35c0d9535963c28632.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[99],{393:function(n,e,t){"use strict";t.r(e),e.default="# 图例\n\n图例是图表中对内容区元素的注释、用不同形状、颜色、文字等来标示不同数据列,通过点击对应数据列的标记,可以显示或隐藏该数据列。图例虽然不是图表中的主要信息、却是了解图表信息的钥匙。\n\n## 布局\n\n图例一般放在图表的右上角、也可以放在图表的底部、同一页面中的所有图例位置保持一致,可以横排对齐也可以纵排对齐。还要综合考虑整体的图表空间是适合哪种摆放方式。当图表纵向空间紧张或者内容区量过大的时候、建议摆放在图表的下方。下面是几种图例的摆放方式:\n\n```js live\noption = {\n  legend: {\n    // Try 'horizontal'\n    orient: 'vertical',\n    right: 10,\n    top: 'center'\n  },\n  dataset: {\n     [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/604fb7e215ac521b922c.js b/handbook/_nuxt/js/e0e211c2abbd469afa9b.js
similarity index 96%
rename from handbook/_nuxt/js/604fb7e215ac521b922c.js
rename to handbook/_nuxt/js/e0e211c2abbd469afa9b.js
index b3f551fb..a3099758 100644
--- a/handbook/_nuxt/js/604fb7e215ac521b922c.js
+++ b/handbook/_nuxt/js/e0e211c2abbd469afa9b.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[108],{402:function(n,t,e){"use strict";e.r(t),t.default="# 动态排序柱状图\n\n## 基本设置\n\n动态排序柱状图是一种展示随时间变化的数据排名变化的图表,从 ECharts 5 开始内置支持。\n\n> 动态排序柱状图通常是横向的柱条,如果想要采用纵向的柱条,只要把本教程中的 X 轴和 Y 轴相反设置即可。\n\n1. 柱状图系列的 `realtimeSort` 设为 `true`,表示开启该系列的动态排序效果\n2. `yAxis.inverse` 设为 `true`,表示 Y 轴从下往上是从小到大的排列\n3. `yAxis.animationDuration` 建议设为 `300`,表示第一次柱条排序动画的时长\n4. `yAxis.animationDurationUpdate` 建议设为 `300`,表示第一次后柱条排序动画的时长\n5. 如果想只显示前 _n_ 名,将 `yAxis.max` [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[109],{403:function(n,t,e){"use strict";e.r(t),t.default="# 动态排序柱状图\n\n## 基本设置\n\n动态排序柱状图是一种展示随时间变化的数据排名变化的图表,从 ECharts 5 开始内置支持。\n\n> 动态排序柱状图通常是横向的柱条,如果想要采用纵向的柱条,只要把本教程中的 X 轴和 Y 轴相反设置即可。\n\n1. 柱状图系列的 `realtimeSort` 设为 `true`,表示开启该系列的动态排序效果\n2. `yAxis.inverse` 设为 `true`,表示 Y 轴从下往上是从小到大的排列\n3. `yAxis.animationDuration` 建议设为 `300`,表示第一次柱条排序动画的时长\n4. `yAxis.animationDurationUpdate` 建议设为 `300`,表示第一次后柱条排序动画的时长\n5. 如果想只显示前 _n_ 名,将 `yAxis.max` [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9bbba4a1712d1ef4d99b.js b/handbook/_nuxt/js/e139fa181f15f679c177.js
similarity index 98%
rename from handbook/_nuxt/js/9bbba4a1712d1ef4d99b.js
rename to handbook/_nuxt/js/e139fa181f15f679c177.js
index a2f8c59e..050e9737 100644
--- a/handbook/_nuxt/js/9bbba4a1712d1ef4d99b.js
+++ b/handbook/_nuxt/js/e139fa181f15f679c177.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[93],{387:function(n,e,t){"use strict";t.r(e),e.default="# 坐标轴\n\n直角坐标系中的 x/y 轴。\n\n## x 轴、y 轴\n\nx 轴和 y 轴都由轴线、刻度、刻度标签、轴标题四个部分组成。部分图表中还会有网格线来帮助查看和计算数据\n\n<img max-width=\"830\" width=\"100%\" height=\"100%\" src=\"images/design/axis/charts_axis_img02.jpg\">\n</img>\n\n普通的二维数据坐标系都有 x 轴和 y 轴,通常情况下,x 轴显示在图表的底部,y 轴显示在左侧,一般配置如下:\n\n```js\noption = {\n  xAxis: {\n    // ...\n  },\n  yAxis: {\n    // ...\n  }\n};\n```\n\nx 轴常用来标示数据的维度,维度一般用来指数 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[94],{388:function(n,e,t){"use strict";t.r(e),e.default="# 坐标轴\n\n直角坐标系中的 x/y 轴。\n\n## x 轴、y 轴\n\nx 轴和 y 轴都由轴线、刻度、刻度标签、轴标题四个部分组成。部分图表中还会有网格线来帮助查看和计算数据\n\n<img max-width=\"830\" width=\"100%\" height=\"100%\" src=\"images/design/axis/charts_axis_img02.jpg\">\n</img>\n\n普通的二维数据坐标系都有 x 轴和 y 轴,通常情况下,x 轴显示在图表的底部,y 轴显示在左侧,一般配置如下:\n\n```js\noption = {\n  xAxis: {\n    // ...\n  },\n  yAxis: {\n    // ...\n  }\n};\n```\n\nx 轴常用来标示数据的维度,维度一般用来指数 [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9ac74210da525d867ea0.js b/handbook/_nuxt/js/e40a9c63abec34480abd.js
similarity index 97%
rename from handbook/_nuxt/js/9ac74210da525d867ea0.js
rename to handbook/_nuxt/js/e40a9c63abec34480abd.js
index a6ae6ff0..b58dc9cd 100644
--- a/handbook/_nuxt/js/9ac74210da525d867ea0.js
+++ b/handbook/_nuxt/js/e40a9c63abec34480abd.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[119],{413:function(n,e,l){"use strict";l.r(e),e.default="# 圆环图\n\n圆环图同样可以用来表示数据占总体的比例,相比于饼图,它中间空余的部分可以用来显示一些额外的文字等信息,因而也是一种常用的图表类型。\n\n## 基础圆环图\n\n在 ECharts 中,饼图的半径除了上一小节提到的,可以是一个数值或者字符串之外,还可以是一个包含两个元素的数组,每个元素可以为数值或字符串。当它是一个数组时,它的前一项表示内半径,后一项表示外半径,这样就形成了一个圆环图。\n\n从这个角度上来说,可以认为饼图是一个内半径为 0 的圆环图,也就是说,饼图是圆环图的特例。\n\n```js live\noption = {\n  title: {\n    text: '圆环图的例子',\n    left: 'center',\n    top: 'center'\n  },\n  series: [\n    {\n    [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[120],{414:function(n,e,l){"use strict";l.r(e),e.default="# 圆环图\n\n圆环图同样可以用来表示数据占总体的比例,相比于饼图,它中间空余的部分可以用来显示一些额外的文字等信息,因而也是一种常用的图表类型。\n\n## 基础圆环图\n\n在 ECharts 中,饼图的半径除了上一小节提到的,可以是一个数值或者字符串之外,还可以是一个包含两个元素的数组,每个元素可以为数值或字符串。当它是一个数组时,它的前一项表示内半径,后一项表示外半径,这样就形成了一个圆环图。\n\n从这个角度上来说,可以认为饼图是一个内半径为 0 的圆环图,也就是说,饼图是圆环图的特例。\n\n```js live\noption = {\n  title: {\n    text: '圆环图的例子',\n    left: 'center',\n    top: 'center'\n  },\n  series: [\n    {\n    [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/ef099ddede63a302da6e.js b/handbook/_nuxt/js/ef099ddede63a302da6e.js
new file mode 100644
index 00000000..4df3f73e
--- /dev/null
+++ b/handbook/_nuxt/js/ef099ddede63a302da6e.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{394:function(n,e,t){"use strict";t.r(e),e.default="# 图例\n\n图例是图表中对内容区元素的注释、用不同形状、颜色、文字等来标示不同数据列,通过点击对应数据列的标记,可以显示或隐藏该数据列。图例虽然不是图表中的主要信息、却是了解图表信息的钥匙。\n\n## 布局\n\n图例一般放在图表的右上角、也可以放在图表的底部、同一页面中的所有图例位置保持一致,可以横排对齐也可以纵排对齐。还要综合考虑整体的图表空间是适合哪种摆放方式。当图表纵向空间紧张或者内容区量过大的时候、建议摆放在图表的下方。下面是几种图例的摆放方式:\n\n```js live\noption = {\n  legend: {\n    // Try 'horizontal'\n    orient: 'vertical',\n    right: 10,\n    top: 'center'\n  },\n  dataset: {\n    [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/bf280e4afb2c78ba5c8d.js b/handbook/_nuxt/js/efc625b0580fb6d70334.js
similarity index 99%
rename from handbook/_nuxt/js/bf280e4afb2c78ba5c8d.js
rename to handbook/_nuxt/js/efc625b0580fb6d70334.js
index 1850c529..9a466b88 100644
--- a/handbook/_nuxt/js/bf280e4afb2c78ba5c8d.js
+++ b/handbook/_nuxt/js/efc625b0580fb6d70334.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{359:function(n,e,t){"use strict";t.r(e),e.default="# Rich Text\n\nRich text can be used in Apache ECharts<sup>TM</sup> labels of series, axis or other components since v3.7. Which supports:\n\n- Box styles (background, border, shadow, etc.), rotation, position of a text block can be specified.\n- Styles (color, font, width/height, background, shadow, etc.) and alignment can be customzied on fragments of text.\n- Image can be used  [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{360:function(n,e,t){"use strict";t.r(e),e.default="# Rich Text\n\nRich text can be used in Apache ECharts<sup>TM</sup> labels of series, axis or other components since v3.7. Which supports:\n\n- Box styles (background, border, shadow, etc.), rotation, position of a text block can be specified.\n- Styles (color, font, width/height, background, shadow, etc.) and alignment can be customzied on fragments of text.\n- Image can be used  [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/f9685f1f67a832e27e59.js b/handbook/_nuxt/js/f9685f1f67a832e27e59.js
deleted file mode 100644
index 24da805d..00000000
--- a/handbook/_nuxt/js/f9685f1f67a832e27e59.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[122],{416:function(n,w,o){"use strict";o.r(w),w.default=""}}]);
\ No newline at end of file
diff --git a/handbook/_nuxt/js/9e5f0041a923062fbe8a.js b/handbook/_nuxt/js/fb4493faeca8a1766f57.js
similarity index 97%
rename from handbook/_nuxt/js/9e5f0041a923062fbe8a.js
rename to handbook/_nuxt/js/fb4493faeca8a1766f57.js
index af6eebbb..71673e27 100644
--- a/handbook/_nuxt/js/9e5f0041a923062fbe8a.js
+++ b/handbook/_nuxt/js/fb4493faeca8a1766f57.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[127],{421:function(n,t,e){"use strict";e.r(t),t.default="# 异步数据的加载与动态更新\n\n## 异步加载\n\n[入门示例](${lang}/get-started)中的数据是在初始化后`setOption`中直接填入的,但是很多时候可能数据需要异步加载后再填入。`ECharts` 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 `setOption` 填入数据和配置项就行。\n\n```js\nvar myChart = echarts.init(document.getElementById('main'));\n\n$.get('data.json').done(function(data) {\n  // data 的结构:\n  // {\n  //     categories: [\"衬衫\",\"羊毛衫\",\"雪纺衫\",\"裤子\ [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[128],{422:function(n,t,e){"use strict";e.r(t),t.default="# 异步数据的加载与动态更新\n\n## 异步加载\n\n[入门示例](${lang}/get-started)中的数据是在初始化后`setOption`中直接填入的,但是很多时候可能数据需要异步加载后再填入。`ECharts` 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 `setOption` 填入数据和配置项就行。\n\n```js\nvar myChart = echarts.init(document.getElementById('main'));\n\n$.get('data.json').done(function(data) {\n  // data 的结构:\n  // {\n  //     categories: [\"衬衫\",\"羊毛衫\",\"雪纺衫\",\"裤子\ [...]
\ No newline at end of file
diff --git a/handbook/_nuxt/js/234583b582248c7b1f1a.js b/handbook/_nuxt/js/fd5bed17b7d595846fe2.js
similarity index 96%
rename from handbook/_nuxt/js/234583b582248c7b1f1a.js
rename to handbook/_nuxt/js/fd5bed17b7d595846fe2.js
index f583dd48..890b69f6 100644
--- a/handbook/_nuxt/js/234583b582248c7b1f1a.js
+++ b/handbook/_nuxt/js/fd5bed17b7d595846fe2.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[112],{406:function(n,t,e){"use strict";e.r(t),t.default="# 阶梯瀑布图\n\nApache ECharts 中并没有单独的瀑布图类型,但是我们可以使用堆叠的柱状图模拟该效果。\n\n假设数据数组中的值是表示对前一个值的增减:\n\n```js\nvar data = [900, 345, 393, -108, -154, 135, 178, 286, -119, -361, -203];\n```\n\n也就是第一个数据是 `900`,第二个数据 `345` 表示的是在 `900` 的基础上增加了 `345`……将这个数据展示为阶梯瀑布图时,我们可以使用三个系列:第一个是不可交互的透明系列,用来实现“悬空”的柱状图效果;第二个系列用来表示正数;第三个系列用来表示负数。\n\n```js live\nvar data = [900, 345, 393, -108, -154, 135, 178, 286, -1 [...]
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[113],{407:function(n,t,e){"use strict";e.r(t),t.default="# 阶梯瀑布图\n\nApache ECharts 中并没有单独的瀑布图类型,但是我们可以使用堆叠的柱状图模拟该效果。\n\n假设数据数组中的值是表示对前一个值的增减:\n\n```js\nvar data = [900, 345, 393, -108, -154, 135, 178, 286, -119, -361, -203];\n```\n\n也就是第一个数据是 `900`,第二个数据 `345` 表示的是在 `900` 的基础上增加了 `345`……将这个数据展示为阶梯瀑布图时,我们可以使用三个系列:第一个是不可交互的透明系列,用来实现“悬空”的柱状图效果;第二个系列用来表示正数;第三个系列用来表示负数。\n\n```js live\nvar data = [900, 345, 393, -108, -154, 135, 178, 286, -1 [...]
\ No newline at end of file
diff --git a/handbook/en/basics/download/index.html b/handbook/en/basics/download/index.html
index aa35ada8..8508c4c2 100644
--- a/handbook/en/basics/download/index.html
+++ b/handbook/en/basics/download/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/help/index.html b/handbook/en/basics/help/index.html
index ebd5140e..a67c43be 100644
--- a/handbook/en/basics/help/index.html
+++ b/handbook/en/basics/help/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/import/index.html b/handbook/en/basics/import/index.html
index d0445948..88da5a2b 100644
--- a/handbook/en/basics/import/index.html
+++ b/handbook/en/basics/import/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 <span class="token comment">// initialize the echarts instance</span>
 <span class="token keyword">var</span> myChart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'main'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token pun [...]
@@ -115,7 +115,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 
 <span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/5-2-0/index.html b/handbook/en/basics/release-note/5-2-0/index.html
index 649dedcb..49f614fa 100644
--- a/handbook/en/basics/release-note/5-2-0/index.html
+++ b/handbook/en/basics/release-note/5-2-0/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   return [
     {
       value: Math.random(),
@@ -596,7 +596,7 @@ This optimization ensure that memory does not explode as the dataset dimensions
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/5-3-0/index.html b/handbook/en/basics/release-note/5-3-0/index.html
index 87b9b85f..4b10e352 100644
--- a/handbook/en/basics/release-note/5-3-0/index.html
+++ b/handbook/en/basics/release-note/5-3-0/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   graphic: {
     type: 'circle',
     shape: { r: 100 },
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       width<span class="token operator">:</span> <span class="token string">'bolder'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/v5-feature/index.html b/handbook/en/basics/release-note/v5-feature/index.html
index 83818a45..e5af02bd 100644
--- a/handbook/en/basics/release-note/v5-feature/index.html
+++ b/handbook/en/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>
 echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
   locale<span class="token operator">:</span> <span class="token string">'DE'</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/basics/release-note/v5-upgrade-guide/index.html b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
index 33e4030f..e983f293 100644
--- a/handbook/en/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/en/basics/release-note/v5-upgrade-guide/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   color<span class="token operator">:</span> <span class="token punctuation">[</span>
     <span class="token string">'#c23531'</span><span class="token punctuation">,</span>
     <span class="token string">'#2f4554'</span><span class="token punctuation">,</span>
@@ -80,7 +80,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <ul><li>option <code>series.clockWise</code> is deprecated. Use <code>series.clockwise</code> instead.</li> <li>option <code>series.hoverOffset</code> is deprecated. Use <code>series.emphasis.scaleSize</code> instead.</li></ul></li> <li><code>dataZoom component</code>:
 <ul><li>option <code>dataZoom.handleIcon</code> need prefix <code>path://</code> if using SVGPath.</li></ul></li> <li><code>radar</code>:
 <ul><li>option <code>radar.name</code> is deprecated. Use <code>radar.axisName</code> instead.</li> <li>option <code>radar.nameGap</code> is deprecated. Use <code>radar.axisNameGap</code> instead.</li></ul></li> <li>Parse and format:
-<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
+<ul><li><code>echarts.format.formatTime</code> is deprecated. Use <code>echarts.time.format</code> instead.</li> <li><code>echarts.number.parseDate</code> is deprecated. Use <code>echarts.time.parse</code> instead.</li> <li><code>echarts.format.getTextRect</code> is deprecated.</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/mas [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/best-practices/aria/index.html b/handbook/en/best-practices/aria/index.html
index fde5ec2d..5cdc189c 100644
--- a/handbook/en/best-practices/aria/index.html
+++ b/handbook/en/best-practices/aria/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   aria<span class="token operator">:</span> <span class="token punctuation">{</span>
     show<span class="token operator">:</span> <span class="token boolean">true</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
@@ -28,8 +28,8 @@
       <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 [...]
-</code></pre> <p>The default language will be used based on the language pack (default Chinese), or you can customize the template using the configuration item.</p> <h3 id="overall-description-modification" tabindex="-1">Overall Description Modification</h3> <p>For some charts, the default item description cannot show the info of the whole chart. In the following scatter chart, the description generated by default can include all the items, however, hearing info of hundreds of items has  [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+</code></pre> <p>The default language will be used based on the language pack (default Chinese), or you can customize the template using the configuration item.</p> <h3 id="overall-description-modification" tabindex="-1">Overall Description Modification</h3> <p>For some charts, the default item description cannot show the info of the whole chart. In the following scatter chart, the description generated by default can include all the items, however, hearing info of hundreds of items has  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/best-practices/canvas-vs-svg/index.html b/handbook/en/best-practices/canvas-vs-svg/index.html
index 57fdc49a..cb83d848 100644
--- a/handbook/en/best-practices/canvas-vs-svg/index.html
+++ b/handbook/en/best-practices/canvas-vs-svg/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <ul><li>In situations where many instances of ECharts have to be created and the browser is prone to crashing (probably because the number of Canvas is causing the memory footprint to exceed the phone's capacity), the SVG renderer can be used to make improvements. Roughly speaking, the SVG renderer may work better if the chart is running on a low-end Android, or if we are using specific charts such as the <a href="https://ecomfe.github.io/echarts-liquidfill/example/">LiquidFill chart</a> [...]
 <span class="token comment">// You can use only the renderers you need</span>
 <span class="token keyword">import</span> <span class="token punctuation">{</span> SVGRenderer<span class="token punctuation">,</span> CanvasRenderer <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'echarts/renderers'</span><span class="token punctuation">;</span>
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
 
 <span class="token comment">// using the SVG renderer</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/axis/index.html b/handbook/en/concepts/axis/index.html
index dcacc150..7842c017 100644
--- a/handbook/en/concepts/axis/index.html
+++ b/handbook/en/concepts/axis/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis<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>
@@ -280,7 +280,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/chart-size/index.html b/handbook/en/concepts/chart-size/index.html
index 1c06b36a..f5e70327 100644
--- a/handbook/en/concepts/chart-size/index.html
+++ b/handbook/en/concepts/chart-size/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
   var myChart = echarts.init(document.getElementById('main'));
 <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= [...]
@@ -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= [...]
   width<span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
   height<span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/data-transform/index.html b/handbook/en/concepts/data-transform/index.html
index 56aaab00..5e69828b 100644
--- a/handbook/en/concepts/data-transform/index.html
+++ b/handbook/en/concepts/data-transform/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 With the help of those transform methods, users can be implements the features like:</p> <ul><li>Partition data into multiple series.</li> <li>Make some statistics and visualize the result.</li> <li>Adapt some visualization algorithms to data and display the result.</li> <li>Sort data.</li> <li>Remove or choose some kind of empty or special datums.</li> <li>...</li></ul> <h2 id="get-started-to-data-transform" tabindex="-1">Get Started to Data Transform</h2> <p>In echarts, data transform  [...]
   dataset: [
     {
@@ -604,7 +604,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       datasetIndex<span class="token operator">:</span> <span class="token number">1</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/dataset/index.html b/handbook/en/concepts/dataset/index.html
index f1eef744..2e155eb2 100644
--- a/handbook/en/concepts/dataset/index.html
+++ b/handbook/en/concepts/dataset/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     type: 'category',
     data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie']
@@ -475,7 +475,7 @@ We now support to trace value from specific dimension for <a href="https://echar
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
 <code>line</code>, <code>bar</code>, <code>pie</code>, <code>scatter</code>, <code>effectScatter</code>, <code>parallel</code>, <code>candlestick</code>, <code>map</code>, <code>funnel</code>, <code>custom</code>.
-ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
+ECharts will support more charts in the future.</p> <p>In the end, here is an <a href="https://echarts.apache.org/examples/en/editor.html?c=dataset-link">example</a> of several charts shared one <code>dataset</code> with linkage interaction.</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/concepts/dataset.md" title="Edit this [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/event/index.html b/handbook/en/concepts/event/index.html
index cae00c26..d9adf979 100644
--- a/handbook/en/concepts/event/index.html
+++ b/handbook/en/concepts/event/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   <span class="token comment">// Print name in console</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</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><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"  [...]
@@ -315,7 +315,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
   <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token comment">// Click on blank. Do something.</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/legend/index.html b/handbook/en/concepts/legend/index.html
index 094ed89e..2ce5a646 100644
--- a/handbook/en/concepts/legend/index.html
+++ b/handbook/en/concepts/legend/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   legend: {
     // Try 'horizontal'
     orient: 'vertical',
@@ -118,7 +118,7 @@
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
   <span class="token comment">//  ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/style/index.html b/handbook/en/concepts/style/index.html
index bd21d562..4bcb754f 100644
--- a/handbook/en/concepts/style/index.html
+++ b/handbook/en/concepts/style/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token comment">// Assume the theme name is "vintage".</span>
 $<span class="token punctuation">.</span><span class="token function">getJSON</span><span class="token punctuation">(</span><span class="token string">'xxx/xxx/vintage.json'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">themeJSON</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   echarts<span class="token punctuation">.</span><span class="token function">registerTheme</span><span class="token punctuation">(</span><span class="token string">'vintage'</span><span class="token punctuation">,</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span>themeJSON<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token p [...]
@@ -446,7 +446,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/concepts/visual-map/index.html b/handbook/en/concepts/visual-map/index.html
index bd1dd72f..877fe97d 100644
--- a/handbook/en/concepts/visual-map/index.html
+++ b/handbook/en/concepts/visual-map/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   data<span class="token operator">:</span> <span class="token punctuation">[</span>
     <span class="token punctuation">{</span>
       <span class="token comment">// every item here is a dataItem</span>
@@ -73,7 +73,7 @@
     <span class="token punctuation">}</span>
     <span class="token comment">// ...</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/get-started/index.html b/handbook/en/get-started/index.html
index 62bcf7ef..c46aad06 100644
--- a/handbook/en/get-started/index.html
+++ b/handbook/en/get-started/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
@@ -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>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/animation/transition/index.html b/handbook/en/how-to/animation/transition/index.html
index 077dd22c..1418190f 100644
--- a/handbook/en/how-to/animation/transition/index.html
+++ b/handbook/en/how-to/animation/transition/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   return [
     {
       value: Math.random(),
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
   <span class="token comment">// This event will also be triggered if there is a subsequent interaction and the interaction is redrawn, so it needs to be removed when you're done using it</span>
   chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/bar-race/index.html b/handbook/en/how-to/chart-types/bar/bar-race/index.html
index 03559b39..24dbc518 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 for (let i = 0; i &lt; 5; ++i) {
   data.push(Math.round(Math.random() * 200));
 }
@@ -119,7 +119,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
 <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token function">run</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/basic-bar/index.html b/handbook/en/how-to/chart-types/bar/basic-bar/index.html
index f6063ef5..76d26dd7 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
   },
@@ -221,7 +221,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/stacked-bar/index.html b/handbook/en/how-to/chart-types/bar/stacked-bar/index.html
index a380d169..84fcc1fe 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -41,7 +41,7 @@
       stack<span class="token operator">:</span> <span class="token string">'x'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/bar/waterfall/index.html b/handbook/en/how-to/chart-types/bar/waterfall/index.html
index 26d4bb41..5ee3377d 100644
--- a/handbook/en/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/en/how-to/chart-types/bar/waterfall/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 var help = [];
 var positive = [];
 var negative = [];
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/area-line/index.html b/handbook/en/how-to/chart-types/line/area-line/index.html
index 1525e579..2a4b7cf2 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -47,7 +47,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/basic-line/index.html b/handbook/en/how-to/chart-types/line/basic-line/index.html
index a8bed055..7647e692 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     type: 'category',
     data: ['A', 'B', 'C']
@@ -155,7 +155,7 @@
       type<span class="token operator">:</span> <span class="token string">'line'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/smooth-line/index.html b/handbook/en/how-to/chart-types/line/smooth-line/index.html
index f146553a..256f9196 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -31,7 +31,7 @@
       smooth<span class="token operator">:</span> <span class="token boolean">true</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/stacked-line/index.html b/handbook/en/how-to/chart-types/line/stacked-line/index.html
index 23e45eef..1be5e44f 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -79,7 +79,7 @@
       areaStyle<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/line/step-line/index.html b/handbook/en/how-to/chart-types/line/step-line/index.html
index 105f41d1..6e35a0de 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   legend: {},
   xAxis: {
     type: 'category',
@@ -65,7 +65,7 @@
       data<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><span class="token punctuation">,</span> <span class="t [...]
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/basic-pie/index.html b/handbook/en/how-to/chart-types/pie/basic-pie/index.html
index 03b56ec1..6b5d8789 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   series: [
     {
       type: 'pie',
@@ -167,7 +167,7 @@
             name<span class="token operator">:</span> <span class="token string">'Search Engine'</span>
         <span class="token punctuation">}</span><span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/doughnut/index.html b/handbook/en/how-to/chart-types/pie/doughnut/index.html
index 8173a27c..6ceeccd2 100644
--- a/handbook/en/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/en/how-to/chart-types/pie/doughnut/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   title: {
     text: 'A Case of Doughnut Chart',
     left: 'center',
@@ -133,7 +133,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/pie/rose/index.html b/handbook/en/how-to/chart-types/pie/rose/index.html
index d08d4534..4df1c244 100644
--- a/handbook/en/how-to/chart-types/pie/rose/index.html
+++ b/handbook/en/how-to/chart-types/pie/rose/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   series: [
     {
       type: 'pie',
@@ -65,7 +65,7 @@
       roseType<span class="token operator">:</span> <span class="token string">'area'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/en/how-to/chart-types/scatter/basic-scatter/index.html
index efbd23da..e04a4432 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
   },
@@ -118,7 +118,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/cross-platform/server/index.html b/handbook/en/how-to/cross-platform/server/index.html
index 57ba99ca..0bf794b5 100644
--- a/handbook/en/how-to/cross-platform/server/index.html
+++ b/handbook/en/how-to/cross-platform/server/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 <span class="token comment">// In SSR mode the first container parameter is not required</span>
 <span class="token keyword">const</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
@@ -65,7 +65,7 @@ res<span class="token punctuation">.</span><span class="token function">end</spa
     img<span class="token punctuation">.</span>src <span class="token operator">=</span> src<span class="token punctuation">;</span>
     <span class="token keyword">return</span> img<span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/data/dynamic-data/index.html b/handbook/en/how-to/data/dynamic-data/index.html
index 2c2464a3..452c1981 100644
--- a/handbook/en/how-to/data/dynamic-data/index.html
+++ b/handbook/en/how-to/data/dynamic-data/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 $<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> <s [...]
   <span class="token comment">// Structure of data:</span>
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
 $<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
     myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/index.html b/handbook/en/how-to/interaction/coarse-pointer/index.html
similarity index 54%
copy from handbook/index.html
copy to handbook/en/how-to/interaction/coarse-pointer/index.html
index 7b4e448b..2e9a22aa 100644
--- a/handbook/index.html
+++ b/handbook/en/how-to/interaction/coarse-pointer/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/interaction/drag/index.html b/handbook/en/how-to/interaction/drag/index.html
index 3400706b..0d3ee5d9 100644
--- a/handbook/en/how-to/interaction/drag/index.html
+++ b/handbook/en/how-to/interaction/drag/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token keyword">var</span> data <span class="token operator">=</span> <span class="token punctuation">[</span>
   <span class="token punctuation">[</span><span class="token number">15</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 punctuation">[</span><span class="token operator">-</span><span class="token number">50</span><span class="token punctuation">,</span> <span class="token number">10</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
@@ -211,7 +211,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
       <span class="token punctuation">}</span>
     <span class="token punctuation">]</span>
   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/how-to/label/rich-text/index.html b/handbook/en/how-to/label/rich-text/index.html
index 79487a0d..0876a2a8 100644
--- a/handbook/en/how-to/label/rich-text/index.html
+++ b/handbook/en/how-to/label/rich-text/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   <span class="token comment">// Styles defined in 'rich' can be applied to some fragments</span>
   <span class="token comment">// of text by adding some markers to those fragment, like</span>
   <span class="token comment">// `{styleName|text content text content}`.</span>
@@ -673,7 +673,7 @@ rich<span class="token operator">:</span> <span class="token punctuation">{</spa
         width<span class="token operator">:</span> <span class="token string">'100%'</span><span class="token punctuation">,</span>
         color<span class="token operator">:</span> <span class="token string">'#eee'</span>
     <span class="token punctuation">}</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/index.html b/handbook/en/index.html
index c4e928e8..1ee2b148 100644
--- a/handbook/en/index.html
+++ b/handbook/en/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/8af90df.js" as="script"><link rel [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/en/meta/edit-guide/index.html b/handbook/en/meta/edit-guide/index.html
index 3379fe42..2606dfae 100644
--- a/handbook/en/meta/edit-guide/index.html
+++ b/handbook/en/meta/edit-guide/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="en"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token comment">&lt;!-- prettier-ignore-end --></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 2 [...]
 </code></pre> <h2 id="link-to-other-articles" tabindex="-1">Link to Other Articles</h2> <div class="md-code-block"><div class="nuxt-content-highlight"><pre class="language-markdown line-numbers"><code><span class="token url">[<span class="token content">Get Apache ECharts</span>](<span class="token url">${lang}/basics/download</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="cu [...]
 option = {
@@ -147,7 +147,7 @@ This is a warning alert.
 This is a danger alert.
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>md-alert</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-lineca [...]
 This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">Contributors</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/en/meta/edit-guide.md" title="Edit this Document" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-line [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/images/how-to/coarse-pointer-en.gif b/handbook/images/how-to/coarse-pointer-en.gif
new file mode 100644
index 00000000..cf7085dc
Binary files /dev/null and b/handbook/images/how-to/coarse-pointer-en.gif differ
diff --git a/handbook/images/how-to/coarse-pointer-zh.gif b/handbook/images/how-to/coarse-pointer-zh.gif
new file mode 100644
index 00000000..485bf192
Binary files /dev/null and b/handbook/images/how-to/coarse-pointer-zh.gif differ
diff --git a/handbook/index.html b/handbook/index.html
index 7b4e448b..b0eb7256 100644
--- a/handbook/index.html
+++ b/handbook/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/8af90df.js" as="script"><link rel [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/download/index.html b/handbook/zh/basics/download/index.html
index 385a7054..81c5976c 100644
--- a/handbook/zh/basics/download/index.html
+++ b/handbook/zh/basics/download/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/help/index.html b/handbook/zh/basics/help/index.html
index 16ede3b0..ed381ccb 100644
--- a/handbook/zh/basics/help/index.html
+++ b/handbook/zh/basics/help/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/import/index.html b/handbook/zh/basics/import/index.html
index b564e46f..36c456e6 100644
--- a/handbook/zh/basics/import/index.html
+++ b/handbook/zh/basics/import/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 <span class="token comment">// 基于准备好的dom,初始化echarts实例</span>
 <span class="token keyword">var</span> myChart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'main'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token pun [...]
@@ -113,7 +113,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 
 <span class="token keyword">const</span> option<span class="token operator">:</span> ECOption <span class="token operator">=</span> <span class="token punctuation">{</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/5-2-0/index.html b/handbook/zh/basics/release-note/5-2-0/index.html
index 7955ba76..e49ed4a6 100644
--- a/handbook/zh/basics/release-note/5-2-0/index.html
+++ b/handbook/zh/basics/release-note/5-2-0/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   return [
     {
       value: Math.random(),
@@ -585,7 +585,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/5-3-0/index.html b/handbook/zh/basics/release-note/5-3-0/index.html
index fc652262..c1c27569 100644
--- a/handbook/zh/basics/release-note/5-3-0/index.html
+++ b/handbook/zh/basics/release-note/5-3-0/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   graphic: {
     type: 'circle',
     shape: { r: 100 },
@@ -843,7 +843,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       width<span class="token operator">:</span> <span class="token string">'bolder'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/v5-feature/index.html b/handbook/zh/basics/release-note/v5-feature/index.html
index aa8984cd..e2490cae 100644
--- a/handbook/zh/basics/release-note/v5-feature/index.html
+++ b/handbook/zh/basics/release-note/v5-feature/index.html
@@ -4,14 +4,14 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 echarts<span class="token punctuation">.</span><span class="token function">registerLocale</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">,</span> lang<span class="token punctuation">)</span><span class="token punctuation">;</span>​
 echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>DomElement<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>​
    locale<span class="token operator">:</span> <span class="token string">'DE'</span>​
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
index ab4c3f68..e8b648f2 100644
--- a/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
+++ b/handbook/zh/basics/release-note/v5-upgrade-guide/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   color<span class="token operator">:</span> <span class="token punctuation">[</span>
     <span class="token string">'#c23531'</span><span class="token punctuation">,</span>
     <span class="token string">'#2f4554'</span><span class="token punctuation">,</span>
@@ -80,7 +80,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <ul><li>选项 <code>series.clockWise</code> 已经不推荐使用。使用 <code>series.clockwise</code> 代替。</li> <li>选项 <code>series.hoverOffset</code> 已经不推荐使用。使用 <code>series.emphasis.scaleSize</code> 代替。</li></ul></li> <li><code>dataZoom</code> 组件:
 <ul><li>选项 <code>dataZoom.handleIcon</code> 如果使用 <code>SVGPath</code>,需要前缀 <code>path://</code>。</li></ul></li> <li>雷达图(<code>radar</code>):
 <ul><li>选项 <code>radar.name</code> 已经不推荐使用。使用 <code>radar.axisName</code> 代替。</li> <li>选项 <code>radar.nameGap</code> 已经不推荐使用。使用 <code>radar.axisNameGap</code> 代替。</li></ul></li> <li>Parse and format:
-<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
+<ul><li><code>echarts.format.formatTime</code> 已经不推荐使用。使用 <code>echarts.time.format</code> 代替。</li> <li><code>echarts.number.parseDate</code> 已经不推荐使用。使用 <code>echarts.time.parse</code> 代替。</li> <li><code>echarts.format.getTextRect</code> 已经不推荐使用。</li></ul></li></ul></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/basics/release-note/v5- [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/best-practices/aria/index.html b/handbook/zh/best-practices/aria/index.html
index 9465395a..f29f56e2 100644
--- a/handbook/zh/best-practices/aria/index.html
+++ b/handbook/zh/best-practices/aria/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   aria<span class="token operator">:</span> <span class="token punctuation">{</span>
     show<span class="token operator">:</span> <span class="token boolean">true</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
@@ -29,7 +29,7 @@
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
-</code></pre> <p>默认语言会根据语言包(默认中文)选择,也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表,默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图,默认生成的描述可以包含数据点的坐标值,但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候,用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外,我们还提供了生成描述的模板,可以方便地进行细粒度 [...]
+</code></pre> <p>默认语言会根据语言包(默认中文)选择,也可以使用配置项自定义模板。</p> <h3 id="%E6%95%B4%E4%BD%93%E4%BF%AE%E6%94%B9%E6%8F%8F%E8%BF%B0" tabindex="-1">整体修改描述</h3> <p>对于有些图表,默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图,默认生成的描述可以包含数据点的坐标值,但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。</p> <p>这时候,用户可以通过 <a href="https://echarts.apache.org/option.html#aria.description">aria.description</a> 配置项指定图表的整体描述。</p> <h3 id="%E5%AE%9A%E5%88%B6%E6%A8%A1%E6%9D%BF%E6%8F%8F%E8%BF%B0" tabindex="-1">定制模板描述</h3> <p>除了整体性修改描述之外,我们还提供了生成描述的模板,可以方便地进行细粒度 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/best-practices/canvas-vs-svg/index.html b/handbook/zh/best-practices/canvas-vs-svg/index.html
index 11d44052..a9efb93c 100644
--- a/handbook/zh/best-practices/canvas-vs-svg/index.html
+++ b/handbook/zh/best-practices/canvas-vs-svg/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <ul><li>在需要创建很多 ECharts 实例且浏览器易崩溃的情况下(可能是因为 Canvas 数量多导致内存占用超出手机承受能力),可以使用 SVG 渲染器来进行改善。大略的说,如果图表运行在低端安卓机,或者我们在使用一些特定图表如 <a href="https://ecomfe.github.io/echarts-liquidfill/example/">水球图</a> 等,SVG 渲染器可能效果更好。</li> <li>数据量较大(经验判断 > 1k)、较多交互时,建议选择 Canvas 渲染器。</li></ul></li></ul> <p>我们强烈欢迎开发者们<a href="https://github.com/apache/echarts/issues/new/choose">反馈</a>给我们使用的体验和场景,帮助我们更好的做优化。</p> <p>注:当前某些特殊的渲染依然需要依赖 Canvas:如<a href="https://echarts.apache.org/option.html#series-lines.effect">炫光尾迹特效< [...]
 <span class="token comment">// 可以根据需要选用只用到的渲染器</span>
 <span class="token keyword">import</span> <span class="token punctuation">{</span> SVGRenderer<span class="token punctuation">,</span> CanvasRenderer <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'echarts/renderers'</span><span class="token punctuation">;</span>
@@ -18,7 +18,7 @@ echarts<span class="token punctuation">.</span><span class="token function">use<
 <span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">)</span><span class="token punctuation">;</span>
 
 <span class="token comment">// 使用 SVG 渲染器</span>
-<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
+<span class="token keyword">var</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span>containerDom<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> renderer<span class="token operator">:</span> <span class="token string">'svg'</span> <span class="token pun [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/axis/index.html b/handbook/zh/concepts/axis/index.html
index dbb7ab5f..a933c7b8 100644
--- a/handbook/zh/concepts/axis/index.html
+++ b/handbook/zh/concepts/axis/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis<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>
@@ -275,7 +275,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/chart-size/index.html b/handbook/zh/concepts/chart-size/index.html
index db048149..4a76be12 100644
--- a/handbook/zh/concepts/chart-size/index.html
+++ b/handbook/zh/concepts/chart-size/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
   var myChart = echarts.init(document.getElementById('main'));
 <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= [...]
@@ -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= [...]
   width<span class="token operator">:</span> <span class="token number">800</span><span class="token punctuation">,</span>
   height<span class="token operator">:</span> <span class="token number">400</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/data-transform/index.html b/handbook/zh/concepts/data-transform/index.html
index 0924fd5e..28b4b807 100644
--- a/handbook/zh/concepts/data-transform/index.html
+++ b/handbook/zh/concepts/data-transform/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   dataset: [
     {
       // 这个 dataset 的 index 是 `0`。
@@ -590,7 +590,7 @@ echarts<span class="token punctuation">.</span><span class="token function">regi
       datasetIndex<span class="token operator">:</span> <span class="token number">1</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/dataset/index.html b/handbook/zh/concepts/dataset/index.html
index 9742c8b3..6a6db184 100644
--- a/handbook/zh/concepts/dataset/index.html
+++ b/handbook/zh/concepts/dataset/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     type: 'category',
     data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie']
@@ -494,7 +494,7 @@ encode<span class="token operator">:</span> <span class="token punctuation">{</s
   <span class="token punctuation">]</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
 <code>line</code>、<code>bar</code>、<code>pie</code>、<code>scatter</code>、<code>effectScatter</code>、<code>parallel</code>、<code>candlestick</code>、<code>map</code>、<code>funnel</code>、<code>custom</code>。
-后续会有更多的图表进行支持。</p> <p>最后,给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>,多个图表共享一个 <code>dataset</code>,并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
+后续会有更多的图表进行支持。</p> <p>最后,给出这个 <a href="https://echarts.apache.org/examples/zh/editor.html?c=dataset-link&edit=1&reset=1">示例</a>,多个图表共享一个 <code>dataset</code>,并带有联动交互。</p></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/concepts/dataset.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fil [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/event/index.html b/handbook/zh/concepts/event/index.html
index a288c3ba..379ad2c0 100644
--- a/handbook/zh/concepts/event/index.html
+++ b/handbook/zh/concepts/event/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   <span class="token comment">// 控制台打印数据的名称</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</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><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"  [...]
@@ -327,7 +327,7 @@ myChart<span class="token punctuation">.</span><span class="token function">on</
   <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>event<span class="token punctuation">.</span>target<span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token comment">// 点击在了空白处,做些什么。</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/legend/index.html b/handbook/zh/concepts/legend/index.html
index 8c669d11..52a95bbe 100644
--- a/handbook/zh/concepts/legend/index.html
+++ b/handbook/zh/concepts/legend/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   legend: {
     // Try 'horizontal'
     orient: 'vertical',
@@ -118,7 +118,7 @@
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
   <span class="token comment">// ...</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/style/index.html b/handbook/zh/concepts/style/index.html
index c851fea2..b205280c 100644
--- a/handbook/zh/concepts/style/index.html
+++ b/handbook/zh/concepts/style/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 $<span class="token punctuation">.</span><span class="token function">getJSON</span><span class="token punctuation">(</span><span class="token string">'xxx/xxx/vintage.json'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">themeJSON</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   echarts<span class="token punctuation">.</span><span class="token function">registerTheme</span><span class="token punctuation">(</span><span class="token string">'vintage'</span><span class="token punctuation">,</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span>themeJSON<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token p [...]
   <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>dom<span class="token punctuation">,</span> <span class="token string">'vintage'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -450,7 +450,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/concepts/visual-map/index.html b/handbook/zh/concepts/visual-map/index.html
index 7e4882a0..7574f4d5 100644
--- a/handbook/zh/concepts/visual-map/index.html
+++ b/handbook/zh/concepts/visual-map/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   data<span class="token operator">:</span> <span class="token punctuation">[</span>
     <span class="token punctuation">{</span>
       <span class="token comment">// 这里每一个项就是数据项(dataItem)</span>
@@ -73,7 +73,7 @@
     <span class="token punctuation">}</span>
     <span class="token comment">//    ...</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/get-started/index.html b/handbook/zh/get-started/index.html
index 2697b4be..b943dbad 100644
--- a/handbook/zh/get-started/index.html
+++ b/handbook/zh/get-started/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
@@ -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>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/animation/transition/index.html b/handbook/zh/how-to/animation/transition/index.html
index 989dfcfa..5bf2a3fc 100644
--- a/handbook/zh/how-to/animation/transition/index.html
+++ b/handbook/zh/how-to/animation/transition/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   return [
     {
       value: Math.random(),
@@ -188,7 +188,7 @@ chart<span class="token punctuation">.</span><span class="token function">setOpt
   <span class="token comment">// 后续如果有交互,交互发生重绘也会触发该事件,因此使用完就需要移除</span>
   chart<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span>
-chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
+chart<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'rendered'</span><span class="token punctuation">,</span> onRendered<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca>< [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/bar-race/index.html b/handbook/zh/how-to/chart-types/bar/bar-race/index.html
index 95a9d511..84b5b05a 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 for (let i = 0; i &lt; 5; ++i) {
   data.push(Math.round(Math.random() * 200));
 }
@@ -113,7 +113,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
 
 <span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token function">update</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
+<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">3000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/basic-bar/index.html b/handbook/zh/how-to/chart-types/bar/basic-bar/index.html
index 46c760ce..0516861e 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
   },
@@ -221,7 +221,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html b/handbook/zh/how-to/chart-types/bar/stacked-bar/index.html
index 3f86fa37..5fbb316a 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -41,7 +41,7 @@
       stack<span class="token operator">:</span> <span class="token string">'x'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/bar/waterfall/index.html b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
index 92444c58..22d7e7a5 100644
--- a/handbook/zh/how-to/chart-types/bar/waterfall/index.html
+++ b/handbook/zh/how-to/chart-types/bar/waterfall/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 var help = [];
 var positive = [];
 var negative = [];
@@ -169,7 +169,7 @@ option <span class="token operator">=</span> <span class="token punctuation">{</
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/area-line/index.html b/handbook/zh/how-to/chart-types/line/area-line/index.html
index 7e6addb5..8a8d7372 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -47,7 +47,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/basic-line/index.html b/handbook/zh/how-to/chart-types/line/basic-line/index.html
index 25c2b8c4..42d3c0e6 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     type: 'category',
     data: ['A', 'B', 'C']
@@ -155,7 +155,7 @@
       type<span class="token operator">:</span> <span class="token string">'line'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/smooth-line/index.html b/handbook/zh/how-to/chart-types/line/smooth-line/index.html
index e2971ac5..d9afd009 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -31,7 +31,7 @@
       smooth<span class="token operator">:</span> <span class="token boolean">true</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/stacked-line/index.html b/handbook/zh/how-to/chart-types/line/stacked-line/index.html
index 5118ad92..86c96806 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['A', 'B', 'C', 'D', 'E']
   },
@@ -79,7 +79,7 @@
       areaStyle<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/line/step-line/index.html b/handbook/zh/how-to/chart-types/line/step-line/index.html
index be666e5f..db62c26b 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     type: 'category',
     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
@@ -63,7 +63,7 @@
       data<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">450</span><span class="token punctuation">,</span> <span class="token number">432</span><span class="token punctuation">,</span> <span class="token number">401</span><span class="token punctuation">,</span> <span class="token number">454</span><span class="token punctuation">,</span> <span class="token number">590</span><span class="token punctuation">,</span> <span class="t [...]
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/basic-pie/index.html b/handbook/zh/how-to/chart-types/pie/basic-pie/index.html
index a3b03f11..e690e817 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   series: [
     {
       type: 'pie',
@@ -179,7 +179,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/doughnut/index.html b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
index 40cf1050..18ace81a 100644
--- a/handbook/zh/how-to/chart-types/pie/doughnut/index.html
+++ b/handbook/zh/how-to/chart-types/pie/doughnut/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   title: {
     text: '圆环图的例子',
     left: 'center',
@@ -133,7 +133,7 @@
       <span class="token punctuation">]</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/pie/rose/index.html b/handbook/zh/how-to/chart-types/pie/rose/index.html
index a858651c..639f7590 100644
--- a/handbook/zh/how-to/chart-types/pie/rose/index.html
+++ b/handbook/zh/how-to/chart-types/pie/rose/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   series: [
     {
       type: 'pie',
@@ -65,7 +65,7 @@
       roseType<span class="token operator">:</span> <span class="token string">'area'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html b/handbook/zh/how-to/chart-types/scatter/basic-scatter/index.html
index e2cf3e8a..d35b83a6 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,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   xAxis: {
     data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
   },
@@ -118,7 +118,7 @@
       <span class="token punctuation">}</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">]</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span><br></pre></div></div></div> <div class="md-live-tag">live</div> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" str [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/baidu-app/index.html b/handbook/zh/how-to/cross-platform/baidu-app/index.html
index beb829a6..41d2b110 100644
--- a/handbook/zh/how-to/cross-platform/baidu-app/index.html
+++ b/handbook/zh/how-to/cross-platform/baidu-app/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/server/index.html b/handbook/zh/how-to/cross-platform/server/index.html
index d52ca066..eef031ae 100644
--- a/handbook/zh/how-to/cross-platform/server/index.html
+++ b/handbook/zh/how-to/cross-platform/server/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 <span class="token comment">// 在 SSR 模式下第一个参数不需要再传入 DOM 对象</span>
 <span class="token keyword">const</span> chart <span class="token operator">=</span> echarts<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
@@ -65,7 +65,7 @@ res<span class="token punctuation">.</span><span class="token function">end</spa
     img<span class="token punctuation">.</span>src <span class="token operator">=</span> src<span class="token punctuation">;</span>
     <span class="token keyword">return</span> img<span class="token punctuation">;</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/cross-platform/wechat-app/index.html b/handbook/zh/how-to/cross-platform/wechat-app/index.html
index a888e94d..ef310f73 100644
--- a/handbook/zh/how-to/cross-platform/wechat-app/index.html
+++ b/handbook/zh/how-to/cross-platform/wechat-app/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/data/dynamic-data/index.html b/handbook/zh/how-to/data/dynamic-data/index.html
index 4486fcf1..3b0e9770 100644
--- a/handbook/zh/how-to/data/dynamic-data/index.html
+++ b/handbook/zh/how-to/data/dynamic-data/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 $<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> <s [...]
   <span class="token comment">// data 的结构:</span>
@@ -75,7 +75,7 @@ $<span class="token punctuation">.</span><span class="token function">get</span>
 $<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'data.json'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">done</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> < [...]
     myChart<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     myChart<span class="token punctuation">.</span><span class="token function">setOption</span><span class="token punctuation">(</span><span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round"  [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/index.html b/handbook/zh/how-to/interaction/coarse-pointer/index.html
similarity index 55%
copy from handbook/zh/index.html
copy to handbook/zh/how-to/interaction/coarse-pointer/index.html
index a6b913e8..0881fcca 100644
--- a/handbook/zh/index.html
+++ b/handbook/zh/how-to/interaction/coarse-pointer/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/interaction/drag/index.html b/handbook/zh/how-to/interaction/drag/index.html
index 6138f146..d8f48ca0 100644
--- a/handbook/zh/how-to/interaction/drag/index.html
+++ b/handbook/zh/how-to/interaction/drag/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 
 <span class="token comment">// 这个 data 变量在这里单独声明,在后面也会用到。</span>
 <span class="token keyword">var</span> data <span class="token operator">=</span> <span class="token punctuation">[</span>
@@ -202,7 +202,7 @@ window<span class="token punctuation">.</span><span class="token function">addEv
       <span class="token punctuation">}</span>
     <span class="token punctuation">]</span>
   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
+<span class="token punctuation">}</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/how-to/label/rich-text/index.html b/handbook/zh/how-to/label/rich-text/index.html
index 4386175b..ba88f1d3 100644
--- a/handbook/zh/how-to/label/rich-text/index.html
+++ b/handbook/zh/how-to/label/rich-text/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
   <span class="token comment">// 在文本中,可以对部分文本采用 rich 中定义样式。</span>
   <span class="token comment">// 这里需要在文本中使用标记符号:</span>
   <span class="token comment">// `{styleName|text content text content}` 标记样式名。</span>
@@ -680,7 +680,7 @@ labelOption <span class="token operator">=</span> <span class="token punctuation
       color<span class="token operator">:</span> <span class="token string">'#eee'</span>
     <span class="token punctuation">}</span>
   <span class="token punctuation">}</span>
-<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/index.html b/handbook/zh/index.html
index a6b913e8..782a6358 100644
--- a/handbook/zh/index.html
+++ b/handbook/zh/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/b561b82.js" as="script"><link rel [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png"><link rel="preload" href="/handbook/_nuxt/8af90df.js" as="script"><link rel [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/handbook/zh/meta/edit-guide/index.html b/handbook/zh/meta/edit-guide/index.html
index 961adc2c..d0cf6790 100644
--- a/handbook/zh/meta/edit-guide/index.html
+++ b/handbook/zh/meta/edit-guide/index.html
@@ -4,10 +4,10 @@
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css">
     <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
-    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
+    <title>Handbook - Apache ECharts</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" data-hid="docsearch:language" name="docsearch:language" content="zh"><base href="/handbook/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://fastly.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/im [...]
   </head>
   <body>
-    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
+    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="ht [...]
 <span class="token comment">&lt;!-- prettier-ignore-end --></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 2 [...]
 </code></pre> <h2 id="%E5%BC%95%E7%94%A8%E5%85%B6%E5%AE%83%E6%96%87%E7%AB%A0" tabindex="-1">引用其它文章</h2> <div class="md-code-block"><div class="nuxt-content-highlight"><pre class="language-markdown line-numbers"><code><span class="token url">[<span class="token content">获取 Apache ECharts</span>](<span class="token url">${lang}/basics/download</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 [...]
 option = {
@@ -177,7 +177,7 @@ This is a warning alert.
 This is a danger alert.
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>md-alert</span><span class="token punctuation">></span></span></code></pre></div> <!----> <div class="clipboard" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-479657ca><path stroke-lineca [...]
 This is a danger alert.
-</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
+</p></blockquote></article></div></div> <div class="post-contributors"><h3><span class="inline-block align-middle">本文贡献者</span> <a target="_blank" href="https://github.com/apache/echarts-handbook/tree/master/contents/zh/meta/edit-guide.md" title="编辑本文" class="inline-block align-middle text-sm"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-8 w-8 inline-block align-middle"><path stroke-linecap="round" stroke-linejoin="round" stroke-w [...]
     <script type="text/javascript">document.getElementById("nav-doc").className="active"</script>
     <script src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
     <script src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
diff --git a/layouts/doc.html b/layouts/doc.html
index 681d4886..4cce43e7 100644
--- a/layouts/doc.html
+++ b/layouts/doc.html
@@ -9,10 +9,10 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-</script><script type="text/javascript">window.globalArgsExtra.version = '2356a9eb58';
+</script><script type="text/javascript">window.globalArgsExtra.version = 'dd441ae0eb';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/layouts/example-simple.html b/layouts/example-simple.html
index 9f4ca5dc..9e2a0ac3 100644
--- a/layouts/example-simple.html
+++ b/layouts/example-simple.html
@@ -11,7 +11,7 @@
     overflow-x: hidden;
 }</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=be96c01ebf"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></ [...]
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
-</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);
 
diff --git a/layouts/example.html b/layouts/example.html
index 6bf5e69a..2db5a582 100644
--- a/layouts/example.html
+++ b/layouts/example.html
@@ -12,7 +12,7 @@
 }</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=be96c01ebf"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></ [...]
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
-</script><script type="text/javascript">window.globalArgsExtra.version = '1660286982565';
+</script><script type="text/javascript">window.globalArgsExtra.version = '1664122080245';
 window.globalArgsExtra.cdnRoot = EC_WWW_CDN_PAY_ROOT + '/examples';
 echartsExample.init('#ec-example-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/zh/api.html b/zh/api.html
index 7b489615..97b64877 100644
--- a/zh/api.html
+++ b/zh/api.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = 'a2cda75890';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '9cfa32f2ef';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/zh/builder/echarts.html b/zh/builder/echarts.html
index a89f0f29..ea1b3ca0 100644
--- a/zh/builder/echarts.html
+++ b/zh/builder/echarts.html
@@ -54,7 +54,7 @@
                 'rollup': 'lib/rollup.browser',
                 'transformDev': 'lib/transform-dev-bundle'
             },
-            urlArgs: 'v=1660286982565'
+            urlArgs: 'v=1664122080245'
         });
 
         require(['build']);
diff --git a/zh/changelog.html b/zh/changelog.html
index f716b25e..56f31651 100644
--- a/zh/changelog.html
+++ b/zh/changelog.html
@@ -7,7 +7,39 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>版本记录 - Apache ECharts</title><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
+<div class="time">2022-09-25</div>
+
+<ul>
+<li>[Feature] 扩大可点击元素的响应范围。<a href="https://github.com/apache/echarts/issues/17102">#17102</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Feature] [pie]: 支持让饼图定位在某个坐标系上。<a href="https://github.com/apache/echarts/issues/17132">#17132</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Feature] [gauge]: 支持了 <code>axisLabel</code> 的旋转。关闭 <a href="https://github.com/apache/echarts/issues/15944">#15944</a>。<a href="https://github.com/apache/echarts/issues/16985">#16985</a> (<a href="https://github.com/MeetzhDing">MeetzhDing</a>)</li>
+<li>[Feature] [lines] 支持动画原路返回。<a href="https://github.com/apache/echarts/issues/16943">#16943</a> (<a href="https://github.com/wangguisong">wangguisong</a>)</li>
+<li>[Feature] [treemap.breadcrumb]: 支持了 <code>emphasis</code> 状态。<a href="https://github.com/apache/echarts/issues/17242">#17242</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</li>
+<li>[Feature] [i18n]: 支持了乌克兰语。关闭 <a href="https://github.com/apache/echarts/issues/17243">#17243</a>。<a href="https://github.com/apache/echarts/issues/17244">#17244</a> (<a href="https://github.com/Amice13">Amice13</a>)</li>
+<li>[Fix] [pie]: 修复了 <code>minShowLabelRadian</code> 被指定时 <code>labelLine</code> 可能不隐藏的问题。<a href="https://github.com/apache/echarts/issues/17412">#17412</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [pie(perf)]: 提高了饼图的性能。<a href="https://github.com/apache/echarts/issues/17275">#17275</a> (<a href="https://github.com/wind108369">wind108369</a>)</li>
+<li>[Fix] [line]: 为临时 <code>symbol</code> 设置 <code>z</code>/<code>zlevel</code> 以避免警告日志。<a href="https://github.com/apache/echarts/issues/17247">#17247</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [bar-race]: 修复了有动画时 sub-pixel 优化导致的问题。关闭 <a href="https://github.com/apache/echarts/issues/14679">#14679</a>。<a href="https://github.com/apache/echarts/issues/17426">#17426</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [axis]: 修复 <code>singleAxis</code> 中 <code>inverse</code> 不能用的问题。<a href="https://github.com/apache/echarts/issues/17411">#17411</a> (<a href="https://github.com/wind108369">wind108369</a>)</li>
+<li>[Fix] [axis]: 修复坐标轴反转时,坐标轴 symbol 不反转的问题。<a href="https://github.com/apache/echarts/issues/17329">#17329</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [emphasis.scale]: 修复 <code>emphasis.scale</code> 不能被重置等问题。<a href="https://github.com/apache/echarts/issues/17442">#17442</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [emphasis.scale]: 为 <code>scatter</code>/<code>line</code>/<code>graph</code> 系列的 <code>emphasis.scale</code> 增加本该有的 <code>number</code> 类型。<a href="https://github.com/apache/echarts/issues/17390">#17390</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix]: 确保 <a href="mailto:`typescript@4.8">`typescript@4.8</a>` 兼容。<a href="https://github.com/apache/echarts/issues/17582">#17582</a> (<a href="https://github.com/AviVahl">AviVahl</a>)</li>
+<li>[Fix] [svg]: 生成 <code>SVG</code> 字符串时 encode HTML 。<a href="https://github.com/apache/echarts/issues/17406">#17406</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [visualMap]: 修复鼠标悬浮在地图标签时候指示器不显示的问题。<a href="https://github.com/apache/echarts/issues/17346">#17346</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [custom]: 修正自定义组件中元素可能不能删除的问题。关闭 <a href="https://github.com/apache/echarts/issues/17333">#17333</a> <a href="https://github.com/apache/echarts/issues/17349">#17349</a>. (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [custom]: 修复 leave transition 时可能 NPE 导致元素不能删除的问题。<a href="https://github.com/apache/echarts/issues/17308">#17308</a> (<a href="https://github.com/plainheart">plainheart</a>)</li>
+<li>[Fix] [theme]: 修复 theme macarons 中 tooltip 的文字样式。<a href="https://github.com/apache/echarts/issues/17551">#17551</a> (<a href="https://github.com/mousne">mousne</a>)</li>
+<li>[Fix] [theme]: 修复 theme 文件中已经废弃的格式。<a href="https://github.com/apache/echarts/issues/17482">#17482</a> (<a href="https://github.com/Liangism">Liangism</a>)</li>
+<li>[Fix] [log]: 修复 log 轴中值为负数时候的问题。<a href="https://github.com/apache/echarts/issues/17322">#17322</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</li>
+<li>[Fix] [dataZoom]: 修复 K 线图使用 dataset 时 dataZoom 的错误。<a href="https://github.com/apache/echarts/issues/17237">#17237</a> (<a href="https://github.com/jiawulin001">jiawulin001</a>)</li>
+<li>[Fix] [log]: 修复 <code>sunburstAction.ts</code> 里 <code>deprecateReplaceLog</code> 错误代码。<a href="https://github.com/apache/echarts/issues/17587">#17587</a> (<a href="https://github.com/gitforhlp">gitforhlp</a>)</li>
+<li>[Fix] [ts]: 修复 <code>SunburstSeriesOption</code> 和 <code>TreemapSeriesOption</code> 类型。<a href="https://github.com/apache/echarts/issues/17218">#17218</a> (<a href="https://github.com/dmzc">dmzc</a>)</li>
+<li>[Fix] [ts]: 导出类型 <code>ElementEvent</code>。<a href="https://github.com/apache/echarts/issues/15291">#15291</a> (<a href="https://github.com/Map1en">Map1en</a>)</li>
+<li>[Fix] [typo]: 修复文件名等拼写错误。<a href="https://github.com/apache/echarts/issues/17193">#17193</a> (<a href="https://github.com/kxxoling">kxxoling</a>)</li>
+</ul>
+<h2 id="v5-3-3">v5.3.3</h2>
 <div class="time">2022-06-14</div>
 
 <ul>
diff --git a/zh/css/doc-bundle.css b/zh/css/doc-bundle.css
index 17628df6..0f624e2a 100644
--- a/zh/css/doc-bundle.css
+++ b/zh/css/doc-bundle.css
@@ -645,20 +645,13 @@
 .cm-fat-cursor div.CodeMirror-cursors {
   z-index: 1;
 }
-.cm-fat-cursor-mark {
-  background-color: rgba(20, 255, 20, 0.5);
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-}
-.cm-animate-fat-cursor {
-  width: auto;
-  border: 0;
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-  background-color: #7e7;
-}
+.cm-fat-cursor .CodeMirror-line::selection,
+.cm-fat-cursor .CodeMirror-line > span::selection, 
+.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
+.cm-fat-cursor { caret-color: transparent; }
 @-moz-keyframes blink {
   0% {}
   50% { background-color: transparent; }
@@ -756,6 +749,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
+  z-index: 0;
 }
 .CodeMirror-sizer {
   position: relative;
@@ -769,6 +763,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   position: absolute;
   z-index: 6;
   display: none;
+  outline: none;
 }
 .CodeMirror-vscrollbar {
   right: 0; top: 0;
diff --git a/zh/css/only_for_cdn_ready_check.css b/zh/css/only_for_cdn_ready_check.css
index d17be4b9..b7d15a82 100644
--- a/zh/css/only_for_cdn_ready_check.css
+++ b/zh/css/only_for_cdn_ready_check.css
@@ -1 +1 @@
-/* 1660286982565 OK */
\ No newline at end of file
+/* 1664122080245 OK */
\ No newline at end of file
diff --git a/zh/documents/api-parts/api.echarts.js b/zh/documents/api-parts/api.echarts.js
index 539f59ee..ec302151 100644
--- a/zh/documents/api-parts/api.echarts.js
+++ b/zh/documents/api-parts/api.echarts.js
@@ -1 +1 @@
-window.__EC_DOC_api_echarts = {"init":{"desc":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean, // 从 `5.0.0` 开始支持\n    ssr?: boolean,          // 从 `5.3.0` 开始支持\n    width?: number|string,\n    height?: number|string,\n    locale?: string         // 从 `5.0.0` 开始支持\n}) =&gt; ECharts\n</code></pre>\n<p>创建一个 ECharts 实例,返回 <a href=\"#echartsInstance\">echa [...]
\ No newline at end of file
+window.__EC_DOC_api_echarts = {"init":{"desc":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean,     // 从 `5.0.0` 开始支持\n    useCoarsePointer?: boolean, // 从 `5.4.0` 开始支持\n    pointerSize?: number,       // 从 `5.4.0` 开始支持\n    ssr?: boolean,              // 从 `5.3.0` 开始支持\n    width?: number|string,\n    height?: number|string,\n    locale?: string       [...]
\ No newline at end of file
diff --git a/zh/documents/api-parts/api.echarts.json b/zh/documents/api-parts/api.echarts.json
index b66d48e0..decf2b0a 100644
--- a/zh/documents/api-parts/api.echarts.json
+++ b/zh/documents/api-parts/api.echarts.json
@@ -1 +1 @@
-{"init":{"desc":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean, // 从 `5.0.0` 开始支持\n    ssr?: boolean,          // 从 `5.3.0` 开始支持\n    width?: number|string,\n    height?: number|string,\n    locale?: string         // 从 `5.0.0` 开始支持\n}) =&gt; ECharts\n</code></pre>\n<p>创建一个 ECharts 实例,返回 <a href=\"#echartsInstance\">echartsInstance</a>,不能在单个容器上初始化多个  [...]
\ No newline at end of file
+{"init":{"desc":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: number,\n    renderer?: string,\n    useDirtyRect?: boolean,     // 从 `5.0.0` 开始支持\n    useCoarsePointer?: boolean, // 从 `5.4.0` 开始支持\n    pointerSize?: number,       // 从 `5.4.0` 开始支持\n    ssr?: boolean,              // 从 `5.3.0` 开始支持\n    width?: number|string,\n    height?: number|string,\n    locale?: string             // 从 `5.0.0` 开始支持\n}) = [...]
\ No newline at end of file
diff --git a/zh/documents/api.json b/zh/documents/api.json
index eb7399cd..0f559fe0 100644
--- a/zh/documents/api.json
+++ b/zh/documents/api.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>全局 echarts 对象,在 script 标签引入 <code class=\"codespan\">echarts.js</code> 文件后获得,或者在 AMD 环境中通过 <code class=\"codespan\">require(&#39;echarts&#39;)</code> 获得。</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: numbe [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"echarts":{"type":["Object"],"description":"<p>全局 echarts 对象,在 script 标签引入 <code class=\"codespan\">echarts.js</code> 文件后获得,或者在 AMD 环境中通过 <code class=\"codespan\">require(&#39;echarts&#39;)</code> 获得。</p>\n","properties":{"init":{"type":["Function"],"description":"<pre><code class=\"lang-ts\">(dom?: HTMLDivElement|HTMLCanvasElement, theme?: Object|string, opts?: {\n    devicePixelRatio?: numbe [...]
\ No newline at end of file
diff --git a/zh/documents/option-gl-parts/option-gl-outline.js b/zh/documents/option-gl-parts/option-gl-outline.js
index 68223743..a9336d07 100644
--- a/zh/documents/option-gl-parts/option-gl-outline.js
+++ b/zh/documents/option-gl-parts/option-gl-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_gl_outline = {"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":100,"prop":"globeRadius"},{"default":150,"prop":"globeOuterRadius"},{"default":"'auto'","prop":"environment"},{"type":["string","HTMLImageElement","HTMLCanvasElement","EChartsInstance"],"prop":"baseTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"heightTexture"},{"type":["string","HTMLImageElement","HTMLCanvasEle [...]
\ No newline at end of file
+window.__EC_DOC_option_gl_outline = {"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":100,"prop":"globeRadius"},{"default":150,"prop":"globeOuterRadius"},{"default":"'auto'","prop":"environment"},{"type":["string","HTMLImageElement","HTMLCanvasElement","EChartsInstance"],"prop":"baseTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"heightTexture"},{"type":["string","HTMLImageElement","HTMLCanvasEle [...]
\ No newline at end of file
diff --git a/zh/documents/option-gl-parts/option-gl-outline.json b/zh/documents/option-gl-parts/option-gl-outline.json
index a7106e9f..b2b49cb3 100644
--- a/zh/documents/option-gl-parts/option-gl-outline.json
+++ b/zh/documents/option-gl-parts/option-gl-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":100,"prop":"globeRadius"},{"default":150,"prop":"globeOuterRadius"},{"default":"'auto'","prop":"environment"},{"type":["string","HTMLImageElement","HTMLCanvasElement","EChartsInstance"],"prop":"baseTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"heightTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"displacementTexture"} [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"globe","children":[{"default":true,"prop":"show"},{"default":100,"prop":"globeRadius"},{"default":150,"prop":"globeOuterRadius"},{"default":"'auto'","prop":"environment"},{"type":["string","HTMLImageElement","HTMLCanvasElement","EChartsInstance"],"prop":"baseTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"heightTexture"},{"type":["string","HTMLImageElement","HTMLCanvasElement"],"prop":"displacementTexture"} [...]
\ No newline at end of file
diff --git a/zh/documents/option-gl-parts/option-gl.globe.js b/zh/documents/option-gl-parts/option-gl.globe.js
index 23ea4a00..db4a395b 100644
--- a/zh/documents/option-gl-parts/option-gl.globe.js
+++ b/zh/documents/option-gl-parts/option-gl.globe.js
@@ -1 +1 @@
-window.__EC_DOC_option_gl_globe = {"show":{"desc":"<p>是否显示地球组件。</p>\n"},"globeRadius":{"desc":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n"},"globeOuterRadius":{"desc":"<p>地球的外半径。<code class=\"codespan\">globeRadius</code> 到 <code class=\"codespan\">globeOuterRadius</code> 之间这片区域会被用于展示三维柱状图,散点图等。</p>\n"},"environment":{"desc":"<p>环境贴图。支持纯色、渐变色、全景贴图的 url。默认为 <code class=\"codespan\">&#39;auto&#39;</code>,在配置有 <a href=\"#globe.light.ambie [...]
\ No newline at end of file
+window.__EC_DOC_option_gl_globe = {"show":{"desc":"<p>是否显示地球组件。</p>\n"},"globeRadius":{"desc":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n"},"globeOuterRadius":{"desc":"<p>地球的外半径。<code class=\"codespan\">globeRadius</code> 到 <code class=\"codespan\">globeOuterRadius</code> 之间这片区域会被用于展示三维柱状图,散点图等。</p>\n"},"environment":{"desc":"<p>环境贴图。支持纯色、渐变色、全景贴图的 url。默认为 <code class=\"codespan\">&#39;auto&#39;</code>,在配置有 <a href=\"#globe.light.ambie [...]
\ No newline at end of file
diff --git a/zh/documents/option-gl-parts/option-gl.globe.json b/zh/documents/option-gl-parts/option-gl.globe.json
index e45dab88..9384d969 100644
--- a/zh/documents/option-gl-parts/option-gl.globe.json
+++ b/zh/documents/option-gl-parts/option-gl.globe.json
@@ -1 +1 @@
-{"show":{"desc":"<p>是否显示地球组件。</p>\n"},"globeRadius":{"desc":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n"},"globeOuterRadius":{"desc":"<p>地球的外半径。<code class=\"codespan\">globeRadius</code> 到 <code class=\"codespan\">globeOuterRadius</code> 之间这片区域会被用于展示三维柱状图,散点图等。</p>\n"},"environment":{"desc":"<p>环境贴图。支持纯色、渐变色、全景贴图的 url。默认为 <code class=\"codespan\">&#39;auto&#39;</code>,在配置有 <a href=\"#globe.light.ambientCubemap.texture\">light.ambientC [...]
\ No newline at end of file
+{"show":{"desc":"<p>是否显示地球组件。</p>\n"},"globeRadius":{"desc":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n"},"globeOuterRadius":{"desc":"<p>地球的外半径。<code class=\"codespan\">globeRadius</code> 到 <code class=\"codespan\">globeOuterRadius</code> 之间这片区域会被用于展示三维柱状图,散点图等。</p>\n"},"environment":{"desc":"<p>环境贴图。支持纯色、渐变色、全景贴图的 url。默认为 <code class=\"codespan\">&#39;auto&#39;</code>,在配置有 <a href=\"#globe.light.ambientCubemap.texture\">light.ambientC [...]
\ No newline at end of file
diff --git a/zh/documents/option-gl.json b/zh/documents/option-gl.json
index cecb4ad4..a01795d9 100644
--- a/zh/documents/option-gl.json
+++ b/zh/documents/option-gl.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"globe":{"type":["Object"],"description":"<p>地球组件。组件提供了地球的绘制以及相应的坐标系,开发者可以在上面展示三维的散点图、气泡图、柱状图、飞线图。</p>\n","properties":{"show":{"type":["boolean"],"description":"<p>是否显示地球组件。</p>\n","default":true},"globeRadius":{"type":["number"],"description":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n","default":100},"globeOuterRadius":{"type":["number"], [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"globe":{"type":["Object"],"description":"<p>地球组件。组件提供了地球的绘制以及相应的坐标系,开发者可以在上面展示三维的散点图、气泡图、柱状图、飞线图。</p>\n","properties":{"show":{"type":["boolean"],"description":"<p>是否显示地球组件。</p>\n","default":true},"globeRadius":{"type":["number"],"description":"<p>地球的半径。单位相对于三维空间,跟 <a href=\"#globe.viewControl.distance\">viewControl.distance</a> 相关。</p>\n","default":100},"globeOuterRadius":{"type":["number"], [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option-outline.js b/zh/documents/option-parts/option-outline.js
index 14d0ccd1..11795364 100644
--- a/zh/documents/option-parts/option-outline.js
+++ b/zh/documents/option-parts/option-outline.js
@@ -1 +1 @@
-window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
+window.__EC_DOC_option_outline = {"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight" [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option-outline.json b/zh/documents/option-parts/option-outline.json
index 4d858d9f..3383307c 100644
--- a/zh/documents/option-parts/option-outline.json
+++ b/zh/documents/option-parts/option-outline.json
@@ -1 +1 @@
-{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
+{"children":[{"type":"Object","isObject":true,"prop":"title","children":[{"type":"string","prop":"id"},{"default":true,"prop":"show"},{"default":"''","prop":"text"},{"default":"''","prop":"link"},{"default":"'blank'","prop":"target"},{"type":"Object","isObject":true,"prop":"textStyle","children":[{"type":"Color","default":"'#333'","prop":"color"},{"default":"'normal'","prop":"fontStyle"},{"type":["string","number"],"default":"'bolder'","prop":"fontWeight"},{"default":"'sans-serif'","prop [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-bar.js b/zh/documents/option-parts/option.series-bar.js
index c6ca88a5..3b5259ad 100644
--- a/zh/documents/option-parts/option.series-bar.js
+++ b/zh/documents/option-parts/option.series-bar.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_bar = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series [...]
\ No newline at end of file
+window.__EC_DOC_option_series_bar = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-bar.json b/zh/documents/option-parts/option.series-bar.json
index 87e93d74..d1842a55 100644
--- a/zh/documents/option-parts/option.series-bar.json
+++ b/zh/documents/option-parts/option.series-bar.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-boxplot.js b/zh/documents/option-parts/option.series-boxplot.js
index 97cf65d4..00630fe0 100644
--- a/zh/documents/option-parts/option.series-boxplot.js
+++ b/zh/documents/option-parts/option.series-boxplot.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_boxplot = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用 [...]
\ No newline at end of file
+window.__EC_DOC_option_series_boxplot = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-boxplot.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-boxplot.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用。</p>\n" [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-boxplot.json b/zh/documents/option-parts/option.series-boxplot.json
index afc920d3..f482e0a7 100644
--- a/zh/documents/option-parts/option.series-boxplot.json
+++ b/zh/documents/option-parts/option.series-boxplot.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"desc":"<p>使用的 < [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-boxplot.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-boxplot.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"desc":"<p>使用的 <a href=\ [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-candlestick.js b/zh/documents/option-parts/option.series-candlestick.js
index cbaf8626..fa2b5ce8 100644
--- a/zh/documents/option-parts/option.series-candlestick.js
+++ b/zh/documents/option-parts/option.series-candlestick.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_candlestick = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的 [...]
\ No newline at end of file
+window.__EC_DOC_option_series_candlestick = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-candlestick.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-candlestick.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-candlestick.json b/zh/documents/option-parts/option.series-candlestick.json
index d9871522..6978258f 100644
--- a/zh/documents/option-parts/option.series-candlestick.json
+++ b/zh/documents/option-parts/option.series-candlestick.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"desc":"<p>使用的 < [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-candlestick.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-candlestick.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"desc":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index,在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"desc":"<p>使用的 < [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-custom.js b/zh/documents/option-parts/option.series-custom.js
index cf4755b1..4c52ca22 100644
--- a/zh/documents/option-parts/option.series-custom.js
+++ b/zh/documents/option-parts/option.series-custom.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_custom = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;ser [...]
\ No newline at end of file
+window.__EC_DOC_option_series_custom = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;ser [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-custom.json b/zh/documents/option-parts/option.series-custom.json
index b407738d..6f801054 100644
--- a/zh/documents/option-parts/option.series-custom.json
+++ b/zh/documents/option-parts/option.series-custom.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-effectScatter.js b/zh/documents/option-parts/option.series-effectScatter.js
index 2bf61349..e430e847 100644
--- a/zh/documents/option-parts/option.series-effectScatter.js
+++ b/zh/documents/option-parts/option.series-effectScatter.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_effectScatter = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">& [...]
\ No newline at end of file
+window.__EC_DOC_option_series_effectScatter = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">& [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-effectScatter.json b/zh/documents/option-parts/option.series-effectScatter.json
index d8729d46..ff81172f 100644
--- a/zh/documents/option-parts/option.series-effectScatter.json
+++ b/zh/documents/option-parts/option.series-effectScatter.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-gauge.js b/zh/documents/option-parts/option.series-gauge.js
index 1fbe5e96..c0a5454c 100644
--- a/zh/documents/option-parts/option.series-gauge.js
+++ b/zh/documents/option-parts/option.series-gauge.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_gauge = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;seri [...]
\ No newline at end of file
+window.__EC_DOC_option_series_gauge = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;seri [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-gauge.json b/zh/documents/option-parts/option.series-gauge.json
index 2fdf0b52..1eb2e540 100644
--- a/zh/documents/option-parts/option.series-gauge.json
+++ b/zh/documents/option-parts/option.series-gauge.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-graph.js b/zh/documents/option-parts/option.series-graph.js
index a6732585..d22960e2 100644
--- a/zh/documents/option-parts/option.series-graph.js
+++ b/zh/documents/option-parts/option.series-graph.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_graph = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"desc":"\n\n<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n","uiControl":{"type":"boolean","default":"true"}},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"code [...]
\ No newline at end of file
+window.__EC_DOC_option_series_graph = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"desc":"\n\n<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n","uiControl":{"type":"boolean","default":"true"}},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"code [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-graph.json b/zh/documents/option-parts/option.series-graph.json
index 50cbc889..14ba37e3 100644
--- a/zh/documents/option-parts/option.series-graph.json
+++ b/zh/documents/option-parts/option.series-graph.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"desc":"\n\n<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n","uiControl":{"type":"boolean","default":"true"}},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">null</code> 或者 <code class=\"co [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"desc":"\n\n<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n","uiControl":{"type":"boolean","default":"true"}},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">null</code> 或者 <code class=\"co [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-heatmap.js b/zh/documents/option-parts/option.series-heatmap.js
index 624a4320..6ad9aba9 100644
--- a/zh/documents/option-parts/option.series-heatmap.js
+++ b/zh/documents/option-parts/option.series-heatmap.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_heatmap = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href= [...]
\ No newline at end of file
+window.__EC_DOC_option_series_heatmap = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href= [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-heatmap.json b/zh/documents/option-parts/option.series-heatmap.json
index 3cb076f9..512cfec5 100644
--- a/zh/documents/option-parts/option.series-heatmap.json
+++ b/zh/documents/option-parts/option.series-heatmap.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-heatmap.yAxisIndex\">yAxisInde [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"desc":"<p>该系列使用的坐标系,可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系(也称笛卡尔坐标系),通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-heatmap.yAxisIndex\">yAxisInde [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-line.js b/zh/documents/option-parts/option.series-line.js
index e122122f..a3a78b79 100644
--- a/zh/documents/option-parts/option.series-line.js
+++ b/zh/documents/option-parts/option.series-line.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_line = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;serie [...]
\ No newline at end of file
+window.__EC_DOC_option_series_line = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;serie [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-line.json b/zh/documents/option-parts/option.series-line.json
index 698dc51e..bc0dec3d 100644
--- a/zh/documents/option-parts/option.series-line.json
+++ b/zh/documents/option-parts/option.series-line.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-lines.js b/zh/documents/option-parts/option.series-lines.js
index a668e93e..a48d2248 100644
--- a/zh/documents/option-parts/option.series-lines.js
+++ b/zh/documents/option-parts/option.series-lines.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_lines = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;seri [...]
\ No newline at end of file
+window.__EC_DOC_option_series_lines = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;seri [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-lines.json b/zh/documents/option-parts/option.series-lines.json
index 9018b1fb..230485b8 100644
--- a/zh/documents/option-parts/option.series-lines.json
+++ b/zh/documents/option-parts/option.series-lines.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-pictorialBar.js b/zh/documents/option-parts/option.series-pictorialBar.js
index 37a3671e..154aa5c3 100644
--- a/zh/documents/option-parts/option.series-pictorialBar.js
+++ b/zh/documents/option-parts/option.series-pictorialBar.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_pictorialBar = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&# [...]
\ No newline at end of file
+window.__EC_DOC_option_series_pictorialBar = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&# [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-pictorialBar.json b/zh/documents/option-parts/option.series-pictorialBar.json
index 88c848dd..d30631cd 100644
--- a/zh/documents/option-parts/option.series-pictorialBar.json
+++ b/zh/documents/option-parts/option.series-pictorialBar.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-pie.js b/zh/documents/option-parts/option.series-pie.js
index 8cc7ef0e..e5606b40 100644
--- a/zh/documents/option-parts/option.series-pie.js
+++ b/zh/documents/option-parts/option.series-pie.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_pie = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series [...]
\ No newline at end of file
+window.__EC_DOC_option_series_pie = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-pie.json b/zh/documents/option-parts/option.series-pie.json
index 40696f4e..c488fb2b 100644
--- a/zh/documents/option-parts/option.series-pie.json
+++ b/zh/documents/option-parts/option.series-pie.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-scatter.js b/zh/documents/option-parts/option.series-scatter.js
index f3e56b9e..91bc336a 100644
--- a/zh/documents/option-parts/option.series-scatter.js
+++ b/zh/documents/option-parts/option.series-scatter.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_scatter = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;se [...]
\ No newline at end of file
+window.__EC_DOC_option_series_scatter = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;se [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-scatter.json b/zh/documents/option-parts/option.series-scatter.json
index 549eeff3..c991f660 100644
--- a/zh/documents/option-parts/option.series-scatter.json
+++ b/zh/documents/option-parts/option.series-scatter.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"colorBy":{"desc":"\n\n\n\n<blockquote>\n<p>从 <code class=\"codespan\">v5.2.0</code> 开始支持</p>\n</blockquote>\n<p>从调色盘 <a href=\"#color\">option.color</a> 中取色的策略,可取值为:</p>\n<ul>\n<li><code class=\"codespan\">&#39;series&#39;</code>:按照系列分配调色盘中的颜色,同一系列中的所有数 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-sunburst.js b/zh/documents/option-parts/option.series-sunburst.js
index 28508cc6..a8fc9a20 100644
--- a/zh/documents/option-parts/option.series-sunburst.js
+++ b/zh/documents/option-parts/option.series-sunburst.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_sunburst = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code [...]
\ No newline at end of file
+window.__EC_DOC_option_series_sunburst = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-sunburst.json b/zh/documents/option-parts/option.series-sunburst.json
index 92c32fca..1d3e3d7a 100644
--- a/zh/documents/option-parts/option.series-sunburst.json
+++ b/zh/documents/option-parts/option.series-sunburst.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code class=\"codespan\">zlevel</code>。需要注意的是过 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code class=\"codespan\">zlevel</code>。需要注意的是过 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-treemap.js b/zh/documents/option-parts/option.series-treemap.js
index ae9cb08e..ad52087f 100644
--- a/zh/documents/option-parts/option.series-treemap.js
+++ b/zh/documents/option-parts/option.series-treemap.js
@@ -1 +1 @@
-window.__EC_DOC_option_series_treemap = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code  [...]
\ No newline at end of file
+window.__EC_DOC_option_series_treemap = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code  [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.series-treemap.json b/zh/documents/option-parts/option.series-treemap.json
index a82287ac..62a965b4 100644
--- a/zh/documents/option-parts/option.series-treemap.json
+++ b/zh/documents/option-parts/option.series-treemap.json
@@ -1 +1 @@
-{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code class=\"codespan\">zlevel</code>。需要注意的是过 [...]
\ No newline at end of file
+{"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"desc":"<p>系列名称,用于<a href=\"#tooltip\">tooltip</a>的显示,<a href=\"#legend\">legend</a> 的图例筛选,在 <code class=\"codespan\">setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code class=\"codespan\">zlevel</code>。需要注意的是过 [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.tooltip.js b/zh/documents/option-parts/option.tooltip.js
index cd31c4aa..19b03b8f 100644
--- a/zh/documents/option-parts/option.tooltip.js
+++ b/zh/documents/option-parts/option.tooltip.js
@@ -1 +1 @@
-window.__EC_DOC_option_tooltip = {"show":{"desc":"\n\n<p>是否显示提示框组件。</p>\n<p>包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>触发类型。</p>\n<p>可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code class=\"codespan\">&#39;axis&#39;</code></p>\n<p>  坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigg [...]
\ No newline at end of file
+window.__EC_DOC_option_tooltip = {"show":{"desc":"\n\n<p>是否显示提示框组件。</p>\n<p>包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>触发类型。</p>\n<p>可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code class=\"codespan\">&#39;axis&#39;</code></p>\n<p>  坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigg [...]
\ No newline at end of file
diff --git a/zh/documents/option-parts/option.tooltip.json b/zh/documents/option-parts/option.tooltip.json
index de8cdebb..c36f8208 100644
--- a/zh/documents/option-parts/option.tooltip.json
+++ b/zh/documents/option-parts/option.tooltip.json
@@ -1 +1 @@
-{"show":{"desc":"\n\n<p>是否显示提示框组件。</p>\n<p>包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>触发类型。</p>\n<p>可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code class=\"codespan\">&#39;axis&#39;</code></p>\n<p>  坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger,在 ECharts 3 中支持在<a href=\"#gri [...]
\ No newline at end of file
+{"show":{"desc":"\n\n<p>是否显示提示框组件。</p>\n<p>包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n","uiControl":{"type":"boolean","default":"true"}},"trigger":{"desc":"\n\n<p>触发类型。</p>\n<p>可选:</p>\n<ul>\n<li><p><code class=\"codespan\">&#39;item&#39;</code></p>\n<p>  数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code class=\"codespan\">&#39;axis&#39;</code></p>\n<p>  坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger,在 ECharts 3 中支持在<a href=\"#gri [...]
\ No newline at end of file
diff --git a/zh/documents/option.json b/zh/documents/option.json
index c8a6358a..e11f3900 100644
--- a/zh/documents/option.json
+++ b/zh/documents/option.json
@@ -1 +1 @@
-{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>标题组件,包含主标题和副标题。</p>\n<p>在 ECharts 2.x 中单个 ECharts 实例最多只能拥有一个标题组件。但是在 ECharts 3 中可以存在任意多个标题组件,这在需要标题进行排版,或者单个实例中的多个图表都需要标题时会比较有用。</p>\n<p><strong>例如下面不同缓动函数效果的示例,每一个缓动效果图都带有一个标题组件:</strong></p>\n<iframe  data-src=\"https://echarts.apache.org/examples/zh/view.html?c=line-easing&edit=1&reset=1\" width=\"700\" height=\"400\"></iframe>\n\n\n\n\n\n","exam [...]
\ No newline at end of file
+{"$schema":"https://echarts.apache.org/doc/json-schema","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>标题组件,包含主标题和副标题。</p>\n<p>在 ECharts 2.x 中单个 ECharts 实例最多只能拥有一个标题组件。但是在 ECharts 3 中可以存在任意多个标题组件,这在需要标题进行排版,或者单个实例中的多个图表都需要标题时会比较有用。</p>\n<p><strong>例如下面不同缓动函数效果的示例,每一个缓动效果图都带有一个标题组件:</strong></p>\n<iframe  data-src=\"https://echarts.apache.org/examples/zh/view.html?c=line-easing&edit=1&reset=1\" width=\"700\" height=\"400\"></iframe>\n\n\n\n\n\n","exam [...]
\ No newline at end of file
diff --git a/zh/index.html b/zh/index.html
index 51ba1c4d..bd3c2462 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -125,7 +125,7 @@ transform:scale(0,0);
  </path>
 </svg></div></div></div><div id="home-landing-animation-container"><div id="home-landing-animation-viewport"></div><div id="home-landing-animation-close-btn"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-</svg></div></div></div></div></section><section id="new-version-section">📣 Apache ECharts 5.3 发布了! 查看<a href='https://echarts.apache.org/handbook/zh/basics/release-note/5-3-0?ref=banner' target='_blank'>新特性</a></section><section id="events-section"><div class="container"><a href="https://apachecon.com/acasia2022/zh/?ref=echarts" style="max-width: 1000px; margin: 15px auto" class="event"><picture><source data-srcset="https://echarts.apache.org/zh/images/event/20220509-acasia2022.webp?_v_ [...]
+</svg></div></div></div></div></section><section id="new-version-section">📣 Apache ECharts 5.3 发布了! 查看<a href='https://echarts.apache.org/handbook/zh/basics/release-note/5-3-0?ref=banner' target='_blank'>新特性</a></section><section id="events-section"><div class="container"><a href="https://apachecon.com/acasia2022/zh/?ref=echarts" style="max-width: 1000px; margin: 15px auto" class="event"><picture><source data-srcset="https://echarts.apache.org/zh/images/event/20220509-acasia2022.webp?_v_ [...]
     elements_selector: ".lazy"
 };</script><script src="https://fastly.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/zh/option-gl.html b/zh/option-gl.html
index ccbc1e11..008094c8 100644
--- a/zh/option-gl.html
+++ b/zh/option-gl.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = 'a2cda75890';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '9cfa32f2ef';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/zh/option.html b/zh/option.html
index 871fac43..03c2cffe 100644
--- a/zh/option.html
+++ b/zh/option.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = 'a2cda75890';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '9cfa32f2ef';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
diff --git a/zh/spreadsheet.html b/zh/spreadsheet.html
index 177e49a4..13c71c3c 100644
--- a/zh/spreadsheet.html
+++ b/zh/spreadsheet.html
@@ -6,13 +6,13 @@
         + '@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_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/css/spreadsheet.css?_v_=1660286982565"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8 [...]
+</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_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/css/spreadsheet.css?_v_=1664122080245"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8 [...]
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1660286982565',
+    version: '1664122080245',
     basePath: './'
 }, window.globalArgsExtra || {}));
 
@@ -31,7 +31,7 @@ require.config({
         numeral: vendorPath + '/numeral/1.4.7/numeral.min',
         immutable: vendorPath + '/immutable/3.7.4/dist/immutable'
     },
-    urlArgs: '_v_=1660286982565'
+    urlArgs: '_v_=1664122080245'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/zh/tutorial.html b/zh/tutorial.html
index 4faccfaf..702fbfdc 100644
--- a/zh/tutorial.html
+++ b/zh/tutorial.html
@@ -9,7 +9,7 @@
 </script><title>Documentation - Apache ECharts</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=7ac656f1d0"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+}</style><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=a9cf686491"><script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
 <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><noscript><div class="no-script"><strong>很抱歉,Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &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:;" onc [...]
 window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 </script><script type="text/javascript">window.globalArgsExtra = {
@@ -19,7 +19,7 @@ window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
 };
 if (window.EC_WWW_CDN_PAY_ROOT) {
     window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/zh/' + window.globalArgsExtra.baseUrl
-}</script><script type="text/javascript">window.globalArgsExtra.version = 'a2cda75890';
+}</script><script type="text/javascript">window.globalArgsExtra.version = '9cfa32f2ef';
 echartsDoc.init('#ec-doc-main', window.globalArgsExtra);</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");


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