You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by su...@apache.org on 2020/08/10 15:10:29 UTC

[incubator-echarts-website] branch asf-site updated: update

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

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


The following commit(s) were added to refs/heads/asf-site by this push:
     new 40bb075  update
40bb075 is described below

commit 40bb07507904a519490a2fdba1f4a0a188f3ea6a
Author: 100pah <su...@gmail.com>
AuthorDate: Mon Aug 10 23:10:09 2020 +0800

    update
---
 components/builder.html                     |   4 +-
 components/download.html                    |   4 +-
 components/nav.html                         |   2 +-
 components/svg/external-link.html           |   1 +
 en/404.html                                 |   4 +-
 en/api.html                                 |   8 +-
 en/builder.html                             |   4 +-
 en/builder/echarts.html                     |   2 +-
 en/changelog.html                           | 124 +++----
 en/cheat-sheet.html                         |   6 +-
 en/coding-standard.html                     |   6 +-
 en/committers.html                          |   4 +-
 en/contributing.html                        |   4 +-
 en/css/doc-bundle.css                       |  22 --
 en/css/main.css                             |   2 +-
 en/dependencies.html                        |   4 +-
 en/download-extension.html                  |   4 +-
 en/download-map.html                        |   6 +-
 en/download-theme.html                      |   6 +-
 en/download.html                            |   6 +-
 en/faq.html                                 |   6 +-
 en/feature.html                             |   4 +-
 en/index.html                               |   8 +-
 en/js/doc-bundle.js                         |  10 +-
 en/maillist.html                            |   4 +-
 en/nav.html                                 |   2 +-
 en/option-gl.html                           |   8 +-
 en/option.html                              |   8 +-
 en/option3.html                             |   4 +-
 en/resources.html                           |  22 ++
 en/security.html                            |   4 +-
 en/spreadsheet.html                         |  10 +-
 en/theme-builder.html                       | 540 ++++++++++++++++++++++++++++
 en/theme-builder/app.min.js                 |   1 +
 en/theme-builder/main.css                   |   1 +
 en/theme-builder/themes/chalk.json          | 169 +++++++++
 en/theme-builder/themes/dark.json           | 172 +++++++++
 en/theme-builder/themes/default.json        | 173 +++++++++
 en/theme-builder/themes/essos.json          | 171 +++++++++
 en/theme-builder/themes/halloween.json      | 167 +++++++++
 en/theme-builder/themes/infographic.json    | 176 +++++++++
 en/theme-builder/themes/macarons.json       | 180 ++++++++++
 en/theme-builder/themes/purple-passion.json | 169 +++++++++
 en/theme-builder/themes/roma.json           | 181 ++++++++++
 en/theme-builder/themes/shine.json          | 163 +++++++++
 en/theme-builder/themes/vintage.json        | 172 +++++++++
 en/theme-builder/themes/walden.json         | 167 +++++++++
 en/theme-builder/themes/westeros.json       | 168 +++++++++
 en/theme-builder/themes/wonderland.json     | 168 +++++++++
 en/tutorial.html                            |   8 +-
 examples/en/editor.html                     |   8 +-
 examples/en/index.html                      |   8 +-
 examples/en/view.html                       |   6 +-
 examples/zh/editor.html                     |   8 +-
 examples/zh/index.html                      |   8 +-
 examples/zh/view.html                       |   6 +-
 layouts/basic.html                          |   4 +-
 layouts/doc-old.html                        |  10 +-
 layouts/doc.html                            |   8 +-
 resources.html                              |   6 +
 theme-builder.html                          |   6 +
 zh/404.html                                 |   4 +-
 zh/api.html                                 |   8 +-
 zh/builder.html                             |   4 +-
 zh/builder/echarts.html                     |   2 +-
 zh/builder3.html                            |   4 +-
 zh/changelog.html                           | 124 +++----
 zh/cheat-sheet.html                         |   6 +-
 zh/coding-standard.html                     |   6 +-
 zh/committers.html                          |   4 +-
 zh/contributing.html                        |   4 +-
 zh/css/doc-bundle.css                       |  22 --
 zh/css/main.css                             |   2 +-
 zh/css/only_for_cdn_ready_check.css         |   2 +-
 zh/demo.html                                |   6 +-
 zh/dependencies.html                        |   4 +-
 zh/download-extension.html                  |   4 +-
 zh/download-map.html                        |   4 +-
 zh/download-theme.html                      |   6 +-
 zh/download.html                            |   4 +-
 zh/download3.html                           |   4 +-
 zh/examples.html                            |   6 +-
 zh/faq.html                                 |   6 +-
 zh/feature.html                             |   4 +-
 zh/index.html                               |   8 +-
 zh/js/doc-bundle.js                         |  10 +-
 zh/maillist.html                            |   4 +-
 zh/option-gl.html                           |   8 +-
 zh/option.html                              |   8 +-
 zh/option3.html                             |  10 +-
 zh/resources.html                           |  22 ++
 zh/security.html                            |   6 +-
 zh/spreadsheet.html                         |  10 +-
 zh/theme-builder.html                       | 540 ++++++++++++++++++++++++++++
 zh/theme-builder/app.min.js                 |   1 +
 zh/theme-builder/main.css                   |   1 +
 zh/theme-builder/themes/chalk.json          | 169 +++++++++
 zh/theme-builder/themes/dark.json           | 172 +++++++++
 zh/theme-builder/themes/default.json        | 173 +++++++++
 zh/theme-builder/themes/essos.json          | 171 +++++++++
 zh/theme-builder/themes/halloween.json      | 167 +++++++++
 zh/theme-builder/themes/infographic.json    | 176 +++++++++
 zh/theme-builder/themes/macarons.json       | 180 ++++++++++
 zh/theme-builder/themes/purple-passion.json | 169 +++++++++
 zh/theme-builder/themes/roma.json           | 181 ++++++++++
 zh/theme-builder/themes/shine.json          | 163 +++++++++
 zh/theme-builder/themes/vintage.json        | 172 +++++++++
 zh/theme-builder/themes/walden.json         | 167 +++++++++
 zh/theme-builder/themes/westeros.json       | 168 +++++++++
 zh/theme-builder/themes/wonderland.json     | 168 +++++++++
 zh/tutorial.html                            |   8 +-
 111 files changed, 6243 insertions(+), 366 deletions(-)

diff --git a/components/builder.html b/components/builder.html
index 7664f9d..8ed177b 100644
--- a/components/builder.html
+++ b/components/builder.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>ECharts 在线构建</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
     $('#charts input, #components input, #coords input').each(function () {
         $(this).attr('checked', $(this).parent().hasClass('checked'));
     });
diff --git a/components/download.html b/components/download.html
index 838900a..dc3dd9d 100644
--- a/components/download.html
+++ b/components/download.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>下载 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 //- $('.download-echarts').click(function (e) {
 //-     var el = document.createElement('div');
diff --git a/components/nav.html b/components/nav.html
index 799f443..936836d 100644
--- a/components/nav.html
+++ b/components/nav.html
@@ -1 +1 @@
-<div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/zh/index.html" class="navbar-brand"><img src="https://echarts.apache.org/zh/images/logo.png?_v_=undefined" alt="echarts logo" [...]
\ No newline at end of file
+<div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/zh/index.html" class="navbar-brand"><img src="https://echarts.apache.org/zh/images/logo.png?_v_=undefined" alt="echarts logo" [...]
\ No newline at end of file
diff --git a/components/svg/external-link.html b/components/svg/external-link.html
new file mode 100644
index 0000000..c511d88
--- /dev/null
+++ b/components/svg/external-link.html
@@ -0,0 +1 @@
+<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
\ No newline at end of file
diff --git a/en/404.html b/en/404.html
index e9897fb..25c8c77 100644
--- a/en/404.html
+++ b/en/404.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/api.html b/en/api.html
index a042b0c..2e5a20e 100644
--- a/en/api.html
+++ b/en/api.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+}</style><link rel="stylesheet" href="https://cdn.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_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/api-parts',
     docType: 'api',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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.html b/en/builder.html
index 4082313..f68fe56 100644
--- a/en/builder.html
+++ b/en/builder.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>ECharts Online Builder</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
     $('#charts input, #components input, #coords input').each(function () {
         $(this).attr('checked', $(this).parent().hasClass('checked'));
     });
diff --git a/en/builder/echarts.html b/en/builder/echarts.html
index 913e9af..8cd66d2 100644
--- a/en/builder/echarts.html
+++ b/en/builder/echarts.html
@@ -56,7 +56,7 @@
                 'esprima': 'lib/esprima',
                 'estraverse': 'lib/estraverse'
             },
-            urlArgs: 'v=1596637224557'
+            urlArgs: 'v=1597070591767'
         });
 
         require(['build']);
diff --git a/en/changelog.html b/en/changelog.html
index 969fabd..12d25e9 100644
--- a/en/changelog.html
+++ b/en/changelog.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,119 +7,119 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Changelog - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 <div class="time">2020-05-25</div>
 
 <ul>
-<li><p>[Feature] [toolbox] Support download SVG file in toolbox when using SVG render mode. <a href="https://github.com/apache/incubator-echarts/pull/12144">#12144</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] [toolbox] Support download SVG file in toolbox when using SVG render mode. <a href="https://github.com/apache/incubator-echarts/pull/12144">#12144</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Add more parameters in the loading effect. <a href="https://github.com/apache/incubator-echarts/pull/12414">#12414</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Feature] Add more parameters in the loading effect. <a href="https://github.com/apache/incubator-echarts/pull/12414">#12414</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
 <li><p>[Feature] Support callback for <code>symbolRotate</code>. <a href="https://github.com/apache/incubator-echarts/pull/12348">#12348</a> <a href="https://github.com/apache/incubator-echarts/pull/12354">#12354</a> (<a href="https://github.com/plainheart">plainheart</a>)</p>
 </li>
-<li><p>[Feature] [axis] Callbacks of <code>min</code>, <code>max</code> can return <code>null</code> to use the default value now. <a href="https://github.com/apache/incubator-echarts/pull/12215">#11829</a> (<a href="https://github.com/susiwen8">Su Siwen</a>), <a href="https://github.com/apache/incubator-echarts/pull/12371">#12371</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Feature] [axis] Callbacks of <code>min</code>, <code>max</code> can return <code>null</code> to use the default value now. <a href="https://github.com/apache/incubator-echarts/pull/12215">#11829</a> (<a href="https://github.com/susiwen8">susiwen8</a>), <a href="https://github.com/apache/incubator-echarts/pull/12371">#12371</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Feature] [geo] Add <code>nameProperty</code> to specify the name field of GeoJSON source. <a href="https://github.com/apache/incubator-echarts/pull/12156">#12156</a>  (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
-<li><p>[Fix] [sankey] Fix tooltip not displayed on edges. <a href="https://github.com/apache/incubator-echarts/pull/12011">#12011</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [sankey] Fix tooltip not displayed on edges. <a href="https://github.com/apache/incubator-echarts/pull/12011">#12011</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [sankey] Fix node may disappear when link value is 0. <a href="https://github.com/apache/incubator-echarts/pull/12191">#12191</a> (<a href="https://github.com/susiwen8">Su Siwen</a>), <a href="https://github.com/apache/incubator-echarts/pull/12472">#12472</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [sankey] Fix node may disappear when link value is 0. <a href="https://github.com/apache/incubator-echarts/pull/12191">#12191</a> (<a href="https://github.com/susiwen8">susiwen8</a>), <a href="https://github.com/apache/incubator-echarts/pull/12472">#12472</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [treemap] Add missing params in the foramtter callback. <a href="https://github.com/apache/incubator-echarts/pull/11854">#11854</a> (<a href="https://github.com/susiwen8">Su Siwen</a>, <a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [treemap] Add missing params in the foramtter callback. <a href="https://github.com/apache/incubator-echarts/pull/11854">#11854</a> (<a href="https://github.com/susiwen8">susiwen8</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [calendar] Fix calendar chart layout when user is in a timezone with DST. <a href="https://github.com/apache/incubator-echarts/pull/12172">#12172</a> (<a href="https://github.com/mikeyshing88">mikeyshing88</a>), <a href="https://github.com/apache/incubator-echarts/pull/12466">#12466</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [calendar] Fix calendar chart layout when user is in a timezone with DST. <a href="https://github.com/apache/incubator-echarts/pull/12172">#12172</a> (<a href="https://github.com/mikeyshing88">mikeyshing88</a>), <a href="https://github.com/apache/incubator-echarts/pull/12466">#12466</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [line] Fix safari may crash because of memory explosion when using gradient, shadow with large wide-range animation. <a href="https://github.com/apache/incubator-echarts/pull/12410">#12410</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [line] Fix safari may crash because of memory explosion when using gradient, shadow with large wide-range animation. <a href="https://github.com/apache/incubator-echarts/pull/12410">#12410</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [line] Fix clip bug in chromium when chart size over 18000px. <a href="https://github.com/apache/incubator-echarts/pull/12393">#12393</a> (<a href="https://github.com/zhanfang">Zhan Fang</a>)</p>
+<li><p>[Fix] [line] Fix clip bug in chromium when chart size over 18000px. <a href="https://github.com/apache/incubator-echarts/pull/12393">#12393</a> (<a href="https://github.com/zhanfang">zhanfang</a>)</p>
 </li>
-<li><p>[Fix] [pie] Fix label may disappear when animation is disabled. <a href="https://github.com/apache/incubator-echarts/issues/12243">#12243</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] [pie] Fix label may disappear when animation is disabled. <a href="https://github.com/apache/incubator-echarts/issues/12243">#12243</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] [title] Fix potential security risk when <code>&#39;_blank&#39;</code>  target for link. <a href="https://github.com/apache/incubator-echarts/issues/12380">#12380</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [title] Fix potential security risk when <code>&#39;_blank&#39;</code>  target for link. <a href="https://github.com/apache/incubator-echarts/issues/12380">#12380</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [geo] Fix animation not work when change <code>center</code> or <code>zoom</code> with <code>setOption</code>. <a href="https://github.com/apache/incubator-echarts/pull/12340">#12340</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] [geo] Fix animation not work when change <code>center</code> or <code>zoom</code> with <code>setOption</code>. <a href="https://github.com/apache/incubator-echarts/pull/12340">#12340</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 <li><p>[Fix] [heatmap] Remove the 1px gap. <a href="https://github.com/apache/incubator-echarts/pull/12342">#12342</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] [sunburst] Fix default downplay style not work bug. <a href="https://github.com/apache/incubator-echarts/pull/12264">#12264</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [sunburst] Fix default downplay style not work bug. <a href="https://github.com/apache/incubator-echarts/pull/12264">#12264</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [visualMap] <code>minOpen</code> and <code>maxOpen</code> is not counted into pieces number now. <a href="https://github.com/apache/incubator-echarts/pull/12147">#12147</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [visualMap] <code>minOpen</code> and <code>maxOpen</code> is not counted into pieces number now. <a href="https://github.com/apache/incubator-echarts/pull/12147">#12147</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [bmap] [extension] Fix layer may not been cleared when using progressive rendering. (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [bmap] [extension] Fix layer may not been cleared when using progressive rendering. (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [bmap] [extension] Fix unexpected refresh bug.<a href="https://github.com/apache/incubator-echarts/pull/12411">#12411</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [bmap] [extension] Fix unexpected refresh bug.<a href="https://github.com/apache/incubator-echarts/pull/12411">#12411</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 </ul>
 <h2 id="v4-7-0">v4.7.0</h2>
 <div class="time">2020-03-18</div>
 
 <ul>
-<li><p>[Feature] Provide new layouts for markLine labels. <a href="https://github.com/apache/incubator-echarts/pull/11843">#11843</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Provide new layouts for markLine labels. <a href="https://github.com/apache/incubator-echarts/pull/11843">#11843</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Support background option for bar series. <a href="https://github.com/apache/incubator-echarts/pull/11951">#11951</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Support background option for bar series. <a href="https://github.com/apache/incubator-echarts/pull/11951">#11951</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Support appending tooltip DOM to HTML body. <a href="https://github.com/apache/incubator-echarts/pull/8049">#8049</a> <a href="https://github.com/apache/incubator-echarts/pull/12024">#12024</a> (<a href="https://github.com/xinpureZhu">xinpureZhu</a>, <a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Feature] Support appending tooltip DOM to HTML body. <a href="https://github.com/apache/incubator-echarts/pull/8049">#8049</a> <a href="https://github.com/apache/incubator-echarts/pull/12024">#12024</a> (<a href="https://github.com/xinpureZhu">xinpureZhu</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Feature] Add draggable support to group elements on graphic component. <a href="https://github.com/apache/incubator-echarts/pull/11959">#11959</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add draggable support to group elements on graphic component. <a href="https://github.com/apache/incubator-echarts/pull/11959">#11959</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Feature] Add polyline edge layout for the tree chart. <a href="https://github.com/apache/incubator-echarts/pull/11808">#11808</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Feature] Add polyline edge layout for the tree chart. <a href="https://github.com/apache/incubator-echarts/pull/11808">#11808</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
 <li><p>[Enhance] Enhance continuity line trail for effect line. <a href="https://github.com/apache/incubator-echarts/pull/11893">#11893</a> (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
 <li><p>[Fix] Fix markPoint position in stacked line/bar series. <a href="https://github.com/apache/incubator-echarts/pull/11965">#11965</a> (<a href="https://github.com/yikuangli">yikuangli</a>)</p>
 </li>
-<li><p>[Fix] Radar chart data may appear outside of the radar component. <a href="https://github.com/apache/incubator-echarts/pull/11841">#11841</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] Radar chart data may appear outside of the radar component. <a href="https://github.com/apache/incubator-echarts/pull/11841">#11841</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] Fix treemap highlight action not triggered. <a href="https://github.com/apache/incubator-echarts/pull/12050">#12050</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix treemap highlight action not triggered. <a href="https://github.com/apache/incubator-echarts/pull/12050">#12050</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix geo cannot be restored. <a href="https://github.com/apache/incubator-echarts/pull/12035">#12035</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix geo cannot be restored. <a href="https://github.com/apache/incubator-echarts/pull/12035">#12035</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix Array.prototype.slice is not defined on typed array <a href="https://github.com/apache/incubator-echarts/pull/11956">#11956</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] Fix Array.prototype.slice is not defined on typed array <a href="https://github.com/apache/incubator-echarts/pull/11956">#11956</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] Fix candlestick throw error when some series are filtered by legend. <a href="https://github.com/apache/incubator-echarts/pull/12027">#12027</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix candlestick throw error when some series are filtered by legend. <a href="https://github.com/apache/incubator-echarts/pull/12027">#12027</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix brush component not follow the pan and zoom of coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11998">#11998</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix brush component not follow the pan and zoom of coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11998">#11998</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix action <code>&#39;showTip&#39;</code> dispatched in radar chart. <a href="https://github.com/apache/incubator-echarts/pull/11985">#11985</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix action <code>&#39;showTip&#39;</code> dispatched in radar chart. <a href="https://github.com/apache/incubator-echarts/pull/11985">#11985</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
 <li><p>[Fix] Fix splitArea not work in singleAxis. <a href="https://github.com/apache/incubator-echarts/pull/11890">#11890</a> (<a href="https://github.com/newraina">newraina</a>)</p>
 </li>
-<li><p>[Fix] Fix legend pagination may disappear. <a href="https://github.com/apache/incubator-echarts/pull/11952">#11952</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix legend pagination may disappear. <a href="https://github.com/apache/incubator-echarts/pull/11952">#11952</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] Fix emphasis lineStyle options do not work in sankey chart. <a href="https://github.com/apache/incubator-echarts/pull/11729">#11729</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Fix] Fix emphasis lineStyle options do not work in sankey chart. <a href="https://github.com/apache/incubator-echarts/pull/11729">#11729</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix tooltip formatter has no value in sankey chart. <a href="https://github.com/apache/incubator-echarts/pull/11752">#11752</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Fix] Fix tooltip formatter has no value in sankey chart. <a href="https://github.com/apache/incubator-echarts/pull/11752">#11752</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
 </ul>
 <h2 id="v4-6-0">v4.6.0</h2>
 <div class="time">2019-12-29</div>
 
 <ul>
-<li><p>[Feature] Optimize label layout on pie. Add new <code>alignTo</code> option for aligning the labels. Check more detail in PR <a href="https://github.com/apache/incubator-echarts/pull/11715">#11715</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Optimize label layout on pie. Add new <code>alignTo</code> option for aligning the labels. Check more detail in PR <a href="https://github.com/apache/incubator-echarts/pull/11715">#11715</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Add <code>minorTick</code>, <code>minorSplitLine</code> on axis. Check more detail in the PR <a href="https://github.com/apache/incubator-echarts/pull/11705">#11705</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>minorTick</code>, <code>minorSplitLine</code> on axis. Check more detail in the PR <a href="https://github.com/apache/incubator-echarts/pull/11705">#11705</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Feature] Added more themes. <a href="https://github.com/apache/incubator-echarts/pull/11566">#11566</a> (<a href="https://github.com/WebCodePro719">WebCodePro719</a>)</p>
 </li>
-<li><p>[Enhance] Chart will keep the dragging status when mouse is out of the area. Which will provide a much better dragging experience. <a href="https://github.com/apache/incubator-echarts/pull/11710">#11710</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Enhance] Chart will keep the dragging status when mouse is out of the area. Which will provide a much better dragging experience. <a href="https://github.com/apache/incubator-echarts/pull/11710">#11710</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Enhance] Legend will display colors from <code>visualMap</code> component in <code>pie</code>/<code>funnel</code>/<code>radar</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11737">#11737</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Enhance] Legend will display colors from <code>visualMap</code> component in <code>pie</code>/<code>funnel</code>/<code>radar</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11737">#11737</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Enhance] Enhance dataset default encode guess strategy. <a href="https://github.com/apache/incubator-echarts/pull/11746">#11746</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Enhance] Enhance dataset default encode guess strategy. <a href="https://github.com/apache/incubator-echarts/pull/11746">#11746</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Enhance] Stack icon on toolbox now is a toggle button. Removed tiled icon. <a href="https://github.com/apache/incubator-echarts/pull/11367">#11367</a> (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
-<li><p>[Enhance] Add a delay to avoid flashing when hovering on nodes and edges of <code>graph</code> and <code>sankey</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11572">11572</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Enhance] Add a delay to avoid flashing when hovering on nodes and edges of <code>graph</code> and <code>sankey</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11572">11572</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix bar width calculation with <code>barMaxWidth</code> constraint and negative <code>barGap</code>. <a href="https://github.com/apache/incubator-echarts/pull/11713">#11713</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] Fix bar width calculation with <code>barMaxWidth</code> constraint and negative <code>barGap</code>. <a href="https://github.com/apache/incubator-echarts/pull/11713">#11713</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] Fix seams in <code>heatmap</code> series. Which may cause unexpected gray lines. <a href="https://github.com/apache/incubator-echarts/pull/11689">#11689</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] Fix seams in <code>heatmap</code> series. Which may cause unexpected gray lines. <a href="https://github.com/apache/incubator-echarts/pull/11689">#11689</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Fix] Fix unexpected highlight state after inverse selection in <code>legend</code>. <a href="https://github.com/apache/incubator-echarts/pull/11547">#11547</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
 <li><p>[Fix] Fix tooltip may highlight the point out of chart in <code>line</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11548">#11548</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] Fix label may not disappear on SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/535">ecomfe/zrender#535</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix label may not disappear on SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/535">ecomfe/zrender#535</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 <li><p>[Fix] Not display bar on polar when value is <code>0</code>. <a href="https://github.com/apache/incubator-echarts/issues/11452">#11452</a> (<a href="https://github.com/foolzhang">foolzhang</a>)</p>
 </li>
@@ -129,9 +129,9 @@
 </li>
 <li><p>[Fix] Fix <code>markPoint</code> out of the chart may still display in the wrong position. <a href="https://github.com/apache/incubator-echarts/pull/11484">#11484</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] Fix tooltip shows multiple values around both sides of the pointer. <a href="https://github.com/apache/incubator-echarts/pull/11648">#11648</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix tooltip shows multiple values around both sides of the pointer. <a href="https://github.com/apache/incubator-echarts/pull/11648">#11648</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix <code>label.formatter</code> of leaves in <code>tree</code> series not work. <a href="https://github.com/apache/incubator-echarts/pull/11556">#11556</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix <code>label.formatter</code> of leaves in <code>tree</code> series not work. <a href="https://github.com/apache/incubator-echarts/pull/11556">#11556</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
 <li><p>[Fix] Fix overflow symbol not display when <code>clip</code> is set <code>false</code> in <code>line</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11552">#11552</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
@@ -140,11 +140,11 @@
 <div class="time">2019-11-18</div>
 
 <ul>
-<li><p>[Feature] Add <code>roundCap</code> option for round corners on <code>bar</code> series width <code>polar</code> coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11393">#11393</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Add <code>roundCap</code> option for round corners on <code>bar</code> series width <code>polar</code> coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11393">#11393</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Add event <code>brushEnd</code> for <code>brush</code> component <a href="https://github.com/apache/incubator-echarts/pull/11285">#11285</a>(<a href="https://github.com/cuijian-dexter">Jian Cui</a>)</p>
+<li><p>[Feature] Add event <code>brushEnd</code> for <code>brush</code> component <a href="https://github.com/apache/incubator-echarts/pull/11285">#11285</a>(<a href="https://github.com/cuijian-dexter">cuijian-dexter</a>)</p>
 </li>
-<li><p>[Feature] Add <code>friction</code> option in force layout of <code>graph</code>. <a href="https://github.com/apache/incubator-echarts/pull/11276">#11276</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>friction</code> option in force layout of <code>graph</code>. <a href="https://github.com/apache/incubator-echarts/pull/11276">#11276</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Feature] Add <code>ignoreForceLayout</code> option in the <code>graph</code> links. <a href="https://github.com/apache/incubator-echarts/pull/11445">#11445</a> (<a href="https://github.com/TYzzt">TYzzt</a>)</p>
 </li>
@@ -152,37 +152,37 @@
 </li>
 </ul>
 <ul>
-<li><p>[Feature] Add <code>clip</code> option in <code>candllestick</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11529">#11529</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>clip</code> option in <code>candllestick</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11529">#11529</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] Fix lots of label positioning issues in SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/519">ecomfe/zrender#519</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix lots of label positioning issues in SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/519">ecomfe/zrender#519</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Fix] Fix interval issues related to category axis tick. Like <code>areaStyle.color</code> is incorrect in <a href="https://github.com/apache/incubator-echarts/issues/10948">#10948</a>, <code>xAxis.axisTick.interval</code> is calculated incorrectly in <a href="https://github.com/apache/incubator-echarts/pull/11176">#11176</a> . <a href="https://github.com/apache/incubator-echarts/pull/11186">#11186</a> (<a href="https://github.com/foolzhang">foolzhang</a>)</p>
 </li>
 <li><p>[Fix] Fix <code>bar</code> series can&#39;t display on the <code>log</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11472">#11472</a>(<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] Fix tooltip may be covered by the canvas when <code>-webkit-overflow-scrolling: touch</code> on iOS 13. <a href="https://github.com/ecomfe/zrender/pull/522">ecomfe/zrender#522</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix tooltip may be covered by the canvas when <code>-webkit-overflow-scrolling: touch</code> on iOS 13. <a href="https://github.com/ecomfe/zrender/pull/522">ecomfe/zrender#522</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix some of labels on category axis may disappear forever after chart resized. <a href="https://github.com/apache/incubator-echarts/pull/11536">#11536</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix some of labels on category axis may disappear forever after chart resized. <a href="https://github.com/apache/incubator-echarts/pull/11536">#11536</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix brush drag gets stuck when the mouse leaves the chart area. <a href="https://github.com/apache/incubator-echarts/pull/11516">#11516</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix brush drag gets stuck when the mouse leaves the chart area. <a href="https://github.com/apache/incubator-echarts/pull/11516">#11516</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix image symbol may disappear forever after legend toggled. <a href="https://github.com/apache/incubator-echarts/pull/11515">#11515</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix image symbol may disappear forever after legend toggled. <a href="https://github.com/apache/incubator-echarts/pull/11515">#11515</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] Fix changing from <code>&#39;scroll&#39;</code> type to <code>&#39;plain&#39;</code> type not work bug in legend. <a href="https://github.com/apache/incubator-echarts/pull/11504">#11504</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix changing from <code>&#39;scroll&#39;</code> type to <code>&#39;plain&#39;</code> type not work bug in legend. <a href="https://github.com/apache/incubator-echarts/pull/11504">#11504</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] Optimize layout and bar width of <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. Make the <code>barMaxWidth</code> has higher priority than <code>barWidth</code>. Add <code>barMinWidth</code> for <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11479">#11479</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>, <a href="https://github.com/100pah">Su Shua [...]
+<li><p>[Fix] Optimize layout and bar width of <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. Make the <code>barMaxWidth</code> has higher priority than <code>barWidth</code>. Add <code>barMinWidth</code> for <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11479">#11479</a> (<a href="https://github.com/Ovilia">Ovilia</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix title of toolbox icon may be cut by the container. <a href="https://github.com/apache/incubator-echarts/pull/11456">#11456</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix title of toolbox icon may be cut by the container. <a href="https://github.com/apache/incubator-echarts/pull/11456">#11456</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix precision issue in the ticks calculating. <a href="https://github.com/apache/incubator-echarts/pull/11488">#11488</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix precision issue in the ticks calculating. <a href="https://github.com/apache/incubator-echarts/pull/11488">#11488</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix <code>rotate</code> property of label not work in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11457">#11457</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix <code>rotate</code> property of label not work in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11457">#11457</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix edge won&#39;t disappear after collapsed if the <code>id</code> is duplicated in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11447">#11447</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix edge won&#39;t disappear after collapsed if the <code>id</code> is duplicated in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11447">#11447</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix data disappear when updating with <code>dataset</code> in <code>gauge</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11373">#11373</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix data disappear when updating with <code>dataset</code> in <code>gauge</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11373">#11373</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix gradient on bar leaked to label in SVG Renderer. (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix gradient on bar leaked to label in SVG Renderer. (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 </ul>
 <h2 id="v4-4-0">v4.4.0</h2>
@@ -1300,7 +1300,7 @@ Fix that the line label can not be returned to its original opacity after <code>
 <ul>
 <li>The new echarts</li>
 </ul>
-<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
+<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
 
 // Fix scroll position covered by nav
 window.addEventListener('hashchange', function() {
diff --git a/en/cheat-sheet.html b/en/cheat-sheet.html
index ee76fa2..efacac1 100644
--- a/en/cheat-sheet.html
+++ b/en/cheat-sheet.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,8 +7,8 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Cheat Sheet - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
-</script><script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script><script src="https://echarts.apache.org/en/js/cheat-sheet-en.js?_v_=1596637224557"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+</script><script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script><script src="https://echarts.apache.org/en/js/cheat-sheet-en.js?_v_=1597070591767"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/coding-standard.html b/en/coding-standard.html
index 327129e..3e4d9db 100644
--- a/en/coding-standard.html
+++ b/en/coding-standard.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Coding Standard - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/vendors/prettify/prettify.css?_v_=20200710_1"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/code-prettify@0.1.0/src/prettify.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/code-prettify@0.1.0/src/lang-css.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2. [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 <h3 id="file">File</h3>
 <p><strong>[MUST]</strong> JavaScript Source files must be encoded in UTF-8 without BOM.</p>
 <h3 id="indentation">Indentation</h3>
@@ -574,7 +574,7 @@ var arr = new Array();
 <p><strong>[MUST]</strong> Do not use <code>for in</code> in array traverse.</p>
 <h3 id="others">Others</h3>
 <p><strong>[MUST]</strong> Do not use <code>eval</code> and <code>with</code>. <code>new Function</code> can be used.</p>
-<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
+<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
 
 var $list = $('#standard-nav');
 $('.page-detail h2, .page-detail h3, .page-detail h4')
diff --git a/en/committers.html b/en/committers.html
index 5b8496e..9b8712f 100644
--- a/en/committers.html
+++ b/en/committers.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Committers - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/contributing.html b/en/contributing.html
index e5efe81..7ec0452 100644
--- a/en/contributing.html
+++ b/en/contributing.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Contributing - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="clo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/css/doc-bundle.css b/en/css/doc-bundle.css
index 62e94fd..8a42e1f 100644
--- a/en/css/doc-bundle.css
+++ b/en/css/doc-bundle.css
@@ -1,26 +1,4 @@
 @import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
-@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.35 [...]
-.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,. [...]
-.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{colo [...]
-.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__ite [...]
-.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3 [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-w [...]
-.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:2 [...]
-.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3 [...]
-.el-drawer.ltr,.el-drawer.rtl,.el-drawer__container{top:0;bottom:0;height:100%}.el-drawer.btt,.el-drawer.ttb,.el-drawer__container{left:0;right:0;width:100%}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:t [...]
-.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{conten [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-l [...]
-@charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webk [...]
-.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
-.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}
-.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}
-.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
-.el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500 [...]
 .doc-nav h3 {
   margin: 0;
   padding: 5px;
diff --git a/en/css/main.css b/en/css/main.css
index 199e8b2..95cb9d3 100644
--- a/en/css/main.css
+++ b/en/css/main.css
@@ -1 +1 @@
-@font-face{font-family:'iconfont';src:url("font/iconfont.eot");src:url("font/iconfont.eot?#iefix") format("embedded-opentype"),url("font/iconfont.woff") format("woff"),url("font/iconfont.ttf") format("truetype"),url("font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{font-fami [...]
+@font-face{font-family:'iconfont';src:url("font/iconfont.eot");src:url("font/iconfont.eot?#iefix") format("embedded-opentype"),url("font/iconfont.woff") format("woff"),url("font/iconfont.ttf") format("truetype"),url("font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{font-fami [...]
diff --git a/en/dependencies.html b/en/dependencies.html
index 23b0e91..beb8f75 100644
--- a/en/dependencies.html
+++ b/en/dependencies.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Dependencies - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/download-extension.html b/en/download-extension.html
index d2d43ae..f6bd13d 100644
--- a/en/download-extension.html
+++ b/en/download-extension.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Download Extensions - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/download-map.html b/en/download-map.html
index 85ff4b8..0bff1be 100644
--- a/en/download-map.html
+++ b/en/download-map.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,8 +7,8 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Download Maps - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
-</script><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflecti [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+</script><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflecti [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/download-theme.html b/en/download-theme.html
index 092dcda..3c9c380 100644
--- a/en/download-theme.html
+++ b/en/download-theme.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Download Themes - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/vendors/prettify/prettify.css?_v_=20200710_1"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 &lt;!-- import vintage theme --&gt;
 &lt;script src="theme/vintage.js"&gt;&lt;/script&gt;
 &lt;script&gt;
@@ -17,7 +17,7 @@ chart.setOption({
     ...
 });
 &lt;/script&gt;
-</pre></div></div></section><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not nec [...]
+</pre></div></div></section><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not nec [...]
 
 $('pre').addClass('prettyprint');
 prettyPrint();
diff --git a/en/download.html b/en/download.html
index 1a25948..7b219e5 100644
--- a/en/download.html
+++ b/en/download.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Download - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 #download-main .d-section-version .circle-wrap {
     line-height: 120px;
     font-size: 20px;
@@ -16,7 +16,7 @@
     font-weight: normal;
 }
 */
-</style><nav class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/en/index.html" class="navbar-brand"><img src="https://echarts.apa [...]
+</style><nav class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/en/index.html" class="navbar-brand"><img src="https://echarts.apa [...]
 
 //- var list = [
 //-         {
diff --git a/en/faq.html b/en/faq.html
index ea26187..743b3dd 100644
--- a/en/faq.html
+++ b/en/faq.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,9 +7,9 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>FAQ - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="FAQ - Apache ECharts (incubating)"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" tar [...]
+<!--[if (gt IE 8)|!(IE)]><body class="FAQ - Apache ECharts (incubating)"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" tar [...]
    console.log(params);
-});</code></pre><p>Please refer to <a href="https://gallery.echartsjs.com/editor.html?c=xHyqn_rQ6g">this example</a>.</p><h3>How to make my custom map?</h3><p>The ECharts map is <a href="https://github.com/apache/incubator-echarts/blob/8eeb7e5abe207d0536c62ce1f4ddecc6adfdf85e/src/util/mapData/rawData/encode.js">additionally encoded</a> from original coordinates. You can use the <a href="https://github.com/giscafer/mapshaper-plus">mapshaper-plus tool</a> to upload a custom geojson file an [...]
+});</code></pre><p>Please refer to <a href="https://gallery.echartsjs.com/editor.html?c=xHyqn_rQ6g">this example</a>.</p><h3>How to make my custom map?</h3><p>The ECharts map is <a href="https://github.com/apache/incubator-echarts/blob/8eeb7e5abe207d0536c62ce1f4ddecc6adfdf85e/src/util/mapData/rawData/encode.js">additionally encoded</a> from original coordinates. You can use the <a href="https://github.com/giscafer/mapshaper-plus">mapshaper-plus tool</a> to upload a custom geojson file an [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/feature.html b/en/feature.html
index bb2b4e9..7086303 100644
--- a/en/feature.html
+++ b/en/feature.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Features - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/index.html b/en/index.html
index 45578e2..21ddd9c 100644
--- a/en/index.html
+++ b/en/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 <script type="text/javascript">(function () {
     var ua = navigator.userAgent;
     var ie = ua.match(/MSIE\s([\d.]+)/) || ua.match(/Trident\/.+?rv:(([\d.]+))/);
@@ -17,9 +17,9 @@
 
 </script><section id="feature-section"><div class="container"><div class="row features"><p>Apache ECharts (incubating)<sup>TM</sup> is an incubation project at <a target="_blank" href="https://www.apache.org/">The Apache Software Foundation</a> (ASF).</p></div><div class="row features"><div class="col-sm-4"><div class="feature-icon-panel"><svg width="36px" height="33px" viewbox="0 0 36 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class=" [...]
 <a class="github-button" href="https://github.com/apache/incubator-echarts" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star apache/incubator-echarts on GitHub">GitHub Stars</a></p></div></div><div id="feature-4" class="row feature-detail"><div class="col-sm-4 col"><h2>Brand-new v4.0</h2><p>Rendering ability for ten-million-level data</p><p>Supports both SVG and Canvas rendering</p><p>Seperates data and style configuring</p><p>Accessibility supports</p>< [...]
-</script></div></div></section><section id="publication"><div class="container"><div class="col-sm-8 col"><h2>ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization</h2><p class="note"><i class="note-icon"><img classs="lazy" data-src="https://echarts.apache.org/en/images/note.svg?_v_=20200710_1" /></i> Please cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, [...]
+</script></div></div></section><section id="publication"><div class="container"><div class="col-sm-8 col"><h2>ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization</h2><p class="note"><i class="note-icon"><img classs="lazy" data-src="https://echarts.apache.org/en/images/note.svg?_v_=20200710_1" /></i> Please cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, [...]
     elements_selector: ".lazy"
-};</script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1596637224557"></script><script async defer src="https://buttons.github.io/buttons.js"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+};</script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts.apache.org/en/js/index.js?_v_=1597070591767"></script><script async defer src="https://buttons.github.io/buttons.js"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/js/doc-bundle.js b/en/js/doc-bundle.js
index 5300a92..6b8199a 100644
--- a/en/js/doc-bundle.js
+++ b/en/js/doc-bundle.js
@@ -1,14 +1,8 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.echartsDoc=e():t.echartsDoc=e()}(window,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=functio [...]
-/*!
- * Vue.js v2.6.11
- * (c) 2014-2019 Evan You
- * Released under the MIT License.
- */
-var i=Object.freeze({});function r(t){return null==t}function o(t){return null!=t}function s(t){return!0===t}function a(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function l(t){return null!==t&&"object"==typeof t}var u=Object.prototype.toString;function c(t){return"[object Object]"===u.call(t)}function h(t){return"[object RegExp]"===u.call(t)}function p(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function d(t){r [...]
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue"),require("CodeMirror"),require("beautifier")):"function"==typeof define&&define.amd?define(["Vue","CodeMirror","beautifier"],t):"object"==typeof exports?exports.echartsDoc=t(require("Vue"),require("CodeMirror"),require("beautifier")):e.echartsDoc=t(e.Vue,e.CodeMirror,e.beautifier)}(window,(function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:! [...]
 /*!***************************************************
 * mark.js v8.11.1
 * https://markjs.io/
 * Copyright (c) 2014–2018, Julian Kühnel
 * Released under the MIT license https://git.io/vwTVl
 *****************************************************/
-t.exports=function(){"use strict";var t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.def [...]
\ No newline at end of file
+e.exports=function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},n=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.def [...]
\ No newline at end of file
diff --git a/en/maillist.html b/en/maillist.html
index 944bc69..c610b0e 100644
--- a/en/maillist.html
+++ b/en/maillist.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Mailing List - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/nav.html b/en/nav.html
index f5c1019..bda106c 100644
--- a/en/nav.html
+++ b/en/nav.html
@@ -1 +1 @@
-<div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/en/index.html" class="navbar-brand"><img src="https://echarts.apache.org/en/images/logo.png" alt="echarts logo" class="navbar [...]
\ No newline at end of file
+<div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="https://echarts.apache.org/en/index.html" class="navbar-brand"><img src="https://echarts.apache.org/en/images/logo.png" alt="echarts logo" class="navbar [...]
\ No newline at end of file
diff --git a/en/option-gl.html b/en/option-gl.html
index bcf7e3f..afc5361 100644
--- a/en/option-gl.html
+++ b/en/option-gl.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+}</style><link rel="stylesheet" href="https://cdn.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_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/option-gl-parts',
     docType: 'option-gl',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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 edf5abb..4ddcb06 100644
--- a/en/option.html
+++ b/en/option.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+}</style><link rel="stylesheet" href="https://cdn.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_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/option-parts',
     docType: 'option',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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/option3.html b/en/option3.html
index fe533b8..98d0e53 100644
--- a/en/option3.html
+++ b/en/option3.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts Configurations"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts Configurations"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank [...]
 </script><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflecti [...]
 (function() {
 var hm = document.createElement("script");
diff --git a/en/resources.html b/en/resources.html
new file mode 100644
index 0000000..c3ec2fc
--- /dev/null
+++ b/en/resources.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
+    var el = document.createElement('style');
+    el.innerHTML = ''
+        + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
+        + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
+    document.head.insertBefore(el, document.getElementById('font-hack'));
+}
+</script><title>More Resources - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="More Resources"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class=" [...]
+(function() {
+var hm = document.createElement("script");
+
+hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";
+
+var s = document.getElementsByTagName("script")[0];
+s.parentNode.insertBefore(hm, s);
+})();
+</script><!-- Google Analytics--><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', 'UA-141228404-1');</script></html>
\ No newline at end of file
diff --git a/en/security.html b/en/security.html
index 5804d28..a8c5acf 100644
--- a/en/security.html
+++ b/en/security.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Security - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="Security"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a [...]
+<!--[if (gt IE 8)|!(IE)]><body class="Security"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close- [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/en/spreadsheet.html b/en/spreadsheet.html
index 5272c14..1c610e4 100644
--- a/en/spreadsheet.html
+++ b/en/spreadsheet.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -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 (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/css/spreadsheet.css?_v_=1596637224557"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[i [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+</script><title>Spreadsheet Tool - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/en/css/spreadsheet.css?_v_=1597070591767"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[i [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1596637224557',
+    version: '1597070591767',
     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_=1596637224557'
+    urlArgs: '_v_=1597070591767'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/en/theme-builder.html b/en/theme-builder.html
new file mode 100644
index 0000000..3c5cfbd
--- /dev/null
+++ b/en/theme-builder.html
@@ -0,0 +1,540 @@
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
+    var el = document.createElement('style');
+    el.innerHTML = ''
+        + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
+        + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
+    document.head.insertBefore(el, document.getElementById('font-hack'));
+}
+</script><title>Theme Builder - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/default.css">
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/github.css">
+<link rel="stylesheet" href="./theme-builder/main.css">
+
+<div id="theme-builder">
+  <div class="container-fluid" id="content">
+    <div class="row scroll-parent">
+      <div class="col-md-3 col-sm-4 theme-config">
+
+        <div id="acc-port" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-port" href="#acc-port-body">Basic</a>
+              </h4>
+            </div>
+            <div id="acc-port-body" class="panel-collapse collapse in">
+              <div class="panel-body">
+                <div class="port-row">
+                  <input type="file" @change="importFileChanged" id="input-file" style="display: none" />
+                  <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-primary" data-target="#download-js-modal" data-toggle="modal" @click="useTheme()">
+                      <span class="glyphicon glyphicon-download-alt"></span>
+                      Download
+                    </button>
+                    <button type="button" class="btn btn-default" @click="importJson()">
+                      <span class="glyphicon glyphicon-import"></span>
+                      Import
+                    </button>
+                    <button type="button" class="btn btn-default" @click="exportJson()">
+                      <span class="glyphicon glyphicon-export"></span>
+                      Export
+                    </button>
+                  </div>
+                </div>
+                <div class="port-row">
+                  <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-default" @click="updateCharts(true)">
+                      <span class="glyphicon glyphicon-refresh"></span>
+                      Refresh
+                    </button>
+                    <button type="button" class="btn btn-default" @click="newTheme()">
+                      <span class="glyphicon glyphicon-repeat"></span>
+                      Repeat
+                    </button>
+                    <button class="btn btn-default" data-toggle="modal" data-target="#download-modal">
+                      <span class="glyphicon glyphicon-question-sign"></span>
+                      Help
+                    </button>
+                  </div>
+                </div>
+                <form class="form form-horizontal">
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Name</label>
+                    <div class="col-sm-9">
+                      <input class="form-control" v-model="themeName" />
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Series</label>
+                    <div class="col-sm-9">
+                      <input type="number" class="form-control" v-model="theme.seriesCnt" />
+                    </div>
+                  </div>
+                </form>
+                <form class="form-horizontal">
+                  <hr />
+                  <h5>Default Themes</h5>
+                  <div class="row theme-plan-row">
+                    <div class="col-xs-6" v-for="group in preDefinedThemes">
+                      <a class="theme-plan-group" @click="selectPreDefinedTheme($index)" v-bind:style="{ backgroundColor: group.background }" title="{{ group.name }}">
+                        <div class="theme-plan-color" v-for="color in group.theme" v-bind:style="{ backgroundColor: color }">
+                        </div>
+                      </a>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-port -->
+
+        <div id="acc-theme" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-theme" href="#acc-theme-body">Basic Config</a>
+              </h4>
+            </div>
+            <div id="acc-theme-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="Background" :color.sync="theme.backgroundColor"></config-color>
+                  <config-color title="Title" :color.sync="theme.titleColor"></config-color>
+                  <config-color title="Subtitle" :color.sync="theme.subtitleColor"></config-color>
+                  <config-color-list title="Theme" :colors.sync="theme.color"></config-color-list>
+                  <config-color title="Label Text" :color.sync="theme.markTextColor"></config-color>
+                  <config-number title="Border Width" :value.sync="theme.borderWidth"></config-number>
+                  <config-color title="Border Color" :color.sync="theme.borderColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-theme -->
+
+        <div id="acc-visualmap" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-visualmap" href="#acc-visualmap-body">Visual Mapping</a>
+              </h4>
+            </div>
+            <div id="acc-visualmap-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color-list title="Visual Mapping" :colors.sync="theme.visualMapColor"></config-color-list>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-visualmap -->
+
+        <div id="acc-axis" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-axis" href="#acc-axis-body">Axis</a>
+              </h4>
+            </div>
+            <div id="acc-axis-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <div class="form-group">
+                    <div class="col-sm-12">
+                      <input v-model="theme.axisSeperateSetting" @change="axisSeperateSettingChanges()" type="checkbox" id="axisSeperateSetting" />
+                      <label for="axisSeperateSetting" class="control-label">Change Config For Each Axis Types</label>
+                    </div>
+                  </div>
+                  <div class="axis-group" v-for="axis in theme.axis" v-if="$index > 0 || !theme.axisSeperateSetting">
+                    <h5 v-if="axis.type !== 'all'">{{ axis.type }}</h5>
+                    <config-color can-disable :enabled.sync="axis.axisLineShow" title="Line" :color.sync="axis.axisLineColor"></config-color>
+                    <config-color can-disable :enabled.sync="axis.axisTickShow" title="Tick" :color.sync="axis.axisTickColor"></config-color>
+                    <config-color-list can-disable :enabled.sync="axis.splitLineShow" title="Grid" :colors.sync="axis.splitLineColor"></config-color-list>
+                    <config-color-list can-disable :enabled.sync="axis.splitAreaShow" title="Area" :colors.sync="axis.splitAreaColor"></config-color-list>
+                    <config-color can-disable :enabled.sync="axis.axisLabelShow" title="Label" :color.sync="axis.axisLabelColor"></config-color>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-axis -->
+
+        <div id="acc-legend" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-legend" href="#acc-legend-body" title="legend">Legend</a>
+              </h4>
+            </div>
+            <div id="acc-legend-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.legendTextColor" title="Text"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-legend -->
+
+        <div id="acc-toolbox" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-toolbox" href="#acc-toolbox-body" title="toolbox">Toolbox</a>
+              </h4>
+            </div>
+            <div id="acc-toolbox-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.toolboxColor" title="Item"></config-color>
+                  <config-color :color.sync="theme.toolboxEmpasisColor" title="Empasis"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-toolbox -->
+
+        <div id="acc-tooltip" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-tooltip" href="#acc-tooltip-body" title="tooltip">Tooltip</a>
+              </h4>
+            </div>
+            <div id="acc-tooltip-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.tooltipAxisColor" title="Axis Color"></config-color>
+                  <config-number :value.sync="theme.tooltipAxisWidth" title="Axis Line Width"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-tooltip -->
+
+        <div id="acc-timeline" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-timeline" href="#acc-timeline-body" title="tooltip">Timeline</a>
+              </h4>
+            </div>
+            <div id="acc-timeline-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="Item" :color.sync="theme.timelineItemColor"></config-color>
+                  <config-color title="Emphasis" :color.sync="theme.timelineItemColorE"></config-color>
+                  <config-color title="Check" :color.sync="theme.timelineCheckColor"></config-color>
+                  <config-color title="Check Border Color" :color.sync="theme.timelineCheckBorderColor"></config-color>
+                  <config-number title="Check Border Width" :value.sync="theme.timelineItemBorderWidth"></config-number>
+                  <config-color title="Axis" :color.sync="theme.timelineLineColor"></config-color>
+                  <config-number title="AxisWidth" :value.sync="theme.timelineLineWidth"></config-number>
+                  <config-color title="Control Color" :color.sync="theme.timelineControlColor"></config-color>
+                  <config-color title="Control Border Color" :color.sync="theme.timelineControlBorderColor"></config-color>
+                  <config-number title="Control Border Width" :value.sync="theme.timelineControlBorderWidth"></config-number>
+                  <config-color title="Text Color" :color.sync="theme.timelineLabelColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-timeline -->
+
+        <div id="acc-datazoom" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-datazoom" href="#acc-datazoom-body" title="tooltip">Zoom</a>
+              </h4>
+            </div>
+            <div id="acc-datazoom-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="Background" :color.sync="theme.datazoomBackgroundColor"></config-color>
+                  <config-color title="Data" :color.sync="theme.datazoomDataColor"></config-color>
+                  <config-color title="Filling" :color.sync="theme.datazoomFillColor"></config-color>
+                  <config-color title="Handle" :color.sync="theme.datazoomHandleColor"></config-color>
+                  <config-number title="Handle Size" :value.sync="theme.datazoomHandleWidth"></config-number>
+                  <config-color title="Text" :color.sync="theme.datazoomLabelColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-datazoom -->
+
+        <div id="acc-line" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-line" href="#acc-line-body" title="line">Line Chart</a>
+              </h4>
+            </div>
+            <div id="acc-line-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <div class="form-group">
+                    <div class="col-sm-12">
+                      <input type="checkbox" v-model="theme.lineSmooth" id="lineSmooth" />
+                      <label for="lineSmooth" class="control-label" title="smooth">Smooth Line</label>
+                    </div>
+                  </div>
+                  <config-number title="Line Width" :value.sync="theme.lineWidth"></config-number>
+                  <config-number title="Border Width" :value.sync="theme.symbolBorderWidth"></config-number>
+                  <config-number title="Item Size" :value.sync="theme.symbolSize"></config-number>
+                  <div class="form-group">
+                    <div class="col-sm-12" style="margin-bottom: 10px;">
+                      <label class="control-label">Shape</label>
+                    </div>
+                    <div class="col-sm-12">
+                      <div class="row space-row">
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolCircle" value="circle" @change="updateSymbol('circle')" />
+                          <label for="symbolCircle">Circle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolCircleE" value="circle" checked @change="updateSymbol('emptyCircle')" />
+                          <label for="symbolCircleE">Empty Circle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolRect" value="rect" @change="updateSymbol('rect')" />
+                          <label for="symbolRect">Square</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolRectE" value="rect" @change="updateSymbol('emptyRect')" />
+                          <label for="symbolRectE">Empty Square</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolRoundRect" value="roundRect" @change="updateSymbol('roundRect')" />
+                          <label for="symbolRoundRect">Rounded Rectangle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolRoundRectE" value="roundRect" @change="updateSymbol('emptyRoundRect')" />
+                          <label for="symbolRoundRectE">Empty Rounded Rectangle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolTri" value="triangle" @change="updateSymbol('triangle')" />
+                          <label for="symbolTri">Rectangle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolTriE" value="triangle" @change="updateSymbol('emptyTriangle')" />
+                          <label for="symbolTriE">Empty Rectangle</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolDiamond" value="diamond" @change="updateSymbol('diamond')" />
+                          <label for="symbolDiamond">Diamond</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolDiamondE" value="diamond" @change="updateSymbol('emptyDiamond')" />
+                          <label for="symbolDiamondE">Empty Diamond</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolCircle" value="pin" @change="updateSymbol('pin')" />
+                          <label for="symbolPin">Pin</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolCircleE" value="pin" @change="updateSymbol('emptyPin')" />
+                          <label for="symbolPinE">Empty Pin</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolArrow" value="arrow" @change="updateSymbol('arrow')" />
+                          <label for="symbolArrowE">Arrow</label>
+                        </div>
+                        <div class="col-sm-12">
+                          <input type="radio" name="symbol" id="symbolArrowE" value="arrow" @change="updateSymbol('emptyArrow')" />
+                          <label for="symbolArrowE">Empty Arrow</label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-line -->
+
+        <div id="acc-k" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-k" href="#acc-k-body" title="k">Candlestick Chart</a>
+              </h4>
+            </div>
+            <div id="acc-k-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="Bullish Color" :color.sync="theme.kColor"></config-color>
+                  <config-color title="Bearish Color" :color.sync="theme.kColor0"></config-color>
+                  <config-color title="Bullish Border Color" :color.sync="theme.kBorderColor"></config-color>
+                  <config-color title="Bullish Border Color" :color.sync="theme.kBorderColor0"></config-color>
+                  <config-number title="Border Width" :value.sync="theme.kBorderWidth"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-k -->
+
+        <div id="acc-graph" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-graph" href="#acc-graph-body" title="graph">Force-directed Chart</a>
+              </h4>
+            </div>
+            <div id="acc-graph-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="Line Color" :color.sync="theme.graphLineColor"></config-color>
+                  <config-number title="Line Width" :value.sync="theme.graphLineWidth"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-graph -->
+
+        <div id="acc-about" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-about" href="#acc-about-body" title="graph">About</a>
+              </h4>
+            </div>
+            <div id="acc-about-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                Source code: <a href="https://github.com/Ovilia/ECharts-Theme-Builder" target="_blank">GitHub</a>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-about -->
+
+      </div><!-- end of left -->
+
+      <div class="col-md-9 col-sm-8 chart-container scroll-content"
+          v-bind:style="{ backgroundColor: chartDisplay.background, backgroundImage: themeName == 'halloween' ? 'url(img/pumpkin.png)' : 'none'}">
+
+        <h3 v-bind:style="{ color: chartDisplay.title }">Example</h3>
+
+        <div class="row">
+          <div v-for="i in [1,2,3,4,5,6,7,8,9,10,11,12]" class="ec-container col-md-6">
+            <div class="ec-panel"></div>
+          </div>
+        </div>
+      </div><!-- end of chart panel -->
+
+    </div>
+
+    <div class="modal fade" id="download-modal" tabindex="-1" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title">Help</h4>
+          </div>
+          <div class="modal-body">
+            <h4>What is the ECharts Theme Online Build Tool?</h4>
+            <p>"Theme" is an abstract style of ECharts charts, used to unify the styles of multiple charts. Using Online Build Tool, you can intuitively generate the theme Config file and use customized theme styles in ECharts.</p>
+            <p>You can still use <code>setOption</code> to override or set the theme style.</p>
+            <p>ECharts officially provides theme: <code>default</code>、<code>infographic</code>、<code>shine</code>、<code>roma</code>、<code>macarons</code>、<code>vintage</code>, etc.. Available for download <a href="http://echarts.baidu.com/download-theme.html" target="_blank">here</a>.</p>
+
+            <h4>Import & Export</h4>
+            <p>In order to facilitate secondary modification, our theme building tool supports importing and exporting Config items. The exported JSON file can be used only in this tool, but not in ECharts directly. </p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">cancel</button>
+          </div>
+        </div>
+      </div>
+    </div><!-- end of modal -->
+
+    <div class="modal fade" id="download-js-modal" tabindex="-1" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title">Theme Download</h4>
+          </div>
+          <div class="modal-body">
+            <!-- tab nav -->
+            <ul class="nav nav-tabs" role="tablist">
+              <li role="presentation" class="active">
+                <a href="#modal-js" role="tab" data-toggle="tab">
+                  JS version
+                </a>
+              </li>
+              <li role="presentation">
+                <a href="#modal-json" role="tab" data-toggle="tab">
+                  JSON version
+                </a>
+              </li>
+            </ul>
+
+            <!-- tab content -->
+            <div class="tab-content">
+              <div role="tabpanel" class="tab-pane active" id="modal-js">
+                <ol id="how-to-use-js">
+                  <li><span v-if="downloadable">Download or </span>copy the following theme and save as a <code>*.js</code> file; </li>
+                  <li>Quote this file in HTML</li>
+                  <li>Use <code>echarts.init(dom, '{{ themeName || 'customed' }}')</code> to create the chart. The second parameter is the theme name registered in <code>*.js</code>. </li>
+                </ol>
+                <div class="code-btn">
+                  <div class="btn-group" role="group">
+                    <a v-if="downloadable" class="btn btn-sm btn-primary" @click="downloadThemeJs()">Download</a>
+                    <a class="btn btn-sm btn-default" @click="copyThemeJs()">Copy</a>
+                  </div>
+                  <label id="copy-js-success">Successfully copied to clipboard, please save as <code>*.js</code>. </label>
+                  <label id="copy-js-fail">Please use <kbd>{{ copyKbd }}</kbd> + <kbd>s</kbd> to copy, and save as <code>*.js</code> file. </label>
+                </div>
+                <pre>
+                  <code class="javascript" id="js-code"></code>
+                </pre>
+              </div>
+              <div role="tabpanel" class="tab-pane" id="modal-json">
+                <ol id="how-to-use-json">
+                  <li><span v-if="downloadable">Download or </span>copy and save the following theme as <code>*.json</code>; </li>
+                  <li>Read this JSON file and use <code>obj = JSON.parse(data)</code> to transfer it as object; </li>
+                  <li>Call <code>echarts.registerTheme('{{ themeName || 'customed' }}', obj)</code> to register the theme. </li>
+                  <li>Use <code>echarts.init(dom, '{{ themeName || 'customed' }}')</code> to create the chart. The second parameter represents the theme name. </li>
+                </ol>
+                <div class="code-btn">
+                  <div class="btn-group" role="group">
+                    <a v-if="downloadable" class="btn btn-sm btn-primary" @click="downloadThemeJson()">Download</a>
+                    <a class="btn btn-sm btn-default" @click="copyThemeJson()">Copy</a>
+                  </div>
+                  <label id="copy-json-success">Successfully copied to clipboard, please save as <code>*.json</code> file. </label>
+                  <label id="copy-json-fail">Please use <kbd>{{ copyKbd }}</kbd> + <kbd>s</kbd> to copy, and save as <code>*.json</code> file. </label>
+                </div>
+                <pre>
+                  <code class="json" id="json-code"></code>
+                </pre>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">cancel</button>
+          </div>
+        </div>
+      </div>
+    </div><!-- end of modal -->
+  </div>
+
+</div>
+
+<script src="//cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/lodash@4.17.19/lodash.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/bootstrap-colorpicker@2.5.3/dist/js/bootstrap-colorpicker.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/vue@1.0.28/dist/vue.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/highlight.pack.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/file-saver@2.0.2/dist/FileSaver.min.js"></script>
+
+<script src="./theme-builder/app.min.js"></script></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/en/js/common.js?_v_=1597070591767"></script><script type="text/javascript">document.getElementById('nav-resources').className = 'active';</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+(function() {
+var hm = document.createElement("script");
+
+hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";
+
+var s = document.getElementsByTagName("script")[0];
+s.parentNode.insertBefore(hm, s);
+})();
+</script><!-- Google Analytics--><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', 'UA-141228404-1');</script></html>
\ No newline at end of file
diff --git a/en/theme-builder/app.min.js b/en/theme-builder/app.min.js
new file mode 100644
index 0000000..82c64f9
--- /dev/null
+++ b/en/theme-builder/app.min.js
@@ -0,0 +1 @@
+var VueColor=Vue.extend({template:'<div class="input-group colorpicker-component"><input type="text" class="form-control" debounce="2000" /><span class="input-group-addon"><i></i></span></div>',compiled:function(){var a=this,t=$(this.$el);t.find("input").val(this.color),t.colorpicker().on("changeColor",function(){var e=t.find("input").val();echarts.color.parse(e)&&a.$set("color",e)}),a.$watch("color",function(e){t.colorpicker("setValue",e)})},props:{color:{twoWay:!0}}});Vue.component("co [...]
\ No newline at end of file
diff --git a/en/theme-builder/main.css b/en/theme-builder/main.css
new file mode 100644
index 0000000..d30d028
--- /dev/null
+++ b/en/theme-builder/main.css
@@ -0,0 +1 @@
+#theme-builder{overflow-x:hidden;text-align:left}#theme-builder a{cursor:pointer;color:#293c55}#theme-builder .btn{transition:0.5s}#theme-builder .btn-default{border-color:#eee;color:#293c55}#theme-builder .btn-default:hover,#theme-builder .btn-default:active,#theme-builder .btn-default:focus,#theme-builder .btn-default.active{border-color:#ddd;background-color:#eee;color:#293c55}#theme-builder .btn-primary{border-color:#314866;background-color:#3a5477}#theme-builder .btn-primary:hover,# [...]
diff --git a/en/theme-builder/themes/chalk.json b/en/theme-builder/themes/chalk.json
new file mode 100644
index 0000000..54ab33c
--- /dev/null
+++ b/en/theme-builder/themes/chalk.json
@@ -0,0 +1,169 @@
+{
+    "version": 1,
+    "themeName": "chalk",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(41,52,65,1)",
+        "titleColor": "#ffffff",
+        "subtitleColor": "#dddddd",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#293441",
+        "color": [
+            "#fc97af",
+            "#87f7cf",
+            "#f7f494",
+            "#72ccff",
+            "#f7c5a0",
+            "#d4a4eb",
+            "#d2f5a6",
+            "#76f2f2"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#fc97af",
+            "#87f7cf"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#fc97af",
+        "kColor0": "transparent",
+        "kBorderColor": "#fc97af",
+        "kBorderColor0": "#87f7cf",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "0",
+        "symbol": "circle",
+        "symbolBorderWidth": "4",
+        "lineSmooth": true,
+        "graphLineWidth": "1",
+        "graphLineColor": "#ffffff",
+        "mapLabelColor": "#893448",
+        "mapLabelColorE": "rgb(137,52,72)",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#eb8146",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "rgba(255,178,72,1)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#666666",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#aaaaaa",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#e6e6e6"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#87f7cf",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#87f7cf",
+        "timelineItemColorE": "#f7f494",
+        "timelineCheckColor": "#fc97af",
+        "timelineCheckBorderColor": "rgba(252,151,175,0.3)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#87f7cf",
+        "timelineControlBorderColor": "#87f7cf",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#87f7cf",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(114,204,255,1)",
+        "datazoomFillColor": "rgba(114,204,255,0.2)",
+        "datazoomHandleColor": "#72ccff",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/dark.json b/en/theme-builder/themes/dark.json
new file mode 100644
index 0000000..07f8f2a
--- /dev/null
+++ b/en/theme-builder/themes/dark.json
@@ -0,0 +1,172 @@
+{
+    "version": 1,
+    "themeName": "dark",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(51,51,51,1)",
+        "titleColor": "#eeeeee",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#dd6b66",
+            "#759aa0",
+            "#e69d87",
+            "#8dc1a9",
+            "#ea7e53",
+            "#eedd78",
+            "#73a373",
+            "#73b9bc",
+            "#7289ab",
+            "#91ca8c",
+            "#f49f42"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#eeeeee",
+        "kColor": "#fd1050",
+        "kColor0": "#0cf49b",
+        "kBorderColor": "#fd1050",
+        "kBorderColor0": "#0cf49b",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "circle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#eeeeee",
+                "axisTickShow": true,
+                "axisTickColor": "#eeeeee",
+                "axisLabelShow": true,
+                "axisLabelColor": "#eeeeee",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#aaaaaa"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "#eeeeee"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#eeeeee",
+        "tooltipAxisWidth": "1",
+        "timelineLineColor": "#eeeeee",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#dd6b66",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#eeeeee",
+        "timelineControlBorderColor": "#eeeeee",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#eeeeee",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#eeeeee"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/default.json b/en/theme-builder/themes/default.json
new file mode 100644
index 0000000..8401f30
--- /dev/null
+++ b/en/theme-builder/themes/default.json
@@ -0,0 +1,173 @@
+{
+    "version": 1,
+    "themeName": "default",
+    "theme": {
+        "seriesCnt": 3,
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c23531",
+            "#2f4554",
+            "#61a0a8",
+            "#d48265",
+            "#91c7ae",
+            "#749f83",
+            "#ca8622",
+            "#bda29a",
+            "#6e7074",
+            "#546570",
+            "#c4ccd3"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c23531",
+        "kColor0": "#314656",
+        "kBorderColor": "#c23531",
+        "kBorderColor0": "#314656",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/en/theme-builder/themes/essos.json b/en/theme-builder/themes/essos.json
new file mode 100644
index 0000000..4dad4b7
--- /dev/null
+++ b/en/theme-builder/themes/essos.json
@@ -0,0 +1,171 @@
+{
+    "version": 1,
+    "themeName": "essos",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(242,234,191,0.15)",
+        "titleColor": "#893448",
+        "subtitleColor": "#d95850",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#893448",
+            "#d95850",
+            "#eb8146",
+            "#ffb248",
+            "#f2d643",
+            "#ebdba4"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#893448",
+            "#d95850",
+            "#eb8146",
+            "#ffb248",
+            "#f2d643",
+            "rgb(247,238,173)"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#eb8146",
+        "kColor0": "transparent",
+        "kBorderColor": "#d95850",
+        "kBorderColor0": "#58c470",
+        "kBorderWidth": "2",
+        "lineWidth": "2",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#893448",
+        "mapLabelColorE": "#893448",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#eb8146",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#ffb248",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#aaaaaa",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#e6e6e6"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#893448",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#893448",
+        "timelineItemColorE": "#ffb248",
+        "timelineCheckColor": "#eb8146",
+        "timelineCheckBorderColor": "rgba(255,178,72,0.41)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#893448",
+        "timelineControlBorderColor": "#893448",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#893448",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(255,178,72,0.5)",
+        "datazoomFillColor": "rgba(255,178,72,0.15)",
+        "datazoomHandleColor": "#ffb248",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/halloween.json b/en/theme-builder/themes/halloween.json
new file mode 100644
index 0000000..6c32f62
--- /dev/null
+++ b/en/theme-builder/themes/halloween.json
@@ -0,0 +1,167 @@
+{
+    "version": 1,
+    "themeName": "halloween",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(64,64,64,0.5)",
+        "titleColor": "#ffaf51",
+        "subtitleColor": "#eeeeee",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#333333",
+        "color": [
+            "#ff715e",
+            "#ffaf51",
+            "#ffee51",
+            "#8c6ac4",
+            "#715c87"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": "0",
+        "visualMapColor": [
+            "#ff715e",
+            "#ffee51",
+            "#797fba"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#ffee51",
+        "kColor0": "rgba(255,255,255,0)",
+        "kBorderColor": "#ff715e",
+        "kBorderColor0": "#797fba",
+        "kBorderWidth": "1",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#888888",
+        "mapLabelColor": "#ffffff",
+        "mapLabelColorE": "#ffee51",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#ffaf51",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#555555",
+        "mapAreaColorE": "rgba(255,175,81,0.5)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#666666",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#555555"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#ffaf51",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#ffaf51",
+        "timelineItemColorE": "#ffaf51",
+        "timelineCheckColor": "#ff715e",
+        "timelineCheckBorderColor": "rgba(255,113,94,0.4)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#ffaf51",
+        "timelineControlBorderColor": "#ffaf51",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#ff715e",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(255,113,94,0.2)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/infographic.json b/en/theme-builder/themes/infographic.json
new file mode 100644
index 0000000..4f564ec
--- /dev/null
+++ b/en/theme-builder/themes/infographic.json
@@ -0,0 +1,176 @@
+{
+    "version": 1,
+    "themeName": "infographic",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#27727b",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c1232b",
+            "#27727b",
+            "#fcce10",
+            "#e87c25",
+            "#b5c334",
+            "#fe8463",
+            "#9bca63",
+            "#fad860",
+            "#f3a43b",
+            "#60c0dd",
+            "#d7504b",
+            "#c6e579",
+            "#f4e001",
+            "#f0805a",
+            "#26c0c0"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#c1232b",
+            "#fcce10"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c1232b",
+        "kColor0": "#b5c334",
+        "kBorderColor": "#c1232b",
+        "kBorderColor0": "#b5c334",
+        "kBorderWidth": 1,
+        "lineWidth": "3",
+        "symbolSize": "5",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#c1232b",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#eeeeee",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#dddddd",
+        "mapAreaColorE": "#fe994e",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#27727b",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": false,
+                "axisLineColor": "#333",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#c1232b",
+        "toolboxEmpasisColor": "#e87c25",
+        "tooltipAxisColor": "#27727b",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#27727b",
+        "timelineItemColorE": "#72d4e0",
+        "timelineCheckColor": "#c1232b",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#27727b",
+        "timelineControlBorderColor": "#27727b",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(181,195,52,0.3)",
+        "datazoomFillColor": "rgba(181,195,52,0.2)",
+        "datazoomHandleColor": "#27727b",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
diff --git a/en/theme-builder/themes/macarons.json b/en/theme-builder/themes/macarons.json
new file mode 100644
index 0000000..4122f30
--- /dev/null
+++ b/en/theme-builder/themes/macarons.json
@@ -0,0 +1,180 @@
+{
+    "version": 1,
+    "themeName": "macarons",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#008acd",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#2ec7c9",
+            "#b6a2de",
+            "#5ab1ef",
+            "#ffb980",
+            "#d87a80",
+            "#8d98b3",
+            "#e5cf0d",
+            "#97b552",
+            "#95706d",
+            "#dc69aa",
+            "#07a2a4",
+            "#9a7fd1",
+            "#588dd5",
+            "#f5994e",
+            "#c05050",
+            "#59678c",
+            "#c9ab00",
+            "#7eb00a",
+            "#6f5553",
+            "#c14089"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#5ab1ef",
+            "#e0ffff"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#d87a80",
+        "kColor0": "#2ec7c9",
+        "kBorderColor": "#d87a80",
+        "kBorderColor0": "#2ec7c9",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 3,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#d87a80",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#eeeeee",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#dddddd",
+        "mapAreaColorE": "rgba(254,153,78,1)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#eeeeee",
+                "axisTickShow": true,
+                "axisTickColor": "#eeeeee",
+                "axisLabelShow": true,
+                "axisLabelColor": "#eeeeee",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#aaaaaa"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "#eeeeee"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#2ec7c9",
+        "toolboxEmpasisColor": "#18a4a6",
+        "tooltipAxisColor": "#008acd",
+        "tooltipAxisWidth": "1",
+        "timelineLineColor": "#008acd",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#008acd",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#2ec7c9",
+        "timelineCheckBorderColor": "rgba(46,199,201,0.4)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#008acd",
+        "timelineControlBorderColor": "#008acd",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#008acd",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "#efefff",
+        "datazoomFillColor": "rgba(182,162,222,0.2)",
+        "datazoomHandleColor": "#008acd",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/en/theme-builder/themes/purple-passion.json b/en/theme-builder/themes/purple-passion.json
new file mode 100644
index 0000000..95862bb
--- /dev/null
+++ b/en/theme-builder/themes/purple-passion.json
@@ -0,0 +1,169 @@
+{
+    "version": 1,
+    "themeName": "purple-passion",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(91,92,110,1)",
+        "titleColor": "#ffffff",
+        "subtitleColor": "#cccccc",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#9b8bba",
+            "#e098c7",
+            "#8fd3e8",
+            "#71669e",
+            "#cc70af",
+            "#7cb4cc"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#8a7ca8",
+            "#e098c7",
+            "#cceffa"
+        ],
+        "legendTextColor": "#cccccc",
+        "kColor": "#e098c7",
+        "kColor0": "transparent",
+        "kBorderColor": "#e098c7",
+        "kBorderColor0": "#8fd3e8",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "7",
+        "symbol": "circle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#ffffff",
+        "mapBorderColor": "#444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eee",
+        "mapAreaColorE": "#e098c7",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#cccccc",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#eeeeee",
+                    "#333333"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#8fd3e8",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#8fd3e8",
+        "timelineItemColorE": "#8fd3e8",
+        "timelineCheckColor": "#8fd3e8",
+        "timelineCheckBorderColor": "rgba(138,124,168,0.37)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#8fd3e8",
+        "timelineControlBorderColor": "#8fd3e8",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8fd3e8",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/roma.json b/en/theme-builder/themes/roma.json
new file mode 100644
index 0000000..23796c8
--- /dev/null
+++ b/en/theme-builder/themes/roma.json
@@ -0,0 +1,181 @@
+{
+    "version": 1,
+    "themeName": "roma",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#e01f54",
+            "#001852",
+            "#f5e8c8",
+            "#b8d2c7",
+            "#c6b38e",
+            "#a4d8c2",
+            "#f3d999",
+            "#d3758f",
+            "#dcc392",
+            "#2e4783",
+            "#82b6e9",
+            "#ff6347",
+            "#a092f1",
+            "#0a915d",
+            "#eaf889",
+            "#6699FF",
+            "#ff6666",
+            "#3cb371",
+            "#d5b158",
+            "#38b6b6"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#e01f54",
+            "#e7dbc3"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#e01f54",
+        "kColor0": "#001852",
+        "kBorderColor": "#f5e8c8",
+        "kBorderColor0": "#b8d2c7",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/en/theme-builder/themes/shine.json b/en/theme-builder/themes/shine.json
new file mode 100644
index 0000000..7f2cd7d
--- /dev/null
+++ b/en/theme-builder/themes/shine.json
@@ -0,0 +1,163 @@
+{
+    "version": 1,
+    "themeName": "shine",
+    "theme": {
+        "seriesCnt": 4,
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c12e34","#e6b600","#0098d9","#2b821d",
+        "#005eaa","#339ca8","#cda819","#32a487"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#1790cf",
+            "#a2d4e6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c12e34",
+        "kColor0": "#2b821d",
+        "kBorderColor": "#c12e34",
+        "kBorderColor0": "#2b821d",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#c12e34",
+        "mapLabelColorE": "#c12e34",
+        "mapBorderColor": "#eee",
+        "mapBorderColorE": "#ddd",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#ddd",
+        "mapAreaColorE": "#e6b600",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#06467c",
+        "toolboxEmpasisColor": "#4187c2",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#005eaa",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#005eaa",
+        "timelineItemColorE": "#005eaa",
+        "timelineCheckColor": "#005eaa",
+        "timelineCheckBorderColor": "rgba(49,107,194,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#005eaa",
+        "timelineControlBorderColor": "#005eaa",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#005eaa",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/en/theme-builder/themes/vintage.json b/en/theme-builder/themes/vintage.json
new file mode 100644
index 0000000..ae4477c
--- /dev/null
+++ b/en/theme-builder/themes/vintage.json
@@ -0,0 +1,172 @@
+{
+    "version": 1,
+    "themeName": "vintage",
+    "theme": {
+        "seriesCnt": 4,
+        "backgroundColor": "rgba(254,248,239,1)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#d87c7c",
+            "#919e8b",
+            "#d7ab82",
+            "#6e7074",
+            "#61a0a8",
+            "#efa18d",
+            "#787464",
+            "#cc7e63",
+            "#724e58",
+            "#4b565b"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c23531",
+        "kColor0": "#314656",
+        "kBorderColor": "#c23531",
+        "kBorderColor0": "#314656",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/en/theme-builder/themes/walden.json b/en/theme-builder/themes/walden.json
new file mode 100644
index 0000000..a16cf09
--- /dev/null
+++ b/en/theme-builder/themes/walden.json
@@ -0,0 +1,167 @@
+{
+    "version": 1,
+    "themeName": "walden",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(252,252,252,0)",
+        "titleColor": "#666666",
+        "subtitleColor": "#999999",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3fb1e3",
+            "#6be6c1",
+            "#626c91",
+            "#a0a7e6",
+            "#c4ebad",
+            "#96dee8"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#2a99c9",
+            "#afe8ff"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#e6a0d2",
+        "kColor0": "transparent",
+        "kBorderColor": "#e6a0d2",
+        "kBorderColor0": "#3fb1e3",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#cccccc",
+        "mapLabelColor": "#ffffff",
+        "mapLabelColorE": "#3fb1e3",
+        "mapBorderColor": "#aaaaaa",
+        "mapBorderColorE": "#3fb1e3",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(63,177,227,0.25)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#626c91",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#626c91",
+        "timelineItemColorE": "#626c91",
+        "timelineCheckColor": "#3fb1e3",
+        "timelineCheckBorderColor": "rgba(63,177,227,0.15)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#626c91",
+        "timelineControlBorderColor": "#626c91",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#626c91",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(114,230,212,0.25)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/westeros.json b/en/theme-builder/themes/westeros.json
new file mode 100644
index 0000000..2ea2797
--- /dev/null
+++ b/en/theme-builder/themes/westeros.json
@@ -0,0 +1,168 @@
+{
+    "version": 1,
+    "themeName": "westeros",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#516b91",
+        "subtitleColor": "#93b7e3",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#516b91",
+            "#59c4e6",
+            "#edafda",
+            "#93b7e3",
+            "#a5e7f0",
+            "#cbb0e3"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#516b91",
+            "#59c4e6",
+            "#a5e7f0"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#edafda",
+        "kColor0": "transparent",
+        "kBorderColor": "#d680bc",
+        "kBorderColor0": "#8fd3e8",
+        "kBorderWidth": "2",
+        "lineWidth": "2",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#8fd3e8",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#8fd3e8",
+        "timelineItemColorE": "#8fd3e8",
+        "timelineCheckColor": "#8fd3e8",
+        "timelineCheckBorderColor": "rgba(138,124,168,0.37)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#8fd3e8",
+        "timelineControlBorderColor": "#8fd3e8",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8fd3e8",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/en/theme-builder/themes/wonderland.json b/en/theme-builder/themes/wonderland.json
new file mode 100644
index 0000000..7932361
--- /dev/null
+++ b/en/theme-builder/themes/wonderland.json
@@ -0,0 +1,168 @@
+{
+    "version": 1,
+    "themeName": "wonderland",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(255,255,255,0)",
+        "titleColor": "#666666",
+        "subtitleColor": "#999999",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#4ea397",
+            "#22c3aa",
+            "#7bd9a5",
+            "#d0648a",
+            "#f58db2",
+            "#f2b3c9"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#d0648a",
+            "#22c3aa",
+            "#adfff1"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#d0648a",
+        "kColor0": "transparent",
+        "kBorderColor": "#d0648a",
+        "kBorderColor0": "#22c3aa",
+        "kBorderWidth": "1",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#cccccc",
+        "mapLabelColor": "#28544e",
+        "mapLabelColorE": "#349e8e",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#22c3aa",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(34,195,170,0.25)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#4ea397",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#4ea397",
+        "timelineItemColorE": "#4ea397",
+        "timelineCheckColor": "#4ea397",
+        "timelineCheckBorderColor": "rgba(60,235,210,0.3)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#4ea397",
+        "timelineControlBorderColor": "#4ea397",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#4ea397",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(114,230,212,0.25)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/en/tutorial.html b/en/tutorial.html
index 6e75522..a94cf66 100644
--- a/en/tutorial.html
+++ b/en/tutorial.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/en/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts.apache.org/en/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
+}</style><link rel="stylesheet" href="https://cdn.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_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/en/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="lo [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/tutorial-parts',
     docType: 'tutorial',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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 757f943..91047a7 100644
--- a/examples/en/editor.html
+++ b/examples/en/editor.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
 var menu = document.getElementById(selector);
 if (menu) {
     menu.className = 'active';
@@ -8,7 +8,7 @@ if (menu) {
     var nav = document.getElementsByClassName('navbar')[0];
     nav.parentNode.removeChild(nav);
     document.getElementById('main-container').style.top = 0;
-}</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/dist/jquery.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lodash@3.10.1/index.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/common.js?_v_=1596637220214"></script><script type="text/javascript">fun [...]
+}</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/dist/jquery.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lodash@3.10.1/index.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/common.js?_v_=1597070587569"></script><script type="text/javascript">fun [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -42,7 +42,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts.apache.org/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1596637220214"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1596637220214"></script><script type="text/javascrip [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1597070587569"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1597070587569"></script><script type="text/javascrip [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/examples/en/index.html b/examples/en/index.html
index 747a691..b75ceed 100644
--- a/examples/en/index.html
+++ b/examples/en/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
 var menu = document.getElementById(selector);
 if (menu) {
     menu.className = 'active';
 }
-</script><div id="left-chart-nav"><ul></ul></div><div id="explore-container"><div id="toolbar"><div id="theme"><span>Theme:</span><a href="./index.html" title="default" class="default"><span></span></a><a href="./index.html?theme=light" title="light" class="light"><span></span></a><a href="./index.html?theme=dark" title="dark" class="dark"><span></span></a></div></div><div class="chart-list-panel"></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/ [...]
+</script><div id="left-chart-nav"><ul></ul></div><div id="explore-container"><div id="toolbar"><div id="theme"><span>Theme:</span><a href="./index.html" title="default" class="default"><span></span></a><a href="./index.html?theme=light" title="light" class="light"><span></span></a><a href="./index.html?theme=dark" title="dark" class="dark"><span></span></a></div></div><div class="chart-list-panel"></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/ [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -38,7 +38,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts.apache.org/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/waypoints@4.0.0/lib/jquery.waypoints.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.7/jquery.lazyload.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/chart-list-data.js?_v_=1596637220214"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/chart-list-data-gl.js?_v_=159 [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/waypoints@4.0.0/lib/jquery.waypoints.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.7/jquery.lazyload.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/chart-list-data.js?_v_=1597070587569"></script><script type="text/javascript" src="https://echarts.apache.org/examples/javascripts/chart-list-data-gl.js?_v_=159 [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/examples/en/view.html b/examples/en/view.html
index 82a6a22..3bc1703 100644
--- a/examples/en/view.html
+++ b/examples/en/view.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts.apache.org/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9] [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="b [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -33,7 +33,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts.apache.org/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1596637220214"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script id="echarts-js" type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1596637220214"></script><script id=" [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1597070587569"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script id="echarts-js" type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1597070587569"></script><script id=" [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/examples/zh/editor.html b/examples/zh/editor.html
index 39d7ed6..5ec69ec 100644
--- a/examples/zh/editor.html
+++ b/examples/zh/editor.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><nav class="navbar navbar-d [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><nav class="navbar navbar-d [...]
 var menu = document.getElementById(selector);
 if (menu) {
     menu.className = 'active';
@@ -8,7 +8,7 @@ if (menu) {
     var nav = document.getElementsByClassName('navbar')[0];
     nav.parentNode.removeChild(nav);
     document.getElementById('main-container').style.top = 0;
-}</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/dist/jquery.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lodash@3.10.1/index.min.js"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/common.js?_v_=1596637220214"></script><script type="text/javascr [...]
+}</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/dist/jquery.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lodash@3.10.1/index.min.js"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/common.js?_v_=1597070587569"></script><script type="text/javascr [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -42,7 +42,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts-www.cdn.bcebos.com/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1596637220214"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1596637220214"></script><script type="text/javascrip [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1597070587569"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1597070587569"></script><script type="text/javascrip [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/examples/zh/index.html b/examples/zh/index.html
index 1985171..8aa389e 100644
--- a/examples/zh/index.html
+++ b/examples/zh/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><nav class="navbar navbar-d [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><nav class="navbar navbar-d [...]
 var menu = document.getElementById(selector);
 if (menu) {
     menu.className = 'active';
 }
-</script><div id="left-chart-nav"><ul></ul></div><div id="explore-container"><div id="toolbar"><div id="theme"><span>Theme:</span><a href="./index.html" title="default" class="default"><span></span></a><a href="./index.html?theme=light" title="light" class="light"><span></span></a><a href="./index.html?theme=dark" title="dark" class="dark"><span></span></a></div></div><div class="chart-list-panel"></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/ [...]
+</script><div id="left-chart-nav"><ul></ul></div><div id="explore-container"><div id="toolbar"><div id="theme"><span>Theme:</span><a href="./index.html" title="default" class="default"><span></span></a><a href="./index.html?theme=light" title="light" class="light"><span></span></a><a href="./index.html?theme=dark" title="dark" class="dark"><span></span></a></div></div><div class="chart-list-panel"></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.3/ [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -38,7 +38,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts-www.cdn.bcebos.com/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/waypoints@4.0.0/lib/jquery.waypoints.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.7/jquery.lazyload.min.js"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/chart-list-data.js?_v_=1596637220214"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/chart-list-da [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/waypoints@4.0.0/lib/jquery.waypoints.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.7/jquery.lazyload.min.js"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/chart-list-data.js?_v_=1597070587569"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/examples/javascripts/chart-list-da [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/examples/zh/view.html b/examples/zh/view.html
index 8592975..d270db0 100644
--- a/examples/zh/view.html
+++ b/examples/zh/view.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
-</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><div id="view-main"><div cl [...]
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/examples/images/favicon.png?_v_=20200710_1"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if  [...]
+</script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网以获取最新版的网站信息。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><div id="view-main"><div cl [...]
     if (lang === 'en') {
         if (location.hostname !== 'echarts.apache.org') {
             var re = new RegExp('/zh/', 'g');
@@ -33,7 +33,7 @@ window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples' : 'h
 window.CDN_PAY_ROOT_PATH = 'https://echarts-www.cdn.bcebos.com/examples';
 window.CDN_PAY_VERSION = '20200710_1';
 window.CDN_THIRD_PARTY_ECHARTS_GL = 'https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js'
-</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1596637220214"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script id="echarts-js" type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1596637220214"></script><script id=" [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dat.gui@0.6.5/build/dat.gui.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js?_v_=1597070587569"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script id="echarts-js" type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?_v_=1597070587569"></script><script id=" [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/layouts/basic.html b/layouts/basic.html
index b97d869..3795857 100644
--- a/layouts/basic.html
+++ b/layouts/basic.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/layouts/doc-old.html b/layouts/doc-old.html
index 8edee3b..690e316 100644
--- a/layouts/doc-old.html
+++ b/layouts/doc-old.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -6,13 +6,13 @@
         + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
-</script><title>ECharts Documentation</title><link rel="stylesheet" type="text/css" href="css/ecOption.css?_v_=1596637224557"><link rel="stylesheet" type="text/css" href="vendors/prettify/prettify.css"><link rel="stylesheet" type="text/css" href="vendors/perfect-scrollbar/0.6.8/css/perfect-scrollbar.min.css"><link rel="stylesheet" type="text/css" href="vendors/jquery-autocomplete/jquery.auto-complete.css"><link rel="stylesheet" type="text/css" href="vendors/twentytwenty/twentytwenty.css" [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+</script><title>ECharts Documentation</title><link rel="stylesheet" type="text/css" href="css/ecOption.css?_v_=1597070591767"><link rel="stylesheet" type="text/css" href="vendors/prettify/prettify.css"><link rel="stylesheet" type="text/css" href="vendors/perfect-scrollbar/0.6.8/css/perfect-scrollbar.min.css"><link rel="stylesheet" type="text/css" href="vendors/jquery-autocomplete/jquery.auto-complete.css"><link rel="stylesheet" type="text/css" href="vendors/twentytwenty/twentytwenty.css" [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1596637224557',
+    version: '1597070591767',
     basePath: './',
     // Schema url is added by each doc page
     schemaUrl: '',
@@ -39,7 +39,7 @@ require.config({
         hasher: vendorPath + '/hasher/1.2.0/hasher.min',
         perfectScrollbar: vendorPath + '/perfect-scrollbar/0.6.8/js/perfect-scrollbar'
     },
-    urlArgs: '_v_=1596637224557'
+    urlArgs: '_v_=1597070591767'
 });
 
 require(['docTool/main'], function (main) {
diff --git a/layouts/doc.html b/layouts/doc.html
index 2b5cd97..464a1ae 100644
--- a/layouts/doc.html
+++ b/layouts/doc.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boot [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,10 +9,10 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts.apache.org/zh/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+}</style><link rel="stylesheet" href="https://cdn.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_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 </script><script type="text/javascript">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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/resources.html b/resources.html
new file mode 100644
index 0000000..a211c52
--- /dev/null
+++ b/resources.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">var hash = (location.hash || '').replace('#', '');
+var search = (location.search || '').replace('?', '');
+var lang = navigator.language || navigator.userLanguage;
+lang = lang.indexOf('zh') > -1 ? 'zh' : 'en';
+location.href = 'https://echarts.apache.org/' + lang + '/resources.html'
+    + (search ? '?' + search : '') + (hash ? '#' + hash : '');</script></head></html>
\ No newline at end of file
diff --git a/theme-builder.html b/theme-builder.html
new file mode 100644
index 0000000..4706eb9
--- /dev/null
+++ b/theme-builder.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">var hash = (location.hash || '').replace('#', '');
+var search = (location.search || '').replace('?', '');
+var lang = navigator.language || navigator.userLanguage;
+lang = lang.indexOf('zh') > -1 ? 'zh' : 'en';
+location.href = 'https://echarts.apache.org/' + lang + '/theme-builder.html'
+    + (search ? '?' + search : '') + (hash ? '#' + hash : '');</script></head></html>
\ No newline at end of file
diff --git a/zh/404.html b/zh/404.html
index 95354ce..d316ece 100644
--- a/zh/404.html
+++ b/zh/404.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/api.html b/zh/api.html
index a810368..f185218 100644
--- a/zh/api.html
+++ b/zh/api.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/api-parts',
     docType: 'api',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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.html b/zh/builder.html
index cda6940..a09528f 100644
--- a/zh/builder.html
+++ b/zh/builder.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>ECharts 在线构建</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
     $('#charts input, #components input, #coords input').each(function () {
         $(this).attr('checked', $(this).parent().hasClass('checked'));
     });
diff --git a/zh/builder/echarts.html b/zh/builder/echarts.html
index 913e9af..8cd66d2 100644
--- a/zh/builder/echarts.html
+++ b/zh/builder/echarts.html
@@ -56,7 +56,7 @@
                 'esprima': 'lib/esprima',
                 'estraverse': 'lib/estraverse'
             },
-            urlArgs: 'v=1596637224557'
+            urlArgs: 'v=1597070591767'
         });
 
         require(['build']);
diff --git a/zh/builder3.html b/zh/builder3.html
index 8f2301e..e28b951 100644
--- a/zh/builder3.html
+++ b/zh/builder3.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>ECharts 在线构建</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
     $('#charts input, #components input, #coords input').each(function () {
         $(this).attr('checked', $(this).parent().hasClass('checked'));
     });
diff --git a/zh/changelog.html b/zh/changelog.html
index cfc0ad3..4375b57 100644
--- a/zh/changelog.html
+++ b/zh/changelog.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,119 +7,119 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>版本记录 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 <div class="time">2020-05-25</div>
 
 <ul>
-<li><p>[Feature] [toolbox] 支持 SVG 渲染模式下 toolbox 下载成 SVG 文件。 <a href="https://github.com/apache/incubator-echarts/pull/12144">#12144</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] [toolbox] 支持 SVG 渲染模式下 toolbox 下载成 SVG 文件。 <a href="https://github.com/apache/incubator-echarts/pull/12144">#12144</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] 加载动画支持更多配置参数。 <a href="https://github.com/apache/incubator-echarts/pull/12414">#12414</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Feature] 加载动画支持更多配置参数。 <a href="https://github.com/apache/incubator-echarts/pull/12414">#12414</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
 <li><p>[Feature] <code>symbolRotate</code> 支持回调函数。 <a href="https://github.com/apache/incubator-echarts/pull/12348">#12348</a> <a href="https://github.com/apache/incubator-echarts/pull/12354">#12354</a> (<a href="https://github.com/plainheart">plainheart</a>)</p>
 </li>
-<li><p>[Feature] [axis] 坐标轴中的 <code>min</code>, <code>max</code> 在回调函数的时候,可以返回 null 空继续使用默认值。 <a href="https://github.com/apache/incubator-echarts/pull/12215">#11829</a> (<a href="https://github.com/susiwen8">Su Siwen</a>), <a href="https://github.com/apache/incubator-echarts/pull/12371">#12371</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Feature] [axis] 坐标轴中的 <code>min</code>, <code>max</code> 在回调函数的时候,可以返回 null 空继续使用默认值。 <a href="https://github.com/apache/incubator-echarts/pull/12215">#11829</a> (<a href="https://github.com/susiwen8">susiwen8</a>), <a href="https://github.com/apache/incubator-echarts/pull/12371">#12371</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Feature] [geo] 添加 <code>nameProperty</code> 配置支持指定 GeoJSON 数据中的名字字段。 <a href="https://github.com/apache/incubator-echarts/pull/12156">#12156</a>  (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
-<li><p>[Fix] [sankey] 修复桑基图边无法触发 tooltip 的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12011">#12011</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [sankey] 修复桑基图边无法触发 tooltip 的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12011">#12011</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [sankey] 修复桑基图在边数据为 0 的时候节点无法显示的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12191">#12191</a> (<a href="https://github.com/susiwen8">Su Siwen</a>), <a href="https://github.com/apache/incubator-echarts/pull/12472">#12472</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [sankey] 修复桑基图在边数据为 0 的时候节点无法显示的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12191">#12191</a> (<a href="https://github.com/susiwen8">susiwen8</a>), <a href="https://github.com/apache/incubator-echarts/pull/12472">#12472</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [treemap] 修复矩形树图中回调函数参数不全的问题. <a href="https://github.com/apache/incubator-echarts/pull/11854">#11854</a> (<a href="https://github.com/susiwen8">Su Siwen</a>, <a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [treemap] 修复矩形树图中回调函数参数不全的问题. <a href="https://github.com/apache/incubator-echarts/pull/11854">#11854</a> (<a href="https://github.com/susiwen8">susiwen8</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [calendar] 修复夏令制时区用户使用日历图的问题. <a href="https://github.com/apache/incubator-echarts/pull/12172">#12172</a> (<a href="https://github.com/mikeyshing88">mikeyshing88</a>), <a href="https://github.com/apache/incubator-echarts/pull/12466">#12466</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] [calendar] 修复夏令制时区用户使用日历图的问题. <a href="https://github.com/apache/incubator-echarts/pull/12172">#12172</a> (<a href="https://github.com/mikeyshing88">mikeyshing88</a>), <a href="https://github.com/apache/incubator-echarts/pull/12466">#12466</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] [line] 修复带有阴影和渐变的折线图在数据大范围变动时动画可能导致 safari 崩溃的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12410">#12410</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [line] 修复带有阴影和渐变的折线图在数据大范围变动时动画可能导致 safari 崩溃的问题。 <a href="https://github.com/apache/incubator-echarts/pull/12410">#12410</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [line] 修复 chromium 中尺寸大于 18000px 的图表 clip 的问题. <a href="https://github.com/apache/incubator-echarts/pull/12393">#12393</a> (<a href="https://github.com/zhanfang">Zhan Fang</a>)</p>
+<li><p>[Fix] [line] 修复 chromium 中尺寸大于 18000px 的图表 clip 的问题. <a href="https://github.com/apache/incubator-echarts/pull/12393">#12393</a> (<a href="https://github.com/zhanfang">zhanfang</a>)</p>
 </li>
-<li><p>[Fix] [pie] 修复饼图中关闭动画后标签可能不显示的问题. <a href="https://github.com/apache/incubator-echarts/issues/12243">#12243</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] [pie] 修复饼图中关闭动画后标签可能不显示的问题. <a href="https://github.com/apache/incubator-echarts/issues/12243">#12243</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] [title] 修复链接使用<code>&#39;_blank&#39;</code>潜在的安全问题. <a href="https://github.com/apache/incubator-echarts/issues/12380">#12380</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [title] 修复链接使用<code>&#39;_blank&#39;</code>潜在的安全问题. <a href="https://github.com/apache/incubator-echarts/issues/12380">#12380</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [geo] 修复通过地图中通过<code>setOption</code>修改<code>center</code>, <code>zoom</code>属性没有动画过渡的问题. <a href="https://github.com/apache/incubator-echarts/pull/12340">#12340</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] [geo] 修复通过地图中通过<code>setOption</code>修改<code>center</code>, <code>zoom</code>属性没有动画过渡的问题. <a href="https://github.com/apache/incubator-echarts/pull/12340">#12340</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 <li><p>[Fix] [heatmap] 优化热力图的显示,移除可能出现的 1 像素白线. <a href="https://github.com/apache/incubator-echarts/pull/12342">#12342</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] [sunburst] 修复旭日图中默认的淡出样式无效的问题. <a href="https://github.com/apache/incubator-echarts/pull/12264">#12264</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [sunburst] 修复旭日图中默认的淡出样式无效的问题. <a href="https://github.com/apache/incubator-echarts/pull/12264">#12264</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [visualMap] 开启的 <code>minOpen</code> 和 <code>maxOpen</code> 现在改为不被计入分段列表. <a href="https://github.com/apache/incubator-echarts/pull/12147">#12147</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] [visualMap] 开启的 <code>minOpen</code> 和 <code>maxOpen</code> 现在改为不被计入分段列表. <a href="https://github.com/apache/incubator-echarts/pull/12147">#12147</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] [bmap] [extension] 修复在百度地图扩展中使用渐进渲染中,可能无法清除图表的问题. (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [bmap] [extension] 修复在百度地图扩展中使用渐进渲染中,可能无法清除图表的问题. (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] [bmap] [extension] 修复多余的刷新问题.<a href="https://github.com/apache/incubator-echarts/pull/12411">#12411</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] [bmap] [extension] 修复多余的刷新问题.<a href="https://github.com/apache/incubator-echarts/pull/12411">#12411</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 </ul>
 <h2 id="v4-7-0">v4.7.0</h2>
 <div class="time">2020-03-18</div>
 
 <ul>
-<li><p>[Feature] markLine 新增更多标签位置配置. <a href="https://github.com/apache/incubator-echarts/pull/11843">#11843</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] markLine 新增更多标签位置配置. <a href="https://github.com/apache/incubator-echarts/pull/11843">#11843</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] 柱状图系列新增 <code>background</code> 配置绘制背景. <a href="https://github.com/apache/incubator-echarts/pull/11951">#11951</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] 柱状图系列新增 <code>background</code> 配置绘制背景. <a href="https://github.com/apache/incubator-echarts/pull/11951">#11951</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] tooltip 新增 <code>appendToBody</code> 配置项. <a href="https://github.com/apache/incubator-echarts/pull/8049">#8049</a> <a href="https://github.com/apache/incubator-echarts/pull/12024">#12024</a> (<a href="https://github.com/xinpureZhu">xinpureZhu</a>, <a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Feature] tooltip 新增 <code>appendToBody</code> 配置项. <a href="https://github.com/apache/incubator-echarts/pull/8049">#8049</a> <a href="https://github.com/apache/incubator-echarts/pull/12024">#12024</a> (<a href="https://github.com/xinpureZhu">xinpureZhu</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Feature] graphic 组件支持在 group 元素上设置 draggable. <a href="https://github.com/apache/incubator-echarts/pull/11959">#11959</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] graphic 组件支持在 group 元素上设置 draggable. <a href="https://github.com/apache/incubator-echarts/pull/11959">#11959</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Feature] tree 系列新增 <code>polyline</code> 配置项绘制拐角折线. <a href="https://github.com/apache/incubator-echarts/pull/11808">#11808</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Feature] tree 系列新增 <code>polyline</code> 配置项绘制拐角折线. <a href="https://github.com/apache/incubator-echarts/pull/11808">#11808</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
 <li><p>[Enhance] effectLine 尾迹效果优化. <a href="https://github.com/apache/incubator-echarts/pull/11893">#11893</a> (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
 <li><p>[Fix] 优化堆叠柱状图,折线图上的 markPoint 定位. <a href="https://github.com/apache/incubator-echarts/pull/11965">#11965</a> (<a href="https://github.com/yikuangli">yikuangli</a>)</p>
 </li>
-<li><p>[Fix] 修复雷达图数据点可能会超出轴的问题. <a href="https://github.com/apache/incubator-echarts/pull/11841">#11841</a> (<a href="https://github.com/susiwen8">Su Siwen</a>)</p>
+<li><p>[Fix] 修复雷达图数据点可能会超出轴的问题. <a href="https://github.com/apache/incubator-echarts/pull/11841">#11841</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] 修复 treemap highlight 高亮无法触发的问题. <a href="https://github.com/apache/incubator-echarts/pull/12050">#12050</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] 修复 treemap highlight 高亮无法触发的问题. <a href="https://github.com/apache/incubator-echarts/pull/12050">#12050</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] 修复 geo 组件的缩放平移无法被 restore 的问题. <a href="https://github.com/apache/incubator-echarts/pull/12035">#12035</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] 修复 geo 组件的缩放平移无法被 restore 的问题. <a href="https://github.com/apache/incubator-echarts/pull/12035">#12035</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] 修复地图在 ie10, 11 中报错的问题  <a href="https://github.com/apache/incubator-echarts/pull/11956">#11956</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] 修复地图在 ie10, 11 中报错的问题  <a href="https://github.com/apache/incubator-echarts/pull/11956">#11956</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] 修复 k 线图可能报错的 bug. <a href="https://github.com/apache/incubator-echarts/pull/12027">#12027</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] 修复 k 线图可能报错的 bug. <a href="https://github.com/apache/incubator-echarts/pull/12027">#12027</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] 优化 brush 组件,能够跟随 dataZoom 等组件的交互. <a href="https://github.com/apache/incubator-echarts/pull/11998">#11998</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] 优化 brush 组件,能够跟随 dataZoom 等组件的交互. <a href="https://github.com/apache/incubator-echarts/pull/11998">#11998</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] 修复雷达图上 <code>&#39;showTip&#39;</code> dispatched in radar chart. <a href="https://github.com/apache/incubator-echarts/pull/11985">#11985</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] 修复雷达图上 <code>&#39;showTip&#39;</code> dispatched in radar chart. <a href="https://github.com/apache/incubator-echarts/pull/11985">#11985</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
 <li><p>[Fix] 修复 singleAxis 中 splitArea 不能绘制的问题. <a href="https://github.com/apache/incubator-echarts/pull/11890">#11890</a> (<a href="https://github.com/newraina">newraina</a>)</p>
 </li>
-<li><p>[Fix] 修复 legend 图例翻页按钮可能会消失的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11952">#11952</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] 修复 legend 图例翻页按钮可能会消失的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11952">#11952</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] 修复 sankey 桑基图中 <code>emphasis.lineStyle</code> 无法生效的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11729">#11729</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Fix] 修复 sankey 桑基图中 <code>emphasis.lineStyle</code> 无法生效的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11729">#11729</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
-<li><p>[Fix] 修复 sankey 桑基图的 tooltip formatter 中没有 value 属性的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11752">#11752</a> (<a href="https://github.com/deqingli">Li Deqing</a>)</p>
+<li><p>[Fix] 修复 sankey 桑基图的 tooltip formatter 中没有 value 属性的 bug. <a href="https://github.com/apache/incubator-echarts/pull/11752">#11752</a> (<a href="https://github.com/deqingli">deqingli</a>)</p>
 </li>
 </ul>
 <h2 id="v4-6-0">v4.6.0</h2>
 <div class="time">2019-12-29</div>
 
 <ul>
-<li><p>[Feature] Optimize label layout on pie. Add new <code>alignTo</code> option for aligning the labels. Check more detail in PR <a href="https://github.com/apache/incubator-echarts/pull/11715">#11715</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Optimize label layout on pie. Add new <code>alignTo</code> option for aligning the labels. Check more detail in PR <a href="https://github.com/apache/incubator-echarts/pull/11715">#11715</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Add <code>minorTick</code>, <code>minorSplitLine</code> on axis. Check more detail in the PR <a href="https://github.com/apache/incubator-echarts/pull/11705">#11705</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>minorTick</code>, <code>minorSplitLine</code> on axis. Check more detail in the PR <a href="https://github.com/apache/incubator-echarts/pull/11705">#11705</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Feature] Added more themes. <a href="https://github.com/apache/incubator-echarts/pull/11566">#11566</a> (<a href="https://github.com/WebCodePro719">WebCodePro719</a>)</p>
 </li>
-<li><p>[Enhance] Chart will keep the dragging status when mouse is out of the area. Which will provide a much better dragging experience. <a href="https://github.com/apache/incubator-echarts/pull/11710">#11710</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Enhance] Chart will keep the dragging status when mouse is out of the area. Which will provide a much better dragging experience. <a href="https://github.com/apache/incubator-echarts/pull/11710">#11710</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Enhance] Legend will display colors from <code>visualMap</code> component in <code>pie</code>/<code>funnel</code>/<code>radar</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11737">#11737</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Enhance] Legend will display colors from <code>visualMap</code> component in <code>pie</code>/<code>funnel</code>/<code>radar</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11737">#11737</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Enhance] Enhance dataset default encode guess strategy. <a href="https://github.com/apache/incubator-echarts/pull/11746">#11746</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Enhance] Enhance dataset default encode guess strategy. <a href="https://github.com/apache/incubator-echarts/pull/11746">#11746</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Enhance] Stack icon on toolbox now is a toggle button. Removed tiled icon. <a href="https://github.com/apache/incubator-echarts/pull/11367">#11367</a> (<a href="https://github.com/alex2wong">alex2wong</a>)</p>
 </li>
-<li><p>[Enhance] Add a delay to avoid flashing when hovering on nodes and edges of <code>graph</code> and <code>sankey</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11572">11572</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Enhance] Add a delay to avoid flashing when hovering on nodes and edges of <code>graph</code> and <code>sankey</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11572">11572</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix bar width calculation with <code>barMaxWidth</code> constraint and negative <code>barGap</code>. <a href="https://github.com/apache/incubator-echarts/pull/11713">#11713</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] Fix bar width calculation with <code>barMaxWidth</code> constraint and negative <code>barGap</code>. <a href="https://github.com/apache/incubator-echarts/pull/11713">#11713</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] Fix seams in <code>heatmap</code> series. Which may cause unexpected gray lines. <a href="https://github.com/apache/incubator-echarts/pull/11689">#11689</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Fix] Fix seams in <code>heatmap</code> series. Which may cause unexpected gray lines. <a href="https://github.com/apache/incubator-echarts/pull/11689">#11689</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Fix] Fix unexpected highlight state after inverse selection in <code>legend</code>. <a href="https://github.com/apache/incubator-echarts/pull/11547">#11547</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
 <li><p>[Fix] Fix tooltip may highlight the point out of chart in <code>line</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11548">#11548</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] Fix label may not disappear on SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/535">ecomfe/zrender#535</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix label may not disappear on SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/535">ecomfe/zrender#535</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 <li><p>[Fix] Not display bar on polar when value is <code>0</code>. <a href="https://github.com/apache/incubator-echarts/issues/11452">#11452</a> (<a href="https://github.com/foolzhang">foolzhang</a>)</p>
 </li>
@@ -129,9 +129,9 @@
 </li>
 <li><p>[Fix] Fix <code>markPoint</code> out of the chart may still display in the wrong position. <a href="https://github.com/apache/incubator-echarts/pull/11484">#11484</a> (<a href="https://github.com/susiwen8">susiwen8</a>)</p>
 </li>
-<li><p>[Fix] Fix tooltip shows multiple values around both sides of the pointer. <a href="https://github.com/apache/incubator-echarts/pull/11648">#11648</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix tooltip shows multiple values around both sides of the pointer. <a href="https://github.com/apache/incubator-echarts/pull/11648">#11648</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix <code>label.formatter</code> of leaves in <code>tree</code> series not work. <a href="https://github.com/apache/incubator-echarts/pull/11556">#11556</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix <code>label.formatter</code> of leaves in <code>tree</code> series not work. <a href="https://github.com/apache/incubator-echarts/pull/11556">#11556</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
 <li><p>[Fix] Fix overflow symbol not display when <code>clip</code> is set <code>false</code> in <code>line</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11552">#11552</a> (<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
@@ -140,11 +140,11 @@
 <div class="time">2019-11-18</div>
 
 <ul>
-<li><p>[Feature] Add <code>roundCap</code> option for round corners on <code>bar</code> series width <code>polar</code> coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11393">#11393</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Feature] Add <code>roundCap</code> option for round corners on <code>bar</code> series width <code>polar</code> coordinate system. <a href="https://github.com/apache/incubator-echarts/pull/11393">#11393</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Feature] Add event <code>brushEnd</code> for <code>brush</code> component <a href="https://github.com/apache/incubator-echarts/pull/11285">#11285</a>(<a href="https://github.com/cuijian-dexter">Cui Jian</a>)</p>
+<li><p>[Feature] Add event <code>brushEnd</code> for <code>brush</code> component <a href="https://github.com/apache/incubator-echarts/pull/11285">#11285</a>(<a href="https://github.com/cuijian-dexter">cuijian-dexter</a>)</p>
 </li>
-<li><p>[Feature] Add <code>friction</code> option in force layout of <code>graph</code>. <a href="https://github.com/apache/incubator-echarts/pull/11276">#11276</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>friction</code> option in force layout of <code>graph</code>. <a href="https://github.com/apache/incubator-echarts/pull/11276">#11276</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
 <li><p>[Feature] Add <code>ignoreForceLayout</code> option in the <code>graph</code> links. <a href="https://github.com/apache/incubator-echarts/pull/11445">#11445</a> (<a href="https://github.com/TYzzt">TYzzt</a>)</p>
 </li>
@@ -152,37 +152,37 @@
 </li>
 </ul>
 <ul>
-<li><p>[Feature] Add <code>clip</code> option in <code>candllestick</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11529">#11529</a> (<a href="https://github.com/pissang">Shen Yi</a>)</p>
+<li><p>[Feature] Add <code>clip</code> option in <code>candllestick</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11529">#11529</a> (<a href="https://github.com/pissang">pissang</a>)</p>
 </li>
-<li><p>[Fix] Fix lots of label positioning issues in SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/519">ecomfe/zrender#519</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix lots of label positioning issues in SVG renderer. <a href="https://github.com/ecomfe/zrender/pull/519">ecomfe/zrender#519</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
 <li><p>[Fix] Fix interval issues related to category axis tick. Like <code>areaStyle.color</code> is incorrect in <a href="https://github.com/apache/incubator-echarts/issues/10948">#10948</a>, <code>xAxis.axisTick.interval</code> is calculated incorrectly in <a href="https://github.com/apache/incubator-echarts/pull/11176">#11176</a> . <a href="https://github.com/apache/incubator-echarts/pull/11186">#11186</a> (<a href="https://github.com/foolzhang">foolzhang</a>)</p>
 </li>
 <li><p>[Fix] Fix <code>bar</code> series can&#39;t display on the <code>log</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11472">#11472</a>(<a href="https://github.com/SnailSword">SnailSword</a>)</p>
 </li>
-<li><p>[Fix] Fix tooltip may be covered by the canvas when <code>-webkit-overflow-scrolling: touch</code> on iOS 13. <a href="https://github.com/ecomfe/zrender/pull/522">ecomfe/zrender#522</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix tooltip may be covered by the canvas when <code>-webkit-overflow-scrolling: touch</code> on iOS 13. <a href="https://github.com/ecomfe/zrender/pull/522">ecomfe/zrender#522</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix some of labels on category axis may disappear forever after chart resized. <a href="https://github.com/apache/incubator-echarts/pull/11536">#11536</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix some of labels on category axis may disappear forever after chart resized. <a href="https://github.com/apache/incubator-echarts/pull/11536">#11536</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix brush drag gets stuck when the mouse leaves the chart area. <a href="https://github.com/apache/incubator-echarts/pull/11516">#11516</a> (<a href="https://github.com/100pah">Su Shuang</a>)</p>
+<li><p>[Fix] Fix brush drag gets stuck when the mouse leaves the chart area. <a href="https://github.com/apache/incubator-echarts/pull/11516">#11516</a> (<a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix image symbol may disappear forever after legend toggled. <a href="https://github.com/apache/incubator-echarts/pull/11515">#11515</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix image symbol may disappear forever after legend toggled. <a href="https://github.com/apache/incubator-echarts/pull/11515">#11515</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] Fix changing from <code>&#39;scroll&#39;</code> type to <code>&#39;plain&#39;</code> type not work bug in legend. <a href="https://github.com/apache/incubator-echarts/pull/11504">#11504</a> (<a href="https://github.com/yufeng04">Yu Feng</a>)</p>
+<li><p>[Fix] Fix changing from <code>&#39;scroll&#39;</code> type to <code>&#39;plain&#39;</code> type not work bug in legend. <a href="https://github.com/apache/incubator-echarts/pull/11504">#11504</a> (<a href="https://github.com/yufeng04">yufeng04</a>)</p>
 </li>
-<li><p>[Fix] Optimize layout and bar width of <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. Make the <code>barMaxWidth</code> has higher priority than <code>barWidth</code>. Add <code>barMinWidth</code> for <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11479">#11479</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>, <a href="https://github.com/100pah">Su Shua [...]
+<li><p>[Fix] Optimize layout and bar width of <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. Make the <code>barMaxWidth</code> has higher priority than <code>barWidth</code>. Add <code>barMinWidth</code> for <code>bar</code> series on <code>time</code> axis and <code>value</code> axis. <a href="https://github.com/apache/incubator-echarts/pull/11479">#11479</a> (<a href="https://github.com/Ovilia">Ovilia</a>, <a href="https://github.com/100pah">100pah</a>)</p>
 </li>
-<li><p>[Fix] Fix title of toolbox icon may be cut by the container. <a href="https://github.com/apache/incubator-echarts/pull/11456">#11456</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix title of toolbox icon may be cut by the container. <a href="https://github.com/apache/incubator-echarts/pull/11456">#11456</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix precision issue in the ticks calculating. <a href="https://github.com/apache/incubator-echarts/pull/11488">#11488</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix precision issue in the ticks calculating. <a href="https://github.com/apache/incubator-echarts/pull/11488">#11488</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix <code>rotate</code> property of label not work in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11457">#11457</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix <code>rotate</code> property of label not work in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11457">#11457</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix edge won&#39;t disappear after collapsed if the <code>id</code> is duplicated in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11447">#11447</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">Li Deqing</a>)</p>
+<li><p>[Fix] Fix edge won&#39;t disappear after collapsed if the <code>id</code> is duplicated in <code>tree</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11447">#11447</a> (<a href="https://github.com/apache/incubator-echarts/pull/11457">deqingli</a>)</p>
 </li>
-<li><p>[Fix] Fix data disappear when updating with <code>dataset</code> in <code>gauge</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11373">#11373</a> (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix data disappear when updating with <code>dataset</code> in <code>gauge</code> series. <a href="https://github.com/apache/incubator-echarts/pull/11373">#11373</a> (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
-<li><p>[Fix] Fix gradient on bar leaked to label in SVG Renderer. (<a href="https://github.com/Ovilia">Zhang Wenli</a>)</p>
+<li><p>[Fix] Fix gradient on bar leaked to label in SVG Renderer. (<a href="https://github.com/Ovilia">Ovilia</a>)</p>
 </li>
 </ul>
 <h2 id="v4-4-0">v4.4.0</h2>
@@ -1759,7 +1759,7 @@ Fix that the line label can not be returned to its original opacity after <code>
 <ul>
 <li>The new echarts</li>
 </ul>
-<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
+<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/cheat-sheet.html b/zh/cheat-sheet.html
index 20c1494..67cfe3b 100644
--- a/zh/cheat-sheet.html
+++ b/zh/cheat-sheet.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,8 +7,8 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>术语速查手册 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
-</script><script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script><script src="https://echarts-www.cdn.bcebos.com/zh/js/cheat-sheet.js?_v_=1596637224557"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
+</script><script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script><script src="https://echarts-www.cdn.bcebos.com/zh/js/cheat-sheet.js?_v_=1597070591767"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/coding-standard.html b/zh/coding-standard.html
index de80c11..19cea3c 100644
--- a/zh/coding-standard.html
+++ b/zh/coding-standard.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>代码规范 - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/vendors/prettify/prettify.css?_v_=20200710_1"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/code-prettify@0.1.0/src/prettify.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/code-prettify@0.1.0/src/lang-css.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/d [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 <h3 id="源文件">源文件</h3>
 <p><strong>[强制]</strong> JavaScript源文件必须以无BOM的UTF-8编码。</p>
 <h3 id="缩进">缩进</h3>
@@ -573,7 +573,7 @@ var arr = new Array();
 <p><strong>[强制]</strong> 不要使用 <code>for in</code> 语句对数组进行遍历。</p>
 <h3 id="其他">其他</h3>
 <p><strong>[强制]</strong> 不要使用 <code>eval</code> 和 <code>with</code>。允许使用<code>new Function</code>。</p>
-<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
+<footer class="inner-footer"><div class="container"><div class="row"><div class="col-md-8"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessaril [...]
 
 var $list = $('#standard-nav');
 $('.page-detail h2, .page-detail h3, .page-detail h4')
diff --git a/zh/committers.html b/zh/committers.html
index 6eadad2..5e114d1 100644
--- a/zh/committers.html
+++ b/zh/committers.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Committers - Apache ECharts (incubating)</title></title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 var recommendId = 3;
 setInterval(function () {
diff --git a/zh/contributing.html b/zh/contributing.html
index 471546e..0cb41a6 100644
--- a/zh/contributing.html
+++ b/zh/contributing.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>如何贡献 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="clo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/css/doc-bundle.css b/zh/css/doc-bundle.css
index 62e94fd..8a42e1f 100644
--- a/zh/css/doc-bundle.css
+++ b/zh/css/doc-bundle.css
@@ -1,26 +1,4 @@
 @import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
-@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.35 [...]
-.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,. [...]
-.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{colo [...]
-.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__ite [...]
-.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3 [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-w [...]
-.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:2 [...]
-.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3 [...]
-.el-drawer.ltr,.el-drawer.rtl,.el-drawer__container{top:0;bottom:0;height:100%}.el-drawer.btt,.el-drawer.ttb,.el-drawer__container{left:0;right:0;width:100%}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:t [...]
-.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{conten [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}. [...]
-.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-l [...]
-@charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webk [...]
-.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
-.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}
-.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}
-.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
-.el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500 [...]
 .doc-nav h3 {
   margin: 0;
   padding: 5px;
diff --git a/zh/css/main.css b/zh/css/main.css
index 199e8b2..95cb9d3 100644
--- a/zh/css/main.css
+++ b/zh/css/main.css
@@ -1 +1 @@
-@font-face{font-family:'iconfont';src:url("font/iconfont.eot");src:url("font/iconfont.eot?#iefix") format("embedded-opentype"),url("font/iconfont.woff") format("woff"),url("font/iconfont.ttf") format("truetype"),url("font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{font-fami [...]
+@font-face{font-family:'iconfont';src:url("font/iconfont.eot");src:url("font/iconfont.eot?#iefix") format("embedded-opentype"),url("font/iconfont.woff") format("woff"),url("font/iconfont.ttf") format("truetype"),url("font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{font-fami [...]
diff --git a/zh/css/only_for_cdn_ready_check.css b/zh/css/only_for_cdn_ready_check.css
index 0fbd22e..fec79f3 100644
--- a/zh/css/only_for_cdn_ready_check.css
+++ b/zh/css/only_for_cdn_ready_check.css
@@ -1 +1 @@
-/* 1596637224557 OK */
\ No newline at end of file
+/* 1597070591767 OK */
\ No newline at end of file
diff --git a/zh/demo.html b/zh/demo.html
index 76f7542..4e48a6d 100644
--- a/zh/demo.html
+++ b/zh/demo.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -8,11 +8,11 @@
 }
 </script><title>Examples - Apache ECharts (incubating)</title><script>var chartId = location.hash.slice(1);
 window.location ='./examples/editor.html?c=' + chartId;</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/perfect-scrollbar@0.6.8/dist/css/perfect-scrollbar.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 var GALLERY_EDITOR_PATH = GALLERY_PATH + 'editor.html?c=';
 var GALLERY_VIEW_PATH = GALLERY_PATH + 'view.html?c=';
 var GALLERY_THUMB_PATH = GALLERY_PATH + 'data/thumb/';
-</script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/config.js?_v_=1596637224557"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/examples-nav.js?_v_=1596637224557"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
+</script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/config.js?_v_=1597070591767"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/examples-nav.js?_v_=1597070591767"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';
 function encodeHTML(source) {
     return String(source)
         .replace(/&/g, '&amp;')
diff --git a/zh/dependencies.html b/zh/dependencies.html
index d93b57e..90f2b02 100644
--- a/zh/dependencies.html
+++ b/zh/dependencies.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>依赖项 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="clo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/download-extension.html b/zh/download-extension.html
index 414ede0..7acaf48 100644
--- a/zh/download-extension.html
+++ b/zh/download-extension.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>扩展下载 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/download-map.html b/zh/download-map.html
index 4b1c64f..7cdff6f 100644
--- a/zh/download-map.html
+++ b/zh/download-map.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>地图下载 - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/vendors/prettify/prettify.css?_v_=20200710_1"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 $('pre').addClass('prettyprint');
 prettyPrint();</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
diff --git a/zh/download-theme.html b/zh/download-theme.html
index 6921113..f996a55 100644
--- a/zh/download-theme.html
+++ b/zh/download-theme.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>主题下载 - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/vendors/prettify/prettify.css?_v_=20200710_1"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 &lt;!-- 引入 vintage 主题 --&gt;
 &lt;script src="theme/vintage.js"&gt;&lt;/script&gt;
 &lt;script&gt;
@@ -17,7 +17,7 @@ chart.setOption({
     ...
 });
 &lt;/script&gt;
-</pre></div></div></section><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not nec [...]
+</pre></div></div></section><footer><div class="container"><div class="row"><div class="col-md-9"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not nec [...]
 $('pre').addClass('prettyprint');
 prettyPrint();
 
diff --git a/zh/download.html b/zh/download.html
index f692e15..06557a5 100644
--- a/zh/download.html
+++ b/zh/download.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>下载 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 //- $('.download-echarts').click(function (e) {
 //-     var el = document.createElement('div');
diff --git a/zh/download3.html b/zh/download3.html
index 0365088..e998d98 100644
--- a/zh/download3.html
+++ b/zh/download3.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>下载 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 //- $('.download-echarts').click(function (e) {
 //-     var el = document.createElement('div');
diff --git a/zh/examples.html b/zh/examples.html
index 605ed4f..b175d09 100644
--- a/zh/examples.html
+++ b/zh/examples.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -8,11 +8,11 @@
 }
 </script><title>Examples - Apache ECharts (incubating)</title><script>var chartId = location.hash.slice(1);
 window.location ='./examples/index.html';</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/perfect-scrollbar@0.6.8/dist/css/perfect-scrollbar.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 var GALLERY_EDITOR_PATH = GALLERY_PATH + 'editor.html?c=';
 var GALLERY_VIEW_PATH = GALLERY_PATH + 'view.html?c=';
 var GALLERY_THUMB_PATH = GALLERY_PATH + 'data/thumb/';
-</script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/config.js?_v_=1596637224557"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/chart-list.js?_v_=1596637224557"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/examples-nav.js?_v_=1596637224557"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';</script><!-- Baidu Tongji--><script [...]
+</script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/config.js?_v_=1597070591767"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/chart-list.js?_v_=1597070591767"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/examples-nav.js?_v_=1597070591767"></script><script type="text/javascript">document.getElementById('nav-examples').className = 'active';</script><!-- Baidu Tongji--><script [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/faq.html b/zh/faq.html
index 499e861..e402cad 100644
--- a/zh/faq.html
+++ b/zh/faq.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,9 +7,9 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>FAQ - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="clo [...]
    console.log(params);
-});</code></pre><p>参见这个<a href="https://gallery.echartsjs.com/editor.html?c=xHyqn_rQ6g">完整的例子</a>。</p><h3>如何制作自定义地图?</h3><p>ECharts 地图在地图坐标的基础上进行过<a href="https://github.com/apache/incubator-echarts/blob/8eeb7e5abe207d0536c62ce1f4ddecc6adfdf85e/src/util/mapData/rawData/encode.js">额外的编码</a>。可以使用 <a href="https://github.com/giscafer/mapshaper-plus">mapshaper-plus</a> 工具,上传自定义的 geojson 文件,生成 ECharts 可以使用的地图文件。</p><h2 id="baidu-map">百度地图</h2><h3>如何结合百度地图使用 ECharts?</h3><ol><li>引入 <code>echar [...]
+});</code></pre><p>参见这个<a href="https://gallery.echartsjs.com/editor.html?c=xHyqn_rQ6g">完整的例子</a>。</p><h3>如何制作自定义地图?</h3><p>ECharts 地图在地图坐标的基础上进行过<a href="https://github.com/apache/incubator-echarts/blob/8eeb7e5abe207d0536c62ce1f4ddecc6adfdf85e/src/util/mapData/rawData/encode.js">额外的编码</a>。可以使用 <a href="https://github.com/giscafer/mapshaper-plus">mapshaper-plus</a> 工具,上传自定义的 geojson 文件,生成 ECharts 可以使用的地图文件。</p><h2 id="baidu-map">百度地图</h2><h3>如何结合百度地图使用 ECharts?</h3><ol><li>引入 <code>echar [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/feature.html b/zh/feature.html
index 38bf107..5fefc77 100644
--- a/zh/feature.html
+++ b/zh/feature.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>特性 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/index.html b/zh/index.html
index af907a6..3c01d36 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 <script type="text/javascript">(function () {
     var ua = navigator.userAgent;
     var ie = ua.match(/MSIE\s([\d.]+)/) || ua.match(/Trident\/.+?rv:(([\d.]+))/);
@@ -15,9 +15,9 @@
     window.supportTouch = 'ontouchstart' in window && !ie && !edge;
 })()
 
-</script><section id="feature-section"><div class="container"><div class="row features"><p>Apache ECharts (incubating)<sup>TM</sup> 是一个正在 <a target="_blank" href="https://www.apache.org/">Apache Software Foundation</a> (ASF) 孵化中的项目。</p></div><div class="row features"><div class="col-sm-4"><div class="feature-icon-panel"><svg width="36px" height="33px" viewbox="0 0 36 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="feature-icon"><defs [...]
+</script><section id="feature-section"><div class="container"><div class="row features"><p>Apache ECharts (incubating)<sup>TM</sup> 是一个正在 <a target="_blank" href="https://www.apache.org/">Apache Software Foundation</a> (ASF) 孵化中的项目。</p></div><div class="row features"><div class="col-sm-4"><div class="feature-icon-panel"><svg width="36px" height="33px" viewbox="0 0 36 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="feature-icon"><defs [...]
     elements_selector: ".lazy"
-};</script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts-www.cdn.bcebos.com/zh/js/index.js?_v_=1596637224557"></script><script async defer src="https://buttons.github.io/buttons.js"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+};</script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js"></script><script src="https://echarts-www.cdn.bcebos.com/zh/js/index.js?_v_=1597070591767"></script><script async defer src="https://buttons.github.io/buttons.js"></script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/js/doc-bundle.js b/zh/js/doc-bundle.js
index 5300a92..6b8199a 100644
--- a/zh/js/doc-bundle.js
+++ b/zh/js/doc-bundle.js
@@ -1,14 +1,8 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.echartsDoc=e():t.echartsDoc=e()}(window,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=functio [...]
-/*!
- * Vue.js v2.6.11
- * (c) 2014-2019 Evan You
- * Released under the MIT License.
- */
-var i=Object.freeze({});function r(t){return null==t}function o(t){return null!=t}function s(t){return!0===t}function a(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function l(t){return null!==t&&"object"==typeof t}var u=Object.prototype.toString;function c(t){return"[object Object]"===u.call(t)}function h(t){return"[object RegExp]"===u.call(t)}function p(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function d(t){r [...]
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue"),require("CodeMirror"),require("beautifier")):"function"==typeof define&&define.amd?define(["Vue","CodeMirror","beautifier"],t):"object"==typeof exports?exports.echartsDoc=t(require("Vue"),require("CodeMirror"),require("beautifier")):e.echartsDoc=t(e.Vue,e.CodeMirror,e.beautifier)}(window,(function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:! [...]
 /*!***************************************************
 * mark.js v8.11.1
 * https://markjs.io/
 * Copyright (c) 2014–2018, Julian Kühnel
 * Released under the MIT license https://git.io/vwTVl
 *****************************************************/
-t.exports=function(){"use strict";var t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.def [...]
\ No newline at end of file
+e.exports=function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},n=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.def [...]
\ No newline at end of file
diff --git a/zh/maillist.html b/zh/maillist.html
index 233a9bf..c9e3d7f 100644
--- a/zh/maillist.html
+++ b/zh/maillist.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -7,7 +7,7 @@
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
 </script><title>邮件列表 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="clo [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/option-gl.html b/zh/option-gl.html
index 1f73e04..3e1d406 100644
--- a/zh/option-gl.html
+++ b/zh/option-gl.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/option-gl-parts',
     docType: 'option-gl',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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 62bfc17..d42827f 100644
--- a/zh/option.html
+++ b/zh/option.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/option-parts',
     docType: 'option',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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/option3.html b/zh/option3.html
index a15dd6b..027a104 100644
--- a/zh/option3.html
+++ b/zh/option3.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -6,8 +6,8 @@
         + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
-</script><title>ECharts Documentation</title><link rel="stylesheet" type="text/css" href="css/ecOption.css?_v_=1596637224557"><link rel="stylesheet" type="text/css" href="vendors/prettify/prettify.css"><link rel="stylesheet" type="text/css" href="vendors/perfect-scrollbar/0.6.8/css/perfect-scrollbar.min.css"><link rel="stylesheet" type="text/css" href="vendors/jquery-autocomplete/jquery.auto-complete.css"><link rel="stylesheet" type="text/css" href="vendors/twentytwenty/twentytwenty.css" [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+</script><title>ECharts Documentation</title><link rel="stylesheet" type="text/css" href="css/ecOption.css?_v_=1597070591767"><link rel="stylesheet" type="text/css" href="vendors/prettify/prettify.css"><link rel="stylesheet" type="text/css" href="vendors/perfect-scrollbar/0.6.8/css/perfect-scrollbar.min.css"><link rel="stylesheet" type="text/css" href="vendors/jquery-autocomplete/jquery.auto-complete.css"><link rel="stylesheet" type="text/css" href="vendors/twentytwenty/twentytwenty.css" [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
     pageName: 'option',
     schemaName: 'option3',
     initHash: 'title',
@@ -17,7 +17,7 @@
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1596637224557',
+    version: '1597070591767',
     basePath: './',
     // Schema url is added by each doc page
     schemaUrl: '',
@@ -44,7 +44,7 @@ require.config({
         hasher: vendorPath + '/hasher/1.2.0/hasher.min',
         perfectScrollbar: vendorPath + '/perfect-scrollbar/0.6.8/js/perfect-scrollbar'
     },
-    urlArgs: '_v_=1596637224557'
+    urlArgs: '_v_=1597070591767'
 });
 
 require(['docTool/main'], function (main) {
diff --git a/zh/resources.html b/zh/resources.html
new file mode 100644
index 0000000..7046715
--- /dev/null
+++ b/zh/resources.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
+    var el = document.createElement('style');
+    el.innerHTML = ''
+        + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
+        + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
+    document.head.insertBefore(el, document.getElementById('font-hack'));
+}
+</script><title>更多资源 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="更多资源"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn" [...]
+(function() {
+var hm = document.createElement("script");
+
+hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";
+
+var s = document.getElementsByTagName("script")[0];
+s.parentNode.insertBefore(hm, s);
+})();
+</script><!-- Google Analytics--><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', 'UA-141228404-1');</script></html>
\ No newline at end of file
diff --git a/zh/security.html b/zh/security.html
index f5c883b..54b452f 100644
--- a/zh/security.html
+++ b/zh/security.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -6,8 +6,8 @@
         + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
     document.head.insertBefore(el, document.getElementById('font-hack'));
 }
-</script><title>安全问题 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="ECharts FAQ"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
+</script><title>安全 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="安全"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x [...]
 (function() {
 var hm = document.createElement("script");
 
diff --git a/zh/spreadsheet.html b/zh/spreadsheet.html
index bd0e950..de96fb4 100644
--- a/zh/spreadsheet.html
+++ b/zh/spreadsheet.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -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 (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/css/spreadsheet.css?_v_=1596637224557"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></scri [...]
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+</script><title>Spreadsheet Tool - Apache ECharts (incubating)</title><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/vendors/handsontable/0.26.1/dist/handsontable.full.min.css?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://echarts-www.cdn.bcebos.com/zh/css/spreadsheet.css?_v_=1597070591767"><script src="vendors/esl.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></scri [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 
 var vendorPath = '../vendors';
 
 define('globalArgs', extend({
-    version: '1596637224557',
+    version: '1597070591767',
     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_=1596637224557'
+    urlArgs: '_v_=1597070591767'
 });
 
 require(['spreadsheet/spreadsheet'], function (spreadsheet) {
diff --git a/zh/theme-builder.html b/zh/theme-builder.html
new file mode 100644
index 0000000..0aeda0e
--- /dev/null
+++ b/zh/theme-builder.html
@@ -0,0 +1,540 @@
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
+    var el = document.createElement('style');
+    el.innerHTML = ''
+        + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
+        + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
+    document.head.insertBefore(el, document.getElementById('font-hack'));
+}
+</script><title>主题编辑器 - Apache ECharts (incubating)</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/default.css">
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/github.css">
+<link rel="stylesheet" href="./theme-builder/main.css">
+
+<div id="theme-builder">
+  <div class="container-fluid" id="content">
+    <div class="row scroll-parent">
+      <div class="col-md-3 col-sm-4 theme-config">
+
+        <div id="acc-port" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-port" href="#acc-port-body">功能</a>
+              </h4>
+            </div>
+            <div id="acc-port-body" class="panel-collapse collapse in">
+              <div class="panel-body">
+                <div class="port-row">
+                  <input type="file" @change="importFileChanged" id="input-file" style="display: none" />
+                  <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-primary" data-target="#download-js-modal" data-toggle="modal" @click="useTheme()">
+                      <span class="glyphicon glyphicon-download-alt"></span>
+                      下载主题
+                    </button>
+                    <button type="button" class="btn btn-default" @click="importJson()">
+                      <span class="glyphicon glyphicon-import"></span>
+                      导入配置
+                    </button>
+                    <button type="button" class="btn btn-default" @click="exportJson()">
+                      <span class="glyphicon glyphicon-export"></span>
+                      导出配置
+                    </button>
+                  </div>
+                </div>
+                <div class="port-row">
+                  <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-default" @click="updateCharts(true)">
+                      <span class="glyphicon glyphicon-refresh"></span>
+                      刷新
+                    </button>
+                    <button type="button" class="btn btn-default" @click="newTheme()">
+                      <span class="glyphicon glyphicon-repeat"></span>
+                      复原
+                    </button>
+                    <button class="btn btn-default" data-toggle="modal" data-target="#download-modal">
+                      <span class="glyphicon glyphicon-question-sign"></span>
+                      帮助
+                    </button>
+                  </div>
+                </div>
+                <form class="form form-horizontal">
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">主题名称</label>
+                    <div class="col-sm-9">
+                      <input class="form-control" v-model="themeName" />
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">系列数量</label>
+                    <div class="col-sm-9">
+                      <input type="number" class="form-control" v-model="theme.seriesCnt" />
+                    </div>
+                  </div>
+                </form>
+                <form class="form-horizontal">
+                  <hr />
+                  <h5>默认方案</h5>
+                  <div class="row theme-plan-row">
+                    <div class="col-xs-6" v-for="group in preDefinedThemes">
+                      <a class="theme-plan-group"@click="selectPreDefinedTheme($index)" v-bind:style="{ backgroundColor: group.background }" title="{{ group.name }}">
+                        <div class="theme-plan-color" v-for="color in group.theme" v-bind:style="{ backgroundColor: color }">
+                        </div>
+                      </a>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-port -->
+
+        <div id="acc-theme" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-theme" href="#acc-theme-body">基本配置</a>
+              </h4>
+            </div>
+            <div id="acc-theme-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="背景" :color.sync="theme.backgroundColor"></config-color>
+                  <config-color title="标题" :color.sync="theme.titleColor"></config-color>
+                  <config-color title="副标题" :color.sync="theme.subtitleColor"></config-color>
+                  <config-color-list title="主题" :colors.sync="theme.color"></config-color-list>
+                  <config-color title="标签文字" :color.sync="theme.markTextColor"></config-color>
+                  <config-number title="描边粗细" :value.sync="theme.borderWidth"></config-number>
+                  <config-color title="描边" :color.sync="theme.borderColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-theme -->
+
+        <div id="acc-visualmap" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-visualmap" href="#acc-visualmap-body">视觉映射</a>
+              </h4>
+            </div>
+            <div id="acc-visualmap-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color-list title="视觉映射" :colors.sync="theme.visualMapColor"></config-color-list>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-visualmap -->
+
+        <div id="acc-axis" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-axis" href="#acc-axis-body">坐标轴</a>
+              </h4>
+            </div>
+            <div id="acc-axis-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <div class="form-group">
+                    <div class="col-sm-12">
+                      <input v-model="theme.axisSeperateSetting" @change="axisSeperateSettingChanges()" type="checkbox" id="axisSeperateSetting" />
+                      <label for="axisSeperateSetting" class="control-label">为不同类型坐标轴分别设置</label>
+                    </div>
+                  </div>
+                  <div class="axis-group" v-for="axis in theme.axis" v-if="$index > 0 || !theme.axisSeperateSetting">
+                    <h5 v-if="axis.type !== 'all'">{{ axis.name }}</h5>
+                    <config-color can-disable :enabled.sync="axis.axisLineShow" title="轴线" :color.sync="axis.axisLineColor"></config-color>
+                    <config-color can-disable :enabled.sync="axis.axisTickShow" title="刻度" :color.sync="axis.axisTickColor"></config-color>
+                    <config-color-list can-disable :enabled.sync="axis.splitLineShow" title="网格" :colors.sync="axis.splitLineColor"></config-color-list>
+                    <config-color-list can-disable :enabled.sync="axis.splitAreaShow" title="填充" :colors.sync="axis.splitAreaColor"></config-color-list>
+                    <config-color can-disable :enabled.sync="axis.axisLabelShow" title="文字" :color.sync="axis.axisLabelColor"></config-color>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-axis -->
+
+        <div id="acc-legend" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-legend" href="#acc-legend-body" title="legend">图例</a>
+              </h4>
+            </div>
+            <div id="acc-legend-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.legendTextColor" title="文字"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-legend -->
+
+        <div id="acc-toolbox" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-toolbox" href="#acc-toolbox-body" title="toolbox">工具箱</a>
+              </h4>
+            </div>
+            <div id="acc-toolbox-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.toolboxColor" title="图标"></config-color>
+                  <config-color :color.sync="theme.toolboxEmpasisColor" title="悬停"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-toolbox -->
+
+        <div id="acc-tooltip" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-tooltip" href="#acc-tooltip-body" title="tooltip">提示框</a>
+              </h4>
+            </div>
+            <div id="acc-tooltip-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color :color.sync="theme.tooltipAxisColor" title="指示线"></config-color>
+                  <config-number :value.sync="theme.tooltipAxisWidth" title="宽度"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-tooltip -->
+
+        <div id="acc-timeline" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-timeline" href="#acc-timeline-body" title="tooltip">时间轴</a>
+              </h4>
+            </div>
+            <div id="acc-timeline-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="标记" :color.sync="theme.timelineItemColor"></config-color>
+                  <config-color title="标记悬停" :color.sync="theme.timelineItemColorE"></config-color>
+                  <config-color title="标记选中" :color.sync="theme.timelineCheckColor"></config-color>
+                  <config-color title="标记选中描边" :color.sync="theme.timelineCheckBorderColor"></config-color>
+                  <config-number title="标记描边" :value.sync="theme.timelineItemBorderWidth"></config-number>
+                  <config-color title="主轴" :color.sync="theme.timelineLineColor"></config-color>
+                  <config-number title="主轴宽度" :value.sync="theme.timelineLineWidth"></config-number>
+                  <config-color title="控件填充" :color.sync="theme.timelineControlColor"></config-color>
+                  <config-color title="控件描边" :color.sync="theme.timelineControlBorderColor"></config-color>
+                  <config-number title="控件描边宽度" :value.sync="theme.timelineControlBorderWidth"></config-number>
+                  <config-color title="文字" :color.sync="theme.timelineLabelColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-timeline -->
+
+        <div id="acc-datazoom" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-datazoom" href="#acc-datazoom-body" title="tooltip">数据缩放</a>
+              </h4>
+            </div>
+            <div id="acc-datazoom-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="背景" :color.sync="theme.datazoomBackgroundColor"></config-color>
+                  <config-color title="数据背景" :color.sync="theme.datazoomDataColor"></config-color>
+                  <config-color title="填充" :color.sync="theme.datazoomFillColor"></config-color>
+                  <config-color title="控制手柄" :color.sync="theme.datazoomHandleColor"></config-color>
+                  <config-number title="控制手柄大小" :value.sync="theme.datazoomHandleWidth"></config-number>
+                  <config-color title="文字" :color.sync="theme.datazoomLabelColor"></config-color>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-datazoom -->
+
+        <div id="acc-line" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-line" href="#acc-line-body" title="line">折线图</a>
+              </h4>
+            </div>
+            <div id="acc-line-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <div class="form-group">
+                    <div class="col-sm-12">
+                      <input type="checkbox" v-model="theme.lineSmooth" id="lineSmooth" />
+                      <label for="lineSmooth" class="control-label" title="smooth">平滑曲线</label>
+                    </div>
+                  </div>
+                  <config-number title="线条宽度" :value.sync="theme.lineWidth"></config-number>
+                  <config-number title="图形描边" :value.sync="theme.symbolBorderWidth"></config-number>
+                  <config-number title="图形大小" :value.sync="theme.symbolSize"></config-number>
+                  <div class="form-group">
+                    <div class="col-sm-3">
+                      <label class="control-label">图形形状</label>
+                    </div>
+                    <div class="col-sm-12">
+                      <div class="row space-row">
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolCircle" value="circle" @change="updateSymbol('circle')" />
+                          <label for="symbolCircle">圆形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolCircleE" value="circle" checked @change="updateSymbol('emptyCircle')" />
+                          <label for="symbolCircleE">空心圆形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolRect" value="rect" @change="updateSymbol('rect')" />
+                          <label for="symbolRect">方形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolRectE" value="rect" @change="updateSymbol('emptyRect')" />
+                          <label for="symbolRectE">空心方形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolRoundRect" value="roundRect" @change="updateSymbol('roundRect')" />
+                          <label for="symbolRoundRect">圆角矩形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolRoundRectE" value="roundRect" @change="updateSymbol('emptyRoundRect')" />
+                          <label for="symbolRoundRectE">空心圆角矩形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolTri" value="triangle" @change="updateSymbol('triangle')" />
+                          <label for="symbolTri">三角形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolTriE" value="triangle" @change="updateSymbol('emptyTriangle')" />
+                          <label for="symbolTriE">空心三角形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolDiamond" value="diamond" @change="updateSymbol('diamond')" />
+                          <label for="symbolDiamond">菱形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolDiamondE" value="diamond" @change="updateSymbol('emptyDiamond')" />
+                          <label for="symbolDiamondE">空心菱形</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolCircle" value="pin" @change="updateSymbol('pin')" />
+                          <label for="symbolPin">水滴</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolCircleE" value="pin" @change="updateSymbol('emptyPin')" />
+                          <label for="symbolPinE">空心水滴</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolArrow" value="arrow" @change="updateSymbol('arrow')" />
+                          <label for="symbolArrowE">箭头</label>
+                        </div>
+                        <div class="col-sm-6">
+                          <input type="radio" name="symbol" id="symbolArrowE" value="arrow" @change="updateSymbol('emptyArrow')" />
+                          <label for="symbolArrowE">空心箭头</label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-line -->
+
+        <div id="acc-k" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-k" href="#acc-k-body" title="k">K 线图</a>
+              </h4>
+            </div>
+            <div id="acc-k-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="阳线填充" :color.sync="theme.kColor"></config-color>
+                  <config-color title="阴线填充" :color.sync="theme.kColor0"></config-color>
+                  <config-color title="阳线描边" :color.sync="theme.kBorderColor"></config-color>
+                  <config-color title="阴线描边" :color.sync="theme.kBorderColor0"></config-color>
+                  <config-number title="描边宽度" :value.sync="theme.kBorderWidth"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-k -->
+
+        <div id="acc-graph" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-graph" href="#acc-graph-body" title="graph">力导图</a>
+              </h4>
+            </div>
+            <div id="acc-graph-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                <form class="form-horizontal">
+                  <config-color title="连线" :color.sync="theme.graphLineColor"></config-color>
+                  <config-number title="连线宽度" :value.sync="theme.graphLineWidth"></config-number>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-graph -->
+
+        <div id="acc-about" class="panel-group">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#acc-about" href="#acc-about-body" title="graph">关于</a>
+              </h4>
+            </div>
+            <div id="acc-about-body" class="panel-collapse collapse">
+              <div class="panel-body">
+                项目源码:<a href="https://github.com/Ovilia/ECharts-Theme-Builder" target="_blank">GitHub</a>
+              </div>
+            </div>
+          </div>
+        </div><!-- end of acc-about -->
+
+      </div><!-- end of left -->
+
+      <div class="col-md-9 col-sm-8 chart-container scroll-content"
+          v-bind:style="{ backgroundColor: chartDisplay.background, backgroundImage: themeName == 'halloween' ? 'url(img/pumpkin.png)' : 'none'}">
+
+        <h3 v-bind:style="{ color: chartDisplay.title }">示例预览</h3>
+
+        <div class="row">
+          <div v-for="i in [1,2,3,4,5,6,7,8,9,10,11,12]" class="ec-container col-md-6">
+            <div class="ec-panel"></div>
+          </div>
+        </div>
+      </div><!-- end of chart panel -->
+
+    </div>
+
+    <div class="modal fade" id="download-modal" tabindex="-1" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title">帮助</h4>
+          </div>
+          <div class="modal-body">
+            <h4>主题在线构建工具是什么?</h4>
+            <p>“主题”是 ECharts 图表的风格抽象,用于统一多个图表的风格样式。使用主题在线构建工具,可以快速直观地生成主题配置文件,并在 ECharts 中使用自定义的主题样式。</p>
+            <p>在此主题的基础上,你仍然可以使用 <code>setOption</code> 覆盖或设置主题样式。</p>
+            <p>ECharts 官方提供 <code>default</code>、<code>infographic</code>、<code>shine</code>、<code>roma</code>、<code>macarons</code>、<code>vintage</code> 等主题,可供<a href="http://echarts.baidu.com/download-theme.html" target="_blank">下载</a>使用。</p>
+
+            <h4>导入、导出</h4>
+            <p>为了便于二次修改,我们的主题构建工具支持导入、导出配置项,导出的 JSON 文件仅用于在本工具中导入使用,而不能直接作为主题在 ECharts 中注册。</p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+          </div>
+        </div>
+      </div>
+    </div><!-- end of modal -->
+
+    <div class="modal fade" id="download-js-modal" tabindex="-1" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title">主题下载</h4>
+          </div>
+          <div class="modal-body">
+            <!-- tab nav -->
+            <ul class="nav nav-tabs" role="tablist">
+              <li role="presentation" class="active">
+                <a href="#modal-js" role="tab" data-toggle="tab">
+                  JS 版本
+                </a>
+              </li>
+              <li role="presentation">
+                <a href="#modal-json" role="tab" data-toggle="tab">
+                  JSON 版本
+                </a>
+              </li>
+            </ul>
+
+            <!-- tab content -->
+            <div class="tab-content">
+              <div role="tabpanel" class="tab-pane active" id="modal-js">
+                <ol id="how-to-use-js">
+                  <li><span v-if="downloadable">下载或</span>复制以下的主题保存至 <code>*.js</code> 文件;</li>
+                  <li>将该文件在 HTML 中引用;</li>
+                  <li>使用 <code>echarts.init(dom, '{{ themeName || 'customed' }}')</code> 创建图表,第二个参数即为 <code>*.js</code> 文件中注册的主题名字。</li>
+                </ol>
+                <div class="code-btn">
+                  <div class="btn-group" role="group">
+                    <a v-if="downloadable" class="btn btn-sm btn-primary" @click="downloadThemeJs()">下载</a>
+                    <a class="btn btn-sm btn-default" @click="copyThemeJs()">复制</a>
+                  </div>
+                  <label id="copy-js-success">已复制到剪贴板,请保存至 <code>*.js</code> 文件</label>
+                  <label id="copy-js-fail">请使用<kbd>{{ copyKbd }}</kbd> + <kbd>s</kbd>复制,并保存至 <code>*.js</code> 文件</label>
+                </div>
+                <pre>
+                  <code class="javascript" id="js-code"></code>
+                </pre>
+              </div>
+              <div role="tabpanel" class="tab-pane" id="modal-json">
+                <ol id="how-to-use-json">
+                  <li><span v-if="downloadable">下载或</span>复制以下的主题保存至 <code>*.json</code> 文件;</li>
+                  <li>读取该 JSON 文件,并使用 <code>obj = JSON.parse(data)</code> 将其转换成对象;</li>
+                  <li>调用 <code>echarts.registerTheme('{{ themeName || 'customed' }}', obj)</code> 注册主题;</li>
+                  <li>使用 <code>echarts.init(dom, '{{ themeName || 'customed' }}')</code> 创建图表,第二个参数即为刚才注册的主题名字。</li>
+                </ol>
+                <div class="code-btn">
+                  <div class="btn-group" role="group">
+                    <a v-if="downloadable" class="btn btn-sm btn-primary" @click="downloadThemeJson()">下载</a>
+                    <a class="btn btn-sm btn-default" @click="copyThemeJson()">复制</a>
+                  </div>
+                  <label id="copy-json-success">已复制到剪贴板,请保存至 <code>*.json</code> 文件</label>
+                  <label id="copy-json-fail">请使用<kbd>{{ copyKbd }}</kbd> + <kbd>s</kbd>复制,并保存至 <code>*.json</code> 文件</label>
+                </div>
+                <pre>
+                  <code class="json" id="json-code"></code>
+                </pre>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+          </div>
+        </div>
+      </div>
+    </div><!-- end of modal -->
+  </div>
+
+</div>
+
+<script src="//cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/lodash@4.17.19/lodash.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/bootstrap-colorpicker@2.5.3/dist/js/bootstrap-colorpicker.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/vue@1.0.28/dist/vue.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/highlightjs@9.16.2/highlight.pack.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/file-saver@2.0.2/dist/FileSaver.min.js"></script>
+
+<script src="./theme-builder/app.min.js"></script></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://echarts-www.cdn.bcebos.com/zh/js/common.js?_v_=1597070591767"></script><script type="text/javascript">document.getElementById('nav-resources').className = 'active';</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
+(function() {
+var hm = document.createElement("script");
+
+hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";
+
+var s = document.getElementsByTagName("script")[0];
+s.parentNode.insertBefore(hm, s);
+})();
+</script><!-- Google Analytics--><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', 'UA-141228404-1');</script></html>
\ No newline at end of file
diff --git a/zh/theme-builder/app.min.js b/zh/theme-builder/app.min.js
new file mode 100644
index 0000000..553d054
--- /dev/null
+++ b/zh/theme-builder/app.min.js
@@ -0,0 +1 @@
+var VueColor=Vue.extend({template:'<div class="input-group colorpicker-component"><input type="text" class="form-control" debounce="2000" /><span class="input-group-addon"><i></i></span></div>',compiled:function(){var a=this,t=$(this.$el);t.find("input").val(this.color),t.colorpicker().on("changeColor",function(){var e=t.find("input").val();echarts.color.parse(e)&&a.$set("color",e)}),a.$watch("color",function(e){t.colorpicker("setValue",e)})},props:{color:{twoWay:!0}}});Vue.component("co [...]
\ No newline at end of file
diff --git a/zh/theme-builder/main.css b/zh/theme-builder/main.css
new file mode 100644
index 0000000..d30d028
--- /dev/null
+++ b/zh/theme-builder/main.css
@@ -0,0 +1 @@
+#theme-builder{overflow-x:hidden;text-align:left}#theme-builder a{cursor:pointer;color:#293c55}#theme-builder .btn{transition:0.5s}#theme-builder .btn-default{border-color:#eee;color:#293c55}#theme-builder .btn-default:hover,#theme-builder .btn-default:active,#theme-builder .btn-default:focus,#theme-builder .btn-default.active{border-color:#ddd;background-color:#eee;color:#293c55}#theme-builder .btn-primary{border-color:#314866;background-color:#3a5477}#theme-builder .btn-primary:hover,# [...]
diff --git a/zh/theme-builder/themes/chalk.json b/zh/theme-builder/themes/chalk.json
new file mode 100644
index 0000000..54ab33c
--- /dev/null
+++ b/zh/theme-builder/themes/chalk.json
@@ -0,0 +1,169 @@
+{
+    "version": 1,
+    "themeName": "chalk",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(41,52,65,1)",
+        "titleColor": "#ffffff",
+        "subtitleColor": "#dddddd",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#293441",
+        "color": [
+            "#fc97af",
+            "#87f7cf",
+            "#f7f494",
+            "#72ccff",
+            "#f7c5a0",
+            "#d4a4eb",
+            "#d2f5a6",
+            "#76f2f2"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#fc97af",
+            "#87f7cf"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#fc97af",
+        "kColor0": "transparent",
+        "kBorderColor": "#fc97af",
+        "kBorderColor0": "#87f7cf",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "0",
+        "symbol": "circle",
+        "symbolBorderWidth": "4",
+        "lineSmooth": true,
+        "graphLineWidth": "1",
+        "graphLineColor": "#ffffff",
+        "mapLabelColor": "#893448",
+        "mapLabelColorE": "rgb(137,52,72)",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#eb8146",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "rgba(255,178,72,1)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#666666",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#aaaaaa",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#e6e6e6"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#87f7cf",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#87f7cf",
+        "timelineItemColorE": "#f7f494",
+        "timelineCheckColor": "#fc97af",
+        "timelineCheckBorderColor": "rgba(252,151,175,0.3)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#87f7cf",
+        "timelineControlBorderColor": "#87f7cf",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#87f7cf",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(114,204,255,1)",
+        "datazoomFillColor": "rgba(114,204,255,0.2)",
+        "datazoomHandleColor": "#72ccff",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/dark.json b/zh/theme-builder/themes/dark.json
new file mode 100644
index 0000000..07f8f2a
--- /dev/null
+++ b/zh/theme-builder/themes/dark.json
@@ -0,0 +1,172 @@
+{
+    "version": 1,
+    "themeName": "dark",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(51,51,51,1)",
+        "titleColor": "#eeeeee",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#dd6b66",
+            "#759aa0",
+            "#e69d87",
+            "#8dc1a9",
+            "#ea7e53",
+            "#eedd78",
+            "#73a373",
+            "#73b9bc",
+            "#7289ab",
+            "#91ca8c",
+            "#f49f42"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#eeeeee",
+        "kColor": "#fd1050",
+        "kColor0": "#0cf49b",
+        "kBorderColor": "#fd1050",
+        "kBorderColor0": "#0cf49b",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "circle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#eeeeee",
+                "axisTickShow": true,
+                "axisTickColor": "#eeeeee",
+                "axisLabelShow": true,
+                "axisLabelColor": "#eeeeee",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#aaaaaa"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "#eeeeee"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#eeeeee",
+        "tooltipAxisWidth": "1",
+        "timelineLineColor": "#eeeeee",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#dd6b66",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#eeeeee",
+        "timelineControlBorderColor": "#eeeeee",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#eeeeee",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#eeeeee"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/default.json b/zh/theme-builder/themes/default.json
new file mode 100644
index 0000000..8401f30
--- /dev/null
+++ b/zh/theme-builder/themes/default.json
@@ -0,0 +1,173 @@
+{
+    "version": 1,
+    "themeName": "default",
+    "theme": {
+        "seriesCnt": 3,
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c23531",
+            "#2f4554",
+            "#61a0a8",
+            "#d48265",
+            "#91c7ae",
+            "#749f83",
+            "#ca8622",
+            "#bda29a",
+            "#6e7074",
+            "#546570",
+            "#c4ccd3"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c23531",
+        "kColor0": "#314656",
+        "kBorderColor": "#c23531",
+        "kBorderColor0": "#314656",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/zh/theme-builder/themes/essos.json b/zh/theme-builder/themes/essos.json
new file mode 100644
index 0000000..4dad4b7
--- /dev/null
+++ b/zh/theme-builder/themes/essos.json
@@ -0,0 +1,171 @@
+{
+    "version": 1,
+    "themeName": "essos",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(242,234,191,0.15)",
+        "titleColor": "#893448",
+        "subtitleColor": "#d95850",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#893448",
+            "#d95850",
+            "#eb8146",
+            "#ffb248",
+            "#f2d643",
+            "#ebdba4"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#893448",
+            "#d95850",
+            "#eb8146",
+            "#ffb248",
+            "#f2d643",
+            "rgb(247,238,173)"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#eb8146",
+        "kColor0": "transparent",
+        "kBorderColor": "#d95850",
+        "kBorderColor0": "#58c470",
+        "kBorderWidth": "2",
+        "lineWidth": "2",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#893448",
+        "mapLabelColorE": "#893448",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#eb8146",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#ffb248",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#aaaaaa",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#e6e6e6"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#893448",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#893448",
+        "timelineItemColorE": "#ffb248",
+        "timelineCheckColor": "#eb8146",
+        "timelineCheckBorderColor": "rgba(255,178,72,0.41)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#893448",
+        "timelineControlBorderColor": "#893448",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#893448",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(255,178,72,0.5)",
+        "datazoomFillColor": "rgba(255,178,72,0.15)",
+        "datazoomHandleColor": "#ffb248",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/halloween.json b/zh/theme-builder/themes/halloween.json
new file mode 100644
index 0000000..6c32f62
--- /dev/null
+++ b/zh/theme-builder/themes/halloween.json
@@ -0,0 +1,167 @@
+{
+    "version": 1,
+    "themeName": "halloween",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(64,64,64,0.5)",
+        "titleColor": "#ffaf51",
+        "subtitleColor": "#eeeeee",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#333333",
+        "color": [
+            "#ff715e",
+            "#ffaf51",
+            "#ffee51",
+            "#8c6ac4",
+            "#715c87"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": "0",
+        "visualMapColor": [
+            "#ff715e",
+            "#ffee51",
+            "#797fba"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#ffee51",
+        "kColor0": "rgba(255,255,255,0)",
+        "kBorderColor": "#ff715e",
+        "kBorderColor0": "#797fba",
+        "kBorderWidth": "1",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#888888",
+        "mapLabelColor": "#ffffff",
+        "mapLabelColorE": "#ffee51",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#ffaf51",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#555555",
+        "mapAreaColorE": "rgba(255,175,81,0.5)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#666666",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#555555"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#ffaf51",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#ffaf51",
+        "timelineItemColorE": "#ffaf51",
+        "timelineCheckColor": "#ff715e",
+        "timelineCheckBorderColor": "rgba(255,113,94,0.4)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#ffaf51",
+        "timelineControlBorderColor": "#ffaf51",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#ff715e",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(255,113,94,0.2)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/infographic.json b/zh/theme-builder/themes/infographic.json
new file mode 100644
index 0000000..4f564ec
--- /dev/null
+++ b/zh/theme-builder/themes/infographic.json
@@ -0,0 +1,176 @@
+{
+    "version": 1,
+    "themeName": "infographic",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#27727b",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c1232b",
+            "#27727b",
+            "#fcce10",
+            "#e87c25",
+            "#b5c334",
+            "#fe8463",
+            "#9bca63",
+            "#fad860",
+            "#f3a43b",
+            "#60c0dd",
+            "#d7504b",
+            "#c6e579",
+            "#f4e001",
+            "#f0805a",
+            "#26c0c0"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#c1232b",
+            "#fcce10"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c1232b",
+        "kColor0": "#b5c334",
+        "kBorderColor": "#c1232b",
+        "kBorderColor0": "#b5c334",
+        "kBorderWidth": 1,
+        "lineWidth": "3",
+        "symbolSize": "5",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#c1232b",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#eeeeee",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#dddddd",
+        "mapAreaColorE": "#fe994e",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#27727b",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": false,
+                "axisLineColor": "#333",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#27727b",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#c1232b",
+        "toolboxEmpasisColor": "#e87c25",
+        "tooltipAxisColor": "#27727b",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#27727b",
+        "timelineItemColorE": "#72d4e0",
+        "timelineCheckColor": "#c1232b",
+        "timelineCheckBorderColor": "rgba(194,53,49, 0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#27727b",
+        "timelineControlBorderColor": "#27727b",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(181,195,52,0.3)",
+        "datazoomFillColor": "rgba(181,195,52,0.2)",
+        "datazoomHandleColor": "#27727b",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
diff --git a/zh/theme-builder/themes/macarons.json b/zh/theme-builder/themes/macarons.json
new file mode 100644
index 0000000..4122f30
--- /dev/null
+++ b/zh/theme-builder/themes/macarons.json
@@ -0,0 +1,180 @@
+{
+    "version": 1,
+    "themeName": "macarons",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#008acd",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#2ec7c9",
+            "#b6a2de",
+            "#5ab1ef",
+            "#ffb980",
+            "#d87a80",
+            "#8d98b3",
+            "#e5cf0d",
+            "#97b552",
+            "#95706d",
+            "#dc69aa",
+            "#07a2a4",
+            "#9a7fd1",
+            "#588dd5",
+            "#f5994e",
+            "#c05050",
+            "#59678c",
+            "#c9ab00",
+            "#7eb00a",
+            "#6f5553",
+            "#c14089"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#5ab1ef",
+            "#e0ffff"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#d87a80",
+        "kColor0": "#2ec7c9",
+        "kBorderColor": "#d87a80",
+        "kBorderColor0": "#2ec7c9",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 3,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#d87a80",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#eeeeee",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#dddddd",
+        "mapAreaColorE": "rgba(254,153,78,1)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#eeeeee",
+                "axisTickShow": true,
+                "axisTickColor": "#eeeeee",
+                "axisLabelShow": true,
+                "axisLabelColor": "#eeeeee",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#aaaaaa"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "#eeeeee"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#008acd",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#2ec7c9",
+        "toolboxEmpasisColor": "#18a4a6",
+        "tooltipAxisColor": "#008acd",
+        "tooltipAxisWidth": "1",
+        "timelineLineColor": "#008acd",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#008acd",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#2ec7c9",
+        "timelineCheckBorderColor": "rgba(46,199,201,0.4)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#008acd",
+        "timelineControlBorderColor": "#008acd",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#008acd",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "#efefff",
+        "datazoomFillColor": "rgba(182,162,222,0.2)",
+        "datazoomHandleColor": "#008acd",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/zh/theme-builder/themes/purple-passion.json b/zh/theme-builder/themes/purple-passion.json
new file mode 100644
index 0000000..95862bb
--- /dev/null
+++ b/zh/theme-builder/themes/purple-passion.json
@@ -0,0 +1,169 @@
+{
+    "version": 1,
+    "themeName": "purple-passion",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(91,92,110,1)",
+        "titleColor": "#ffffff",
+        "subtitleColor": "#cccccc",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#9b8bba",
+            "#e098c7",
+            "#8fd3e8",
+            "#71669e",
+            "#cc70af",
+            "#7cb4cc"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#8a7ca8",
+            "#e098c7",
+            "#cceffa"
+        ],
+        "legendTextColor": "#cccccc",
+        "kColor": "#e098c7",
+        "kColor0": "transparent",
+        "kBorderColor": "#e098c7",
+        "kBorderColor0": "#8fd3e8",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "7",
+        "symbol": "circle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#ffffff",
+        "mapBorderColor": "#444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eee",
+        "mapAreaColorE": "#e098c7",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#cccccc",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#eeeeee",
+                    "#333333"
+                ],
+                "splitAreaShow": true,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#8fd3e8",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#8fd3e8",
+        "timelineItemColorE": "#8fd3e8",
+        "timelineCheckColor": "#8fd3e8",
+        "timelineCheckBorderColor": "rgba(138,124,168,0.37)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#8fd3e8",
+        "timelineControlBorderColor": "#8fd3e8",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8fd3e8",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/roma.json b/zh/theme-builder/themes/roma.json
new file mode 100644
index 0000000..23796c8
--- /dev/null
+++ b/zh/theme-builder/themes/roma.json
@@ -0,0 +1,181 @@
+{
+    "version": 1,
+    "themeName": "roma",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#e01f54",
+            "#001852",
+            "#f5e8c8",
+            "#b8d2c7",
+            "#c6b38e",
+            "#a4d8c2",
+            "#f3d999",
+            "#d3758f",
+            "#dcc392",
+            "#2e4783",
+            "#82b6e9",
+            "#ff6347",
+            "#a092f1",
+            "#0a915d",
+            "#eaf889",
+            "#6699FF",
+            "#ff6666",
+            "#3cb371",
+            "#d5b158",
+            "#38b6b6"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#e01f54",
+            "#e7dbc3"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#e01f54",
+        "kColor0": "#001852",
+        "kBorderColor": "#f5e8c8",
+        "kBorderColor0": "#b8d2c7",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/zh/theme-builder/themes/shine.json b/zh/theme-builder/themes/shine.json
new file mode 100644
index 0000000..7f2cd7d
--- /dev/null
+++ b/zh/theme-builder/themes/shine.json
@@ -0,0 +1,163 @@
+{
+    "version": 1,
+    "themeName": "shine",
+    "theme": {
+        "seriesCnt": 4,
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#c12e34","#e6b600","#0098d9","#2b821d",
+        "#005eaa","#339ca8","#cda819","#32a487"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#1790cf",
+            "#a2d4e6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c12e34",
+        "kColor0": "#2b821d",
+        "kBorderColor": "#c12e34",
+        "kBorderColor0": "#2b821d",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#c12e34",
+        "mapLabelColorE": "#c12e34",
+        "mapBorderColor": "#eee",
+        "mapBorderColorE": "#ddd",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#ddd",
+        "mapAreaColorE": "#e6b600",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#06467c",
+        "toolboxEmpasisColor": "#4187c2",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#005eaa",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#005eaa",
+        "timelineItemColorE": "#005eaa",
+        "timelineCheckColor": "#005eaa",
+        "timelineCheckBorderColor": "rgba(49,107,194,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#005eaa",
+        "timelineControlBorderColor": "#005eaa",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#005eaa",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/zh/theme-builder/themes/vintage.json b/zh/theme-builder/themes/vintage.json
new file mode 100644
index 0000000..ae4477c
--- /dev/null
+++ b/zh/theme-builder/themes/vintage.json
@@ -0,0 +1,172 @@
+{
+    "version": 1,
+    "themeName": "vintage",
+    "theme": {
+        "seriesCnt": 4,
+        "backgroundColor": "rgba(254,248,239,1)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#d87c7c",
+            "#919e8b",
+            "#d7ab82",
+            "#6e7074",
+            "#61a0a8",
+            "#efa18d",
+            "#787464",
+            "#cc7e63",
+            "#724e58",
+            "#4b565b"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c23531",
+        "kColor0": "#314656",
+        "kBorderColor": "#c23531",
+        "kBorderColor0": "#314656",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "rgba(194,53,49,0.5)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}
diff --git a/zh/theme-builder/themes/walden.json b/zh/theme-builder/themes/walden.json
new file mode 100644
index 0000000..a16cf09
--- /dev/null
+++ b/zh/theme-builder/themes/walden.json
@@ -0,0 +1,167 @@
+{
+    "version": 1,
+    "themeName": "walden",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(252,252,252,0)",
+        "titleColor": "#666666",
+        "subtitleColor": "#999999",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3fb1e3",
+            "#6be6c1",
+            "#626c91",
+            "#a0a7e6",
+            "#c4ebad",
+            "#96dee8"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#2a99c9",
+            "#afe8ff"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#e6a0d2",
+        "kColor0": "transparent",
+        "kBorderColor": "#e6a0d2",
+        "kBorderColor0": "#3fb1e3",
+        "kBorderWidth": "2",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#cccccc",
+        "mapLabelColor": "#ffffff",
+        "mapLabelColorE": "#3fb1e3",
+        "mapBorderColor": "#aaaaaa",
+        "mapBorderColorE": "#3fb1e3",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(63,177,227,0.25)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#626c91",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#626c91",
+        "timelineItemColorE": "#626c91",
+        "timelineCheckColor": "#3fb1e3",
+        "timelineCheckBorderColor": "rgba(63,177,227,0.15)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#626c91",
+        "timelineControlBorderColor": "#626c91",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#626c91",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(114,230,212,0.25)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/westeros.json b/zh/theme-builder/themes/westeros.json
new file mode 100644
index 0000000..2ea2797
--- /dev/null
+++ b/zh/theme-builder/themes/westeros.json
@@ -0,0 +1,168 @@
+{
+    "version": 1,
+    "themeName": "westeros",
+    "theme": {
+        "seriesCnt": "4",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#516b91",
+        "subtitleColor": "#93b7e3",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#516b91",
+            "#59c4e6",
+            "#edafda",
+            "#93b7e3",
+            "#a5e7f0",
+            "#cbb0e3"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#516b91",
+            "#59c4e6",
+            "#a5e7f0"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#edafda",
+        "kColor0": "transparent",
+        "kBorderColor": "#d680bc",
+        "kBorderColor0": "#8fd3e8",
+        "kBorderWidth": "2",
+        "lineWidth": "2",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999",
+        "toolboxEmpasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#8fd3e8",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#8fd3e8",
+        "timelineItemColorE": "#8fd3e8",
+        "timelineCheckColor": "#8fd3e8",
+        "timelineCheckBorderColor": "rgba(138,124,168,0.37)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#8fd3e8",
+        "timelineControlBorderColor": "#8fd3e8",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8fd3e8",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/wonderland.json b/zh/theme-builder/themes/wonderland.json
new file mode 100644
index 0000000..7932361
--- /dev/null
+++ b/zh/theme-builder/themes/wonderland.json
@@ -0,0 +1,168 @@
+{
+    "version": 1,
+    "themeName": "wonderland",
+    "theme": {
+        "seriesCnt": "3",
+        "backgroundColor": "rgba(255,255,255,0)",
+        "titleColor": "#666666",
+        "subtitleColor": "#999999",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#4ea397",
+            "#22c3aa",
+            "#7bd9a5",
+            "#d0648a",
+            "#f58db2",
+            "#f2b3c9"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#d0648a",
+            "#22c3aa",
+            "#adfff1"
+        ],
+        "legendTextColor": "#999999",
+        "kColor": "#d0648a",
+        "kColor0": "transparent",
+        "kBorderColor": "#d0648a",
+        "kBorderColor0": "#22c3aa",
+        "kBorderWidth": "1",
+        "lineWidth": "3",
+        "symbolSize": "8",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "2",
+        "lineSmooth": false,
+        "graphLineWidth": "1",
+        "graphLineColor": "#cccccc",
+        "mapLabelColor": "#28544e",
+        "mapLabelColorE": "#349e8e",
+        "mapBorderColor": "#999999",
+        "mapBorderColorE": "#22c3aa",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(34,195,170,0.25)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#cccccc",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#999999",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#eeeeee"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#999999",
+        "toolboxEmpasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#4ea397",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#4ea397",
+        "timelineItemColorE": "#4ea397",
+        "timelineCheckColor": "#4ea397",
+        "timelineCheckBorderColor": "rgba(60,235,210,0.3)",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#4ea397",
+        "timelineControlBorderColor": "#4ea397",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#4ea397",
+        "datazoomBackgroundColor": "rgba(255,255,255,0)",
+        "datazoomDataColor": "rgba(222,222,222,1)",
+        "datazoomFillColor": "rgba(114,230,212,0.25)",
+        "datazoomHandleColor": "#cccccc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#999999"
+    }
+}
\ No newline at end of file
diff --git a/zh/tutorial.html b/zh/tutorial.html
index 2fa3b7e..0746b32 100644
--- a/zh/tutorial.html
+++ b/zh/tutorial.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="https://echarts-www.cdn.bcebos.com/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/ [...]
 </script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
     var el = document.createElement('style');
     el.innerHTML = ''
@@ -9,8 +9,8 @@
 </script><title>Documentation - Apache ECharts(incubating)</title><style>html, body {
     /* position: sticky should not have overflow parents.*/
     overflow-x: hidden;
-}</style><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1596637224557"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
-<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</ [...]
+}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts-www.cdn.bcebos.com/zh/css/doc-bundle.css?_v_=1597070591767"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts-www.cdn.bcebos.com/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div [...]
+<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。</p><p>我们正在处理将本站跳转到 <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a> 的迁移工作。您可以现在就前往我们的 Apache 官网。</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close [...]
 </script><script type="text/javascript">window.globalArgsExtra = {
     baseUrl: 'documents/tutorial-parts',
     docType: 'tutorial',
@@ -19,7 +19,7 @@
 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">document.getElementById('nav-doc').className = 'active';
-window.globalArgsExtra.version = '1596637224557';
+window.globalArgsExtra.version = '1597070591767';
 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