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

ovilia pushed a commit to branch feat-theme-builder
in repository https://gitbox.apache.org/repos/asf/echarts-website.git

commit 951cab821c5f86669bdf1362a7b4cb8f9735cf65
Author: Ovilia <[email protected]>
AuthorDate: Wed Oct 15 15:04:27 2025 +0800

    chore: release new theme builder
---
 en/theme-builder/app.min.js         |   1 -
 en/theme-builder/index-BN4Ya_MK.css |   1 +
 en/theme-builder/index-DL6r9zgw.js  | 155 ++++++++++++++++++++++++
 en/theme-builder/main.css           | 234 ------------------------------------
 en/theme-builder/themes/v5.json     | 173 ++++++++++++++++++++++++++
 zh/theme-builder/app.min.js         |   1 -
 zh/theme-builder/index-BN4Ya_MK.css |   1 +
 zh/theme-builder/index-DL6r9zgw.js  | 155 ++++++++++++++++++++++++
 zh/theme-builder/main.css           | 234 ------------------------------------
 zh/theme-builder/themes/v5.json     | 173 ++++++++++++++++++++++++++
 10 files changed, 658 insertions(+), 470 deletions(-)

diff --git a/en/theme-builder/app.min.js b/en/theme-builder/app.min.js
deleted file mode 100644
index 9313fb6d2..000000000
--- a/en/theme-builder/app.min.js
+++ /dev/null
@@ -1 +0,0 @@
-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>',mounted: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(a,"color",e)}),a.$watch("color",function(e){t.colorpicker("setValue",e),a.$emit("update:color",e)})},props:{color:{twoW
 [...]
\ No newline at end of file
diff --git a/en/theme-builder/index-BN4Ya_MK.css 
b/en/theme-builder/index-BN4Ya_MK.css
new file mode 100644
index 000000000..fe3138aa0
--- /dev/null
+++ b/en/theme-builder/index-BN4Ya_MK.css
@@ -0,0 +1 @@
+:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: 
#f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: 
#dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: 
#646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: 
#1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: 
#fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, 
#ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, 
#ff8917); [...]
diff --git a/en/theme-builder/index-DL6r9zgw.js 
b/en/theme-builder/index-DL6r9zgw.js
new file mode 100644
index 000000000..d530a9ae9
--- /dev/null
+++ b/en/theme-builder/index-DL6r9zgw.js
@@ -0,0 +1,155 @@
+var wU=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var 
zMe=wU((qn,Jn)=>{(function(){const 
t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const
 a of document.querySelectorAll('link[rel="modulepreload"]'))n(a);new 
MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of 
i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function
 r(a){const i={};return [...]
+* @vue/shared v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**//*! #__NO_SIDE_EFFECTS__ */function EC(e){const 
t=Object.create(null);for(const r of e.split(","))t[r]=1;return r=>r in t}const 
Rt={},zc=[],Ri=()=>{},vV=()=>!1,Uy=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),PC=e=>e.startsWith("onUpdate:"),zr=Object.assign,kC=(e,t)=>{const
 
r=e.indexOf(t);r>-1&&e.splice(r,1)},CU=Object.prototype.hasOwnProperty,Ct=(e,t)=>CU.call(e,t),qe=Array.isArray,Gc=e=>Yy(e)==="[object
 Map]",dV=e=>Yy(e)==="[object Set]", [...]
+* @vue/reactivity v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let an;class 
xV{constructor(t=!1){this.detached=t,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=an,!t&&an&&(this.index=(an.scopes||(an.scopes=[])).push(this)-1)}get
 active(){return this._active}pause(){if(this._active){this._isPaused=!0;let 
t,r;if(this.scopes)for(t=0,r=this.scopes.length;t<r;t++)this.scopes[t].pause();for(t=0,r=this.effects.length;t<r;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;le
 [...]
+* @vue/runtime-core v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/function Id(e,t,r,n){try{return n?e(...n):e()}catch(a){Jy(a,t,r)}}function 
ri(e,t,r,n){if(at(e)){const a=Id(e,t,r,n);return 
a&&pV(a)&&a.catch(i=>{Jy(i,t,r)}),a}if(qe(e)){const a=[];for(let 
i=0;i<e.length;i++)a.push(ri(e[i],t,r,n));return a}}function 
Jy(e,t,r,n=!0){const 
a=t?t.vnode:null,{errorHandler:i,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||Rt;if(t){let
 s=t.parent;const 
l=t.proxy,u=`https://vuejs.org/error-reference/#runtime-${r}`;for(;s;){const 
c=s.ec;if(c){for(le [...]
+* @vue/runtime-dom v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let GS;const VL=typeof 
window<"u"&&window.trustedTypes;if(VL)try{GS=VL.createPolicy("vue",{createHTML:e=>e})}catch{}const
 
M5=GS?e=>GS.createHTML(e):e=>e,f9="http://www.w3.org/2000/svg",h9="http://www.w3.org/1998/Math/MathML",fo=typeof
 
document<"u"?document:null,FL=fo&&fo.createElement("template"),v9={insert:(e,t,r)=>{t.insertBefore(e,r||null)},remove:e=>{const
 t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,r,n)=>{const 
a=t==="svg"?fo.createElementNS(f9,e):t==="mathml"?fo.creat [...]
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** 
*/var jS=function(e,t){return 
jS=Object.setPrototypeOf||{__proto__:[]}instanceof 
Array&&function(r,n){r.__proto__=n}||function(r,n){for(var a in 
n)Object.prototype.hasOwnProperty.call(n,a)&&(r[a]=n[a])},jS(e,t)};function 
Y(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends 
value "+String(t)+" is not a constructor or null");jS(e,t);function 
r(){this.constructor=e}e.prototype=t===null?Objec [...]
+`),i=a.length;if(i===1)return KI(a[0],t,r,n);for(var o=new 
Ne(0,0,0,0),s=0;s<a.length;s++){var 
l=KI(a[s],t,r,n);s===0?o.copy(l):o.union(l)}return o}function 
af(e,t,r,n){return 
r==="right"?n?e+=t:e-=t:r==="center"&&(n?e+=t/2:e-=t/2),e}function 
eu(e,t,r,n){return 
r==="middle"?n?e+=t/2:e-=t/2:r==="bottom"&&(n?e+=t:e-=t),e}function 
Rd(e){return Fi(e).stWideCharWidth}function ii(e,t){return typeof 
e=="string"?e.lastIndexOf("%")>=0?parseFloat(e)/100*t:parseFloat(e):e}function 
Em(e,t,r){var n=t [...]
+* ZRender, a high performance 2d drawing library.
+*
+* Copyright (c) 2013, Baidu Inc.
+* All rights reserved.
+*
+* LICENSE
+* https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+*/var Zg={},GF={};function qj(e){delete GF[e]}function 
Jj(e){if(!e)return!1;if(typeof e=="string")return 
Mm(e,1)<gx;if(e.colorStops){for(var 
t=e.colorStops,r=0,n=t.length,a=0;a<n;a++)r+=Mm(t[a].color,1);return 
r/=n,r<gx}return!1}var Qj=(function(){function e(t,r,n){var 
a=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=r,this.id=t;var
 i=new vj,o=n.renderer||"canvas";Zg[o]||(o=nt(Zg)[0]),n.useDirtyRec [...]
+`);i=az(r,n,a,i);for(var 
s=!1,l={},u=0,c=o.length;u<c;u++)iz(l,o[u],i),o[u]=l.textLine,s=s||l.isTruncated;e.text=o.join(`
+`),e.isTruncated=s}function az(e,t,r,n){n=n||{};var 
a=ee({},n);r=we(r,"..."),a.maxIterations=we(n.maxIterations,2);var 
i=a.minChar=we(n.minChar,0),o=a.fontMeasureInfo=Fi(t),s=o.asciiCharWidth;a.placeholder=we(n.placeholder,"");for(var
 l=e=Math.max(0,e-1),u=0;u<i&&l>=s;u++)l-=s;var c=zi(o,r);return 
c>l&&(r="",c=0),l=e-c,a.ellipsis=r,a.ellipsisWidth=c,a.contentWidth=l,a.containerWidth=e,a}function
 iz(e,t,r){var 
n=r.containerWidth,a=r.contentWidth,i=r.fontMeasureInfo;if(!n){e.textLine="",e. 
[...]
+`):[];var y=m.length*h;if(g==null&&(g=y),y>g&&v){var 
_=Math.floor(g/h);d=d||m.length>_,m=m.slice(0,_),y=m.length*h}if(a&&c&&p!=null)for(var
 
b=az(p,u,t.ellipsis,{minChar:t.truncateMinChar,placeholder:t.placeholder}),x={},S=0;S<m.length;S++)iz(x,m[S],b),m[S]=x.textLine,d=d||x.isTruncated;for(var
 w=g,T=0,C=Fi(u),S=0;S<m.length;S++)T=Math.max(zi(C,m[S]),T);p==null&&(p=T);var 
M=p;return 
w+=l,M+=s,{lines:m,height:g,outerWidth:M,outerHeight:w,lineHeight:h,calculatedLineHeight:f,contentWidth:T,c
 [...]
+`),u=!0),n.accumWidth=d}else{var 
p=oz(t,l,n.width,n.breakAll,n.accumWidth);n.accumWidth=p.accumWidth+v,f=p.linesWidths,c=p.lines}}c||(c=t.split(`
+`));for(var g=Fi(l),m=0;m<c.length;m++){var y=c[m],_=new 
HZ;if(_.styleName=a,_.text=y,_.isLineHolder=!y&&!i,typeof 
o.width=="number"?_.width=o.width:_.width=f?f[m]:zi(g,y),!m&&!u){var 
b=(s[s.length-1]||(s[0]=new 
iD)).tokens,x=b.length;x===1&&b[0].isLineHolder?b[0]=_:(y||!x||i)&&b.push(_)}else
 s.push(new iD([_]))}}function YZ(e){var t=e.charCodeAt(0);return 
t>=32&&t<=591||t>=880&&t<=4351||t>=4608&&t<=5119||t>=7680&&t<=8303}var 
XZ=Wi(",&?/;] ".split(""),function(e,t){return e[t]=!0,e},{}); [...]
+`){l&&(s+=l,c+=u),i.push(s),o.push(c),s="",l="",u=0,c=0;continue}var 
d=FF(f,v.charCodeAt(0)),p=n?!1:!jZ(v);if(i.length?c+d>r:a+c+d>r){c?(s||l)&&(p?(s||(s=l,l="",u=0,c=u),i.push(s),o.push(c-u),l+=v,u+=d,s="",c=u):(l&&(s+=l,l="",u=0),i.push(s),o.push(c),s=v,c=d)):p?(i.push(l),o.push(u),l=v,u=d):(i.push(v),o.push(d));continue}c+=d,p?(l+=v,u+=d):(l&&(s+=l,l="",u=0),s+=v)}return
 
l&&(s+=l),s&&(i.push(s),o.push(c)),i.length===1&&(c+=a),{accumWidth:c,lines:i,linesWidths:o}}function
 oD(e,t,r,n,a, [...]
+`,`
+
+`,`
+
+
+`];function vr(e,t){return t.type=e,t}function Ux(e){return 
e.type==="section"}function V3(e){return Ux(e)?eQ:tQ}function 
F3(e){if(Ux(e)){var t=0,r=e.blocks.length,n=r>1||r>0&&!e.noHeader;return 
D(e.blocks,function(a){var i=F3(a);i>=t&&(t=i+ 
+(n&&(!i||Ux(a)&&!a.noHeader)))}),t}return 0}function eQ(e,t,r,n){var 
a=t.noHeader,i=rQ(F3(t)),o=[],s=t.blocks||[];pn(!s||re(s)),s=s||[];var 
l=e.orderMode;if(t.sortBlocks&&l){s=s.slice();var 
u={valueAsc:"asc",valueDesc:"desc"};if(Se(u,l)){var c=new E [...]
+`:"";function n(a){var i=a.children,o=a.tag,s=a.attrs,l=a.text;return 
yre(o,s)+(o!=="style"?Ln(l):l||"")+(i?""+r+ne(i,function(u){return 
n(u)}).join(r)+r:"")+_re(o)}return n(e)}function bre(e,t,r){r=r||{};var 
n=r.newline?`
+`:"",a=" {"+n,i=n+"}",o=ne(nt(e),function(l){return 
l+a+ne(nt(e[l]),function(u){return 
u+":"+e[l][u]+";"}).join(n)+i}).join(n),s=ne(nt(t),function(l){return"@keyframes
 "+l+a+ne(nt(t[l]),function(u){return u+a+ne(nt(t[l][u]),function(c){var 
f=t[l][u][c];return 
c==="d"&&(f='path("'+f+'")'),c+":"+f+";"}).join(n)+i}).join(n)+i}).join(n);return!o&&!s?"":["<![CDATA[",o,s,"]]>"].join(n)}function
 
fw(e){return{zrId:e,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNode
 [...]
+`+g.message)}var a=new Le;a.add(n),a.isGeoSVGGraphicRoot=!0;var 
i=r.width,o=r.height,s=r.viewBoxRect,l=this._boundingRect;if(!l){var u=void 
0,c=void 0,f=void 0,h=void 
0;if(i!=null?(u=0,f=i):s&&(u=s.x,f=s.width),o!=null?(c=0,h=o):s&&(c=s.y,h=s.height),u==null||c==null){var
 
v=n.getBoundingRect();u==null&&(u=v.x,f=v.width),c==null&&(c=v.y,h=v.height)}l=this._boundingRect=new
 Ne(u,c,f,h)}if(s){var 
d=lH(s,l);n.scaleX=n.scaleY=d.scale,n.x=d.x,n.y=d.y}a.setClipPath(new 
Ye({shape:l.plain()}));va [...]
+`+i.message)}return _ie(r,a),D(a,function(i){var 
o=i.name;Sie(r,i),wie(r,i);var 
s=this._specialAreas&&this._specialAreas[o];s&&i.transformTo(s.left,s.top,s.width,s.height)},this),a},e.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},e})();function
 Aie(e){for(var t,r=0;r<e.length;r++){var 
n=e[r].getBoundingRect();t=t||n.clone(),t.union(n)}return t}function 
Mie(e){return de(e)?typeof JSON<"u"&&JSON.parse?JSON.parse(e):n [...]
+`))}),t.join(`
+
+`+Z0+`
+
+`)}function lve(e){return ne(e,function(t){var 
r=t.getRawData(),n=[t.name],a=[];return r.each(r.dimensions,function(){for(var 
i=arguments.length,o=arguments[i-1],s=r.getName(o),l=0;l<i-1;l++)a[l]=arguments[l];n.push((s?s+yf:"")+a.join(yf))}),n.join(`
+`)}).join(`
+
+`+Z0+`
+
+`)}function uve(e){var 
t=ove(e);return{value:ht([sve(t.seriesGroupByCategoryAxis),lve(t.other)],function(r){return!!r.replace(/[\n\t\s]/g,"")}).join(`
+
+`+Z0+`
+
+`),meta:t.meta}}function _y(e){return 
e.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}function cve(e){var 
t=e.slice(0,e.indexOf(`
+`));if(t.indexOf(yf)>=0)return!0}var Yw=new RegExp("["+yf+"]+","g");function 
fve(e){for(var 
t=e.split(/\n+/g),r=_y(t.shift()).split(Yw),n=[],a=ne(r,function(l){return{name:l,data:[]}}),i=0;i<t.length;i++){var
 o=_y(t[i]).split(Yw);n.push(o.shift());for(var 
s=0;s<o.length;s++)a[s]&&(a[s].data[i]=o[s])}return{series:a,categories:n}}function
 hve(e){for(var t=e.split(/\n+/g),r=_y(t.shift()),n=[],a=0;a<t.length;a++){var 
i=_y(t[a]);if(i){var o=i.split(Yw),s="",l=void 0,u=!1;isNaN(o[0])?(u=!0,s= [...]
+*`+Z0+`
+*`,"g")),n={series:[]};return D(r,function(a,i){if(cve(a)){var 
o=fve(a),s=t[i],l=s.axisDim+"Axis";s&&(n[l]=n[l]||[],n[l][s.axisIndex]={data:o.categories},n.series=n.series.concat(o.series))}else{var
 o=hve(a);n.series.push(o)}}),n}var dve=(function(e){Y(t,e);function t(){return 
e!==null&&e.apply(this,arguments)||this}return 
t.prototype.onclick=function(r,n){setTimeout(function(){n.dispatchAction({type:"hideTip"})});var
 a=n.getDom(),i=this.model;this._dom&&a.removeChild(this._dom);var o=do [...]
+
+`:"<br/>",m=f.join(g);this._showOrMove(s,function(){this._updateContentNotChangedOnAxis(r,u)?this._updatePosition(s,v,o[0],o[1],this._tooltipContent,u):this._showTooltipContent(s,m,u,Math.random()+"",o[0],o[1],v,null,h)})},t.prototype._showSeriesItemTooltip=function(r,n,a){var
 
i=this._ecModel,o=Be(n),s=o.seriesIndex,l=i.getSeriesByIndex(s),u=o.dataModel||l,c=o.dataIndex,f=o.dataType,h=u.getData(f),v=this._renderMode,d=r.positionDefault,p=Oh([h.getItemModel(c),u,l&&(l.coordinateSystem||{}
 [...]
+`)){var y=new Mg;y.newline=!0,u.add(y);return}var 
_=a.getSeriesByName(m)[0];if(!c.get(m))if(_){var 
b=_.getData(),x=b.getVisual("legendLineStyle")||{},S=b.getVisual("legendIcon"),w=b.getVisual("style"),T=this._createItem(_,m,p,d,n,r,x,w,S,f,i);T.on("click",pc(mO,m,null,i,v)).on("mouseover",pc(eC,_.name,null,i,v)).on("mouseout",pc(tC,_.name,null,i,v)),a.ssr&&T.eachChild(function(C){var
 
M=Be(C);M.seriesIndex=_.seriesIndex,M.dataIndex=p,M.ssrType="legend"}),h&&T.eachChild(function(C){g.packE
 [...]
+`||a==="")){var i=e.isSelected(a);Se(r,a)?r[a]=r[a]&&i:r[a]=i}}),r}function 
jde(e){e.registerAction("legendToggleSelect","legendselectchanged",ze(Bh,"toggleSelected")),e.registerAction("legendAllSelect","legendselectall",ze(Bh,"allSelect")),e.registerAction("legendInverseSelect","legendinverseselect",ze(Bh,"inverseSelect")),e.registerAction("legendSelect","legendselected",ze(Bh,"select")),e.registerAction("legendUnSelect","legendunselected",ze(Bh,"unSelect"))}function
 n8(e){e.registerCom [...]
+`).join(`
+    `),`(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 
'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    echarts.registerTheme('${t}', ${n});
+}));`}function lme(e,t,r=1){const n={...e};return delete 
n.axis,{version:r,themeName:t,theme:n}}const S8=[{name:"v5",background:"rgba(0, 
0, 0, 
0)",theme:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"]},{name:"vintage",background:"#fef8ef",theme:["#d87c7c","#919e8b","#d7ab82","#6e7074","#61a0a8","#efa18d","#787464","#cc7e63","#724e58","#4b565b"]},{name:"dark",background:"#333",theme:["#dd6b66","#759aa0","#e69d87","#8dc1a9","#ea7e53","#eedd78","#
 [...]
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */function TN(e){return Object.prototype.toString.call(e)==="[object 
Object]"}function v0e(e){var t,r;return TN(e)===!1?!1:(t=e.constructor,t===void 
0?!0:(r=t.prototype,!(TN(r)===!1||r.hasOwnProperty("isPrototypeOf")===!1)))}function
 Pv(){return Pv=Object.assign?Object.assign.bind():function(e){for(var 
t=1;t<arguments.length;t++){var r=arguments[t];for(var n in 
r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return 
e},Pv.apply(this,arguments)}function F8(e,t){if(e==null)return{ [...]
+* `);return l.length=0,r===!1?(fn(u),a):u}}return a}function ta(e,t){const 
r=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get(){return
 this.required=!0,this}},def:{value(a){return a===void 
0?(wf(this,"default")&&delete 
this.default,this):Tf(a)||Vu(this,a,!0)===!0?(this.default=Cf(a)?()=>[...a]:Su(a)?()=>Object.assign({},a):a,this):(fn(`${this._vueTypes_name}
 - invalid default value: "${a}"`),this)}}}),{validator:n}=r;return 
Tf(n)&&(r.validator=kM(n,r)),r}fu [...]
+${JSON.stringify(this)}`),this.validator=kM(n,this),this}})}function 
MN(e,t,r){const n=(function(l){const u={};return 
Object.getOwnPropertyNames(l).forEach(c=>{u[c]=Object.getOwnPropertyDescriptor(l,c)}),Object.defineProperties({},u)})(t);if(n._vueTypes_name=e,!Su(r))return
 
n;const{validator:a}=r,i=F8(r,p0e);if(Tf(a)){let{validator:l}=n;l&&(l=(s=(o=l).__original)!==null&&s!==void
 0?s:o),n.validator=kM(l?function(u){return 
l.call(this,u)&&a.call(this,u)}:a,n)}var o,s;return Object.assign( [...]
+${Q0(i.join(`
+`))}`),o}}:{type:n})}function E0e(e){return 
ta("arrayOf",{type:Array,validator(t){let r="";const 
n=t.every(a=>(r=Vu(e,a,!0),r===!0));return n||fn(`arrayOf - value validation 
error:
+${Q0(r)}`),n}})}function P0e(e){return ta("instanceOf",{type:e})}function 
k0e(e){return ta("objectOf",{type:Object,validator(t){let r="";const 
n=Object.keys(t).every(a=>(r=Vu(e,t[a],!0),r===!0));return n||fn(`objectOf - 
value validation error:
+${Q0(r)}`),n}})}function R0e(e){const t=Object.keys(e),r=t.filter(a=>{var 
i;return!((i=e[a])===null||i===void 
0||!i.required)}),n=ta("shape",{type:Object,validator(a){if(!Su(a))return!1;const
 i=Object.keys(a);if(r.length>0&&r.some(o=>i.indexOf(o)===-1)){const 
o=r.filter(s=>i.indexOf(s)===-1);return fn(o.length===1?`shape - required 
property "${o[0]}" is not defined.`:`shape - required properties "${o.join('", 
"')}" are not defined.`),!1}return i.every(o=>{if(t.indexOf(o)===-1)return this 
[...]
+ ${Q0(s)}`),s===!0})}});return 
Object.defineProperty(n,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(n,"loose",{get(){return
 this._vueTypes_isLoose=!0,this}}),n}const 
O0e=["name","validate","getter"],N0e=(()=>{var e;return(e=class{static get 
any(){return _0e()}static get func(){return 
b0e().def(this.defaults.func)}static get bool(){return 
S0e().def(this.defaults.bool)}static get string(){return 
x0e().def(this.defaults.string)}static get number(){return w0e().def(this. [...]
+`)&&(l="(?: "+l+")",c=" "+c,u++),r=new RegExp("^(?:"+l+")",s)),fS&&(r=new 
RegExp("^"+l+"$(?!\\s)",s)),cS&&(t=i.lastIndex),n=By.call(o?r:i,c),o?n?(n.input=n.input.slice(u),n[0]=n[0].slice(u),n.index=i.lastIndex,i.lastIndex+=n[0].length):i.lastIndex=0:cS&&n&&(i.lastIndex=i.global?n.index+n[0].length:t),fS&&n&&n.length>1&&R_e.call(n[0],r,(function(){for(a=1;a<arguments.length-2;a++)arguments[a]===void
 0&&(n[a]=void 0)})),n});var 
wd=tW;yn({target:"RegExp",proto:!0,forced:/./.exec!==wd},{exec [...]
+\v\f\r                 
\u2028\u2029\uFEFF`,Vy="["+vC+"]",Y_e=RegExp("^"+Vy+Vy+"*"),X_e=RegExp(Vy+Vy+"*$"),j_e=function(e){return
 function(t){var r=String(zs(t));return 
1&e&&(r=r.replace(Y_e,"")),2&e&&(r=r.replace(X_e,"")),r}},Z_e={trim:j_e(3)},K_e=Z_e.trim;yn({target:"String",proto:!0,forced:(function(e){return
 Ht((function(){return!!vC[e]()||"​…᠎"[e]()!="​…
᠎"||vC[e].name!==e}))})("trim")},{trim:function(){return K_e(this)}});var 
q_e=GM("slice"),J_e=Jf("slice",{ACCESSORS:!0,0:0,1:2}),Q_e=ar("species"),ebe=[].slice,tbe=Math.max;yn({target:"Array",proto:!0,forced:!q_e||!J_e},{slice:function(e,t){var
 r,n,a,i=Kf(this),o=ia(i.length),s=ky(e,o),l=ky(t===void 
0?o:t,o);if(Af(i)&&(typeof(r=i.constructor)!="function"||r!==Array&&!Af(r.prototype)?Br(r)&&(r=r[Q_e])===null&&(r=void
 0):r=void 0,r===Array||r===void 0))return ebe.call(i,s,l);for(n=new(r===v [...]
+  * shared v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function SCe(e,t){typeof console<"u"&&(console.warn("[intlify] 
"+e),t&&console.warn(t.stack))}const Hy=typeof 
window<"u",Ks=(e,t=!1)=>t?Symbol.for(e):Symbol(e),xCe=(e,t,r)=>wCe({l:e,k:t,s:r}),wCe=e=>JSON.stringify(e).replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029").replace(/\u0027/g,"\\u0027"),lr=e=>typeof
 e=="number"&&isFinite(e),CCe=e=>WW(e)==="[object Date]",Hs=e=>WW(e)==="[object 
RegExp]",c_=e=>rt(e)&&Object.keys(e).length===0,en=Object.assign,TCe=Object.create,Et=(e=nul
 [...]
+  * message-compiler v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function ECe(e,t,r){return{line:e,column:t,offset:r}}function 
Wy(e,t,r){return{start:e,end:t}}const PCe=/\{([0-9a-zA-Z]+)\}/g;function 
UW(e,...t){return 
t.length===1&&kCe(t[0])&&(t=t[0]),(!t||!t.hasOwnProperty)&&(t={}),e.replace(PCe,(r,n)=>t.hasOwnProperty(n)?t[n]:"")}const
 YW=Object.assign,kB=e=>typeof e=="string",kCe=e=>e!==null&&typeof 
e=="object";function XW(e,t=""){return 
e.reduce((r,n,a)=>a===0?r+n:r+t+n,"")}const 
sL={USE_MODULO_SYNTAX:1,__EXTEND_POINT__:2},RCe={[sL.USE_MODULO_ [...]
+`,FCe="\u2028",zCe="\u2029";function GCe(e){const t=e;let 
r=0,n=1,a=1,i=0;const 
o=w=>t[w]===VCe&&t[w+1]===xn,s=w=>t[w]===xn,l=w=>t[w]===zCe,u=w=>t[w]===FCe,c=w=>o(w)||s(w)||l(w)||u(w),f=()=>r,h=()=>n,v=()=>a,d=()=>i,p=w=>o(w)||l(w)||u(w)?xn:t[w],g=()=>p(r),m=()=>p(r+i);function
 y(){return i=0,c(r)&&(n++,a=0),o(r)&&r++,r++,a++,t[r]}function _(){return 
o(r+i)&&i++,i++,t[r+i]}function b(){r=0,n=1,a=1,i=0}function 
x(w=0){i=w}function S(){const w=r+i;for(;w!==r;)y();i=0}return{index:f,line:h, 
[...]
+`,i=t.needIndent?t.needIndent:r!=="arrow",o=e.helpers||[],s=eTe(e,{filename:n,breakLineCode:a,needIndent:i});s.push(r==="normal"?"function
 __msg__ (ctx) {":"(ctx) => {"),s.indent(i),o.length>0&&(s.push(`const { 
${XW(o.map(c=>`${c}: _${c}`),", ")} } = ctx`),s.newline()),s.push("return 
"),If(s,e),s.deindent(i),s.push("}"),delete 
e.helpers;const{code:l,map:u}=s.context();return{ast:e,code:l,map:u?u.toJSON():void
 0}};function oTe(e,t={}){const 
r=YW({},t),n=!!r.jit,a=!!r.minify,i=r.optimize== [...]
+  * core-base v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function sTe(){typeof 
__INTLIFY_PROD_DEVTOOLS__!="boolean"&&(_o().__INTLIFY_PROD_DEVTOOLS__=!1),typeof
 
__INTLIFY_JIT_COMPILATION__!="boolean"&&(_o().__INTLIFY_JIT_COMPILATION__=!1),typeof
 
__INTLIFY_DROP_MESSAGE_COMPILER__!="boolean"&&(_o().__INTLIFY_DROP_MESSAGE_COMPILER__=!1)}function
 Hi(e){return gt(e)&&uL(e)===0&&(Za(e,"b")||Za(e,"body"))}const 
jW=["b","body"];function lTe(e){return qs(e,jW)}const ZW=["c","cases"];function 
uTe(e){return qs(e,ZW,[])}const KW=["s","static"];function [...]
+  * vue-i18n v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */const rAe="9.14.5";function nAe(){typeof 
__VUE_I18N_FULL_INSTALL__!="boolean"&&(_o().__VUE_I18N_FULL_INSTALL__=!0),typeof
 __VUE_I18N_LEGACY_API__!="boolean"&&(_o().__VUE_I18N_LEGACY_API__=!0),typeof 
__INTLIFY_JIT_COMPILATION__!="boolean"&&(_o().__INTLIFY_JIT_COMPILATION__=!1),typeof
 
__INTLIFY_DROP_MESSAGE_COMPILER__!="boolean"&&(_o().__INTLIFY_DROP_MESSAGE_COMPILER__=!1),typeof
 
__INTLIFY_PROD_DEVTOOLS__!="boolean"&&(_o().__INTLIFY_PROD_DEVTOOLS__=!1)}const 
aAe=OTe.__EXTEND_POINT__,co [...]
+          <ol style="margin: 0; line-height: 1">
+            <li>${t("modals.jsUsageStep1").replace("{filename}",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${P}.js</code>`)}</li>
+            <li>${t("modals.jsUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">&lt;script 
src="${P}.js"&gt;&lt;/script&gt;</code></li>
+            <li>${t("modals.jsUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${k}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
#1989fa;">${t("modals.jsUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok")}:{title:t("modals.jsonUsageTitle"),message:`<div
 style="text-align: left; padding: 5px 0;">
+          <ol style="margin: 0; line-height: 1">
+            <li>${t("modals.jsonUsageStep1").replace("{filename}",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${P}.json</code>`)}</li>
+            <li>${t("modals.jsonUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">const obj = 
JSON.parse(data)</code></li>
+            <li>${t("modals.jsonUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.registerTheme('${k}', 
obj)</code></li>
+            <li>${t("modals.jsonUsageStep4")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${k}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
#1989fa;">${t("modals.jsonUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok")})},x=()=>{a.value?.click()},S=async()=>{try{const
 
E=i.getThemeConfigForDownload(),P=`${s.value||"customized"}.project`;IB(E,P),Va({message:t("modals.exportSuccess"),type:"success"})}catch(E){console.error("Export
 
failed:",E),Va({message:t("modals.exportFailed"),type:"fail"})}},w=()=>{r.chartPreviewRef?.updateCharts&&(r.chartPreviewRef.updateCharts(),Va({message:t("modals.chartsRefreshed"),type:"success"}))},T=async()=>{try{awa
 [...]
+            <h4>${t("modals.helpContent.whatIs")}</h4>
+            <p>${t("modals.helpContent.whatIsDesc1")}</p>
+            <p>${t("modals.helpContent.whatIsDesc2")}</p>
+            <p>${t("modals.helpContent.whatIsDesc3")}</p>
+
+            <h4>${t("modals.helpContent.importExport")}</h4>
+            <p>${t("modals.helpContent.importExportDesc")}</p>
+          
</div>`,allowHtml:!0,confirmButtonText:t("common.gotIt")})},M=()=>{window.open("https://github.com/apache/echarts-theme-builder","_blank","noopener,noreferrer";)},A=async
 E=>{try{await 
i.loadPreDefinedTheme(E),r.chartPreviewRef?.updateCharts&&r.chartPreviewRef.updateCharts()}catch(P){console.error("Error
 selecting predefined theme:",P)}},L=()=>{i.updateAxisSetting()},I=async 
E=>{const 
P=E.target,k=P.files?.[0];if(!k)return;if(k.name.slice(k.name.lastIndexOf("."))!==".json"){Va({
 [...]
diff --git a/en/theme-builder/main.css b/en/theme-builder/main.css
deleted file mode 100644
index 6c9ae0aa2..000000000
--- a/en/theme-builder/main.css
+++ /dev/null
@@ -1,234 +0,0 @@
-#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 {
-  color: #fff;
-  border-color: rgb(49.2976190476, 72.1428571429, 102.2023809524);
-  background-color: rgb(57.5952380952, 84.2857142857, 119.4047619048);
-}
-#theme-builder .btn-primary:hover, #theme-builder .btn-primary:active, 
#theme-builder .btn-primary:focus, #theme-builder .btn-primary.active {
-  border-color: rgb(57.5952380952, 84.2857142857, 119.4047619048);
-  background-color: rgb(74.1904761905, 108.5714285714, 153.8095238095);
-}
-#theme-builder .scroll-parent {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 15px;
-  right: 15px;
-  overflow: hidden;
-}
-#theme-builder .scroll-parent > div {
-  height: 100%;
-  overflow-y: auto;
-}
-
-#theme-builder .chart-container {
-  margin-bottom: 20px;
-  padding: 15px;
-  padding-top: 0;
-}
-#theme-builder .chart-container h3 {
-  margin-top: 20px;
-  font-size: 1.5em;
-}
-#theme-builder .ec-container {
-  padding: 0 15px 30px 15px;
-}
-#theme-builder .ec-panel {
-  width: 100%;
-  height: 300px;
-  box-sizing: border-box;
-}
-
-#theme-builder .icon {
-  color: #293c55;
-}
-#theme-builder .port-row {
-  margin-bottom: 5px;
-}
-#theme-builder .port-row .btn {
-  margin-bottom: 5px;
-  font-size: 0.9em;
-}
-#theme-builder .theme-config {
-  padding: 0;
-  border-right: 1px solid #ddd;
-  border-bottom: 1px solid #ddd;
-}
-#theme-builder .theme-config h5 {
-  margin: 10px;
-}
-#theme-builder .theme-config .form-group .col-sm-3 {
-  padding-right: 0;
-  text-align: right;
-}
-@media (max-width: 768px) {
-  #theme-builder .theme-config .form-group .col-sm-3 {
-    padding-right: 15px;
-  }
-}
-#theme-builder .theme-config .form-group .col-sm-3 input {
-  margin-top: 0;
-}
-#theme-builder .theme-config h5 ~ h5, #theme-builder .theme-config .axis-group 
h5 {
-  border-top: 1px solid #eee;
-  padding-top: 20px;
-}
-#theme-builder .theme-config form + form {
-  margin-top: 10px;
-}
-#theme-builder .theme-config label {
-  padding-right: 0;
-}
-#theme-builder .theme-config .input-group {
-  width: 100%;
-}
-#theme-builder .theme-config .form-control, #theme-builder .theme-config 
.input-group-addon {
-  border-color: #eee;
-  box-shadow: none;
-  border-radius: 0;
-}
-#theme-builder .theme-config .form-control:hover, #theme-builder .theme-config 
.input-group-addon:hover {
-  border-color: #ddd;
-}
-#theme-builder .theme-config .colorpicker-element {
-  margin-bottom: 5px;
-  border-radius: 0;
-}
-#theme-builder .theme-config .input-group-addon {
-  background-color: #fff;
-}
-#theme-builder .theme-config .input-group-addon i {
-  border: 1px solid #eee;
-}
-#theme-builder .theme-config .panel-group {
-  margin-bottom: 0;
-}
-#theme-builder .theme-config .panel {
-  border: none;
-}
-#theme-builder .theme-config .panel-heading {
-  border: none;
-  border-top: 1px solid #ddd;
-  border-radius: 0;
-  color: #293c55;
-  padding: 0;
-  transition: 0.5s;
-}
-#theme-builder .theme-config .panel-heading:hover {
-  background-color: #eee;
-}
-#theme-builder .theme-config .panel-title a {
-  display: block;
-  padding: 10px 16px;
-  text-decoration: none !important;
-}
-#theme-builder .theme-config .panel-body {
-  border-top: none !important;
-}
-#theme-builder .space-row {
-  margin-left: -4px;
-}
-#theme-builder .theme-plan-row .col-xs-6:nth-child(even) {
-  padding-left: 5px;
-}
-#theme-builder .theme-plan-row .col-xs-6:nth-child(odd) {
-  padding-right: 5px;
-}
-#theme-builder .theme-plan-group {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  width: auto;
-  height: 32px;
-  overflow: hidden;
-  border: 1px solid #eee;
-  padding: 5px;
-  border-radius: 4px;
-  margin-bottom: 8px;
-}
-#theme-builder .theme-plan-color {
-  width: 20px;
-  height: 20px;
-  margin-bottom: 10px;
-  margin-left: 2px;
-  margin-right: 2px;
-  display: inline-block;
-  border-radius: 3px;
-}
-
-#theme-builder .colorpicker {
-  padding: 10px;
-}
-#theme-builder .theme-color-control {
-  padding-top: 5px;
-}
-#theme-builder .theme-color-control a {
-  margin: 0px 0 5px 5px;
-}
-
-#theme-builder #download-js-modal pre {
-  max-height: 200px;
-  overflow-y: auto;
-  border-radius: 0 4px 4px 4px;
-  background-color: #f9f9f9;
-  border-color: #eee;
-  transition: 0.5s;
-}
-#theme-builder #download-js-modal pre:hover {
-  box-shadow: inset 0 0 10px #ccc;
-}
-#theme-builder #download-js-modal pre code {
-  position: relative;
-  top: -20px;
-  background: transparent;
-}
-#theme-builder #download-js-modal h4 ~ h4 {
-  margin-top: 20px;
-}
-#theme-builder #download-js-modal .tab-content {
-  margin-top: 10px;
-}
-#theme-builder .code-btn .btn {
-  border-radius: 4px 0 0 0;
-  border-bottom: 0;
-}
-#theme-builder .code-btn .btn ~ .btn {
-  border-radius: 0 4px 0 0;
-}
-#theme-builder .code-btn label {
-  font-size: 0.9em;
-  margin-left: 10px;
-  display: none;
-  background-color: #ffa;
-  padding: 1px 5px;
-}
-#theme-builder .nav-tabs {
-  margin-top: 10px;
-}
-#theme-builder .modal-dialog {
-  margin-top: 100px;
-}
-@media (min-width: 960px) {
-  #theme-builder .modal-dialog {
-    width: 900px;
-  }
-}
\ No newline at end of file
diff --git a/en/theme-builder/themes/v5.json b/en/theme-builder/themes/v5.json
new file mode 100644
index 000000000..0811a501f
--- /dev/null
+++ b/en/theme-builder/themes/v5.json
@@ -0,0 +1,173 @@
+{
+    "version": 1,
+    "themeName": "v5",
+    "theme": {
+        "seriesCnt": 3,
+        "backgroundColor": "rgba(0, 0, 0, 0)",
+        "titleColor": "#464646",
+        "subtitleColor": "#6E7079",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#5470c6",
+            "#91cc75",
+            "#fac858",
+            "#ee6666",
+            "#73c0de",
+            "#3ba272",
+            "#fc8452",
+            "#9a60b4",
+            "#ea7ccc"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333",
+        "kColor": "#eb5454",
+        "kColor0": "#47b262",
+        "kBorderColor": "#eb5454",
+        "kBorderColor0": "#47b262",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "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": "General Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "Category Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "Value Axis",
+                "axisLineShow": false,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": false,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "Log Axis",
+                "axisLineShow": false,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": false,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "Time Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999",
+        "toolboxEmphasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#DAE1F5",
+        "timelineLineWidth": 2,
+        "timelineItemColor": "#A4B1D7",
+        "timelineItemColorE": "#FFF",
+        "timelineCheckColor": "#316bf3",
+        "timelineCheckBorderColor": "#fff",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#A4B1D7",
+        "timelineControlBorderColor": "#A4B1D7",
+        "timelineControlBorderWidth": 1,
+        "timelineLabelColor": "#A4B1D7",
+        "gridLeft": "10%",
+        "gridTop": 60,
+        "gridBottom": 70,
+        "gridRight": "10%",
+        "legendLeft": "center",
+        "legendRight": "",
+        "legendTop": 0,
+        "legendBottom": ""
+    }
+}
diff --git a/zh/theme-builder/app.min.js b/zh/theme-builder/app.min.js
deleted file mode 100644
index 33ff76ce5..000000000
--- a/zh/theme-builder/app.min.js
+++ /dev/null
@@ -1 +0,0 @@
-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>',mounted: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(a,"color",e)}),a.$watch("color",function(e){t.colorpicker("setValue",e),a.$emit("update:color",e)})},props:{color:{twoW
 [...]
\ No newline at end of file
diff --git a/zh/theme-builder/index-BN4Ya_MK.css 
b/zh/theme-builder/index-BN4Ya_MK.css
new file mode 100644
index 000000000..fe3138aa0
--- /dev/null
+++ b/zh/theme-builder/index-BN4Ya_MK.css
@@ -0,0 +1 @@
+:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: 
#f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: 
#dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: 
#646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: 
#1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: 
#fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, 
#ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, 
#ff8917); [...]
diff --git a/zh/theme-builder/index-DL6r9zgw.js 
b/zh/theme-builder/index-DL6r9zgw.js
new file mode 100644
index 000000000..d530a9ae9
--- /dev/null
+++ b/zh/theme-builder/index-DL6r9zgw.js
@@ -0,0 +1,155 @@
+var wU=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var 
zMe=wU((qn,Jn)=>{(function(){const 
t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const
 a of document.querySelectorAll('link[rel="modulepreload"]'))n(a);new 
MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of 
i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function
 r(a){const i={};return [...]
+* @vue/shared v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**//*! #__NO_SIDE_EFFECTS__ */function EC(e){const 
t=Object.create(null);for(const r of e.split(","))t[r]=1;return r=>r in t}const 
Rt={},zc=[],Ri=()=>{},vV=()=>!1,Uy=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),PC=e=>e.startsWith("onUpdate:"),zr=Object.assign,kC=(e,t)=>{const
 
r=e.indexOf(t);r>-1&&e.splice(r,1)},CU=Object.prototype.hasOwnProperty,Ct=(e,t)=>CU.call(e,t),qe=Array.isArray,Gc=e=>Yy(e)==="[object
 Map]",dV=e=>Yy(e)==="[object Set]", [...]
+* @vue/reactivity v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let an;class 
xV{constructor(t=!1){this.detached=t,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=an,!t&&an&&(this.index=(an.scopes||(an.scopes=[])).push(this)-1)}get
 active(){return this._active}pause(){if(this._active){this._isPaused=!0;let 
t,r;if(this.scopes)for(t=0,r=this.scopes.length;t<r;t++)this.scopes[t].pause();for(t=0,r=this.effects.length;t<r;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;le
 [...]
+* @vue/runtime-core v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/function Id(e,t,r,n){try{return n?e(...n):e()}catch(a){Jy(a,t,r)}}function 
ri(e,t,r,n){if(at(e)){const a=Id(e,t,r,n);return 
a&&pV(a)&&a.catch(i=>{Jy(i,t,r)}),a}if(qe(e)){const a=[];for(let 
i=0;i<e.length;i++)a.push(ri(e[i],t,r,n));return a}}function 
Jy(e,t,r,n=!0){const 
a=t?t.vnode:null,{errorHandler:i,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||Rt;if(t){let
 s=t.parent;const 
l=t.proxy,u=`https://vuejs.org/error-reference/#runtime-${r}`;for(;s;){const 
c=s.ec;if(c){for(le [...]
+* @vue/runtime-dom v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let GS;const VL=typeof 
window<"u"&&window.trustedTypes;if(VL)try{GS=VL.createPolicy("vue",{createHTML:e=>e})}catch{}const
 
M5=GS?e=>GS.createHTML(e):e=>e,f9="http://www.w3.org/2000/svg",h9="http://www.w3.org/1998/Math/MathML",fo=typeof
 
document<"u"?document:null,FL=fo&&fo.createElement("template"),v9={insert:(e,t,r)=>{t.insertBefore(e,r||null)},remove:e=>{const
 t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,r,n)=>{const 
a=t==="svg"?fo.createElementNS(f9,e):t==="mathml"?fo.creat [...]
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** 
*/var jS=function(e,t){return 
jS=Object.setPrototypeOf||{__proto__:[]}instanceof 
Array&&function(r,n){r.__proto__=n}||function(r,n){for(var a in 
n)Object.prototype.hasOwnProperty.call(n,a)&&(r[a]=n[a])},jS(e,t)};function 
Y(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends 
value "+String(t)+" is not a constructor or null");jS(e,t);function 
r(){this.constructor=e}e.prototype=t===null?Objec [...]
+`),i=a.length;if(i===1)return KI(a[0],t,r,n);for(var o=new 
Ne(0,0,0,0),s=0;s<a.length;s++){var 
l=KI(a[s],t,r,n);s===0?o.copy(l):o.union(l)}return o}function 
af(e,t,r,n){return 
r==="right"?n?e+=t:e-=t:r==="center"&&(n?e+=t/2:e-=t/2),e}function 
eu(e,t,r,n){return 
r==="middle"?n?e+=t/2:e-=t/2:r==="bottom"&&(n?e+=t:e-=t),e}function 
Rd(e){return Fi(e).stWideCharWidth}function ii(e,t){return typeof 
e=="string"?e.lastIndexOf("%")>=0?parseFloat(e)/100*t:parseFloat(e):e}function 
Em(e,t,r){var n=t [...]
+* ZRender, a high performance 2d drawing library.
+*
+* Copyright (c) 2013, Baidu Inc.
+* All rights reserved.
+*
+* LICENSE
+* https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+*/var Zg={},GF={};function qj(e){delete GF[e]}function 
Jj(e){if(!e)return!1;if(typeof e=="string")return 
Mm(e,1)<gx;if(e.colorStops){for(var 
t=e.colorStops,r=0,n=t.length,a=0;a<n;a++)r+=Mm(t[a].color,1);return 
r/=n,r<gx}return!1}var Qj=(function(){function e(t,r,n){var 
a=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=r,this.id=t;var
 i=new vj,o=n.renderer||"canvas";Zg[o]||(o=nt(Zg)[0]),n.useDirtyRec [...]
+`);i=az(r,n,a,i);for(var 
s=!1,l={},u=0,c=o.length;u<c;u++)iz(l,o[u],i),o[u]=l.textLine,s=s||l.isTruncated;e.text=o.join(`
+`),e.isTruncated=s}function az(e,t,r,n){n=n||{};var 
a=ee({},n);r=we(r,"..."),a.maxIterations=we(n.maxIterations,2);var 
i=a.minChar=we(n.minChar,0),o=a.fontMeasureInfo=Fi(t),s=o.asciiCharWidth;a.placeholder=we(n.placeholder,"");for(var
 l=e=Math.max(0,e-1),u=0;u<i&&l>=s;u++)l-=s;var c=zi(o,r);return 
c>l&&(r="",c=0),l=e-c,a.ellipsis=r,a.ellipsisWidth=c,a.contentWidth=l,a.containerWidth=e,a}function
 iz(e,t,r){var 
n=r.containerWidth,a=r.contentWidth,i=r.fontMeasureInfo;if(!n){e.textLine="",e. 
[...]
+`):[];var y=m.length*h;if(g==null&&(g=y),y>g&&v){var 
_=Math.floor(g/h);d=d||m.length>_,m=m.slice(0,_),y=m.length*h}if(a&&c&&p!=null)for(var
 
b=az(p,u,t.ellipsis,{minChar:t.truncateMinChar,placeholder:t.placeholder}),x={},S=0;S<m.length;S++)iz(x,m[S],b),m[S]=x.textLine,d=d||x.isTruncated;for(var
 w=g,T=0,C=Fi(u),S=0;S<m.length;S++)T=Math.max(zi(C,m[S]),T);p==null&&(p=T);var 
M=p;return 
w+=l,M+=s,{lines:m,height:g,outerWidth:M,outerHeight:w,lineHeight:h,calculatedLineHeight:f,contentWidth:T,c
 [...]
+`),u=!0),n.accumWidth=d}else{var 
p=oz(t,l,n.width,n.breakAll,n.accumWidth);n.accumWidth=p.accumWidth+v,f=p.linesWidths,c=p.lines}}c||(c=t.split(`
+`));for(var g=Fi(l),m=0;m<c.length;m++){var y=c[m],_=new 
HZ;if(_.styleName=a,_.text=y,_.isLineHolder=!y&&!i,typeof 
o.width=="number"?_.width=o.width:_.width=f?f[m]:zi(g,y),!m&&!u){var 
b=(s[s.length-1]||(s[0]=new 
iD)).tokens,x=b.length;x===1&&b[0].isLineHolder?b[0]=_:(y||!x||i)&&b.push(_)}else
 s.push(new iD([_]))}}function YZ(e){var t=e.charCodeAt(0);return 
t>=32&&t<=591||t>=880&&t<=4351||t>=4608&&t<=5119||t>=7680&&t<=8303}var 
XZ=Wi(",&?/;] ".split(""),function(e,t){return e[t]=!0,e},{}); [...]
+`){l&&(s+=l,c+=u),i.push(s),o.push(c),s="",l="",u=0,c=0;continue}var 
d=FF(f,v.charCodeAt(0)),p=n?!1:!jZ(v);if(i.length?c+d>r:a+c+d>r){c?(s||l)&&(p?(s||(s=l,l="",u=0,c=u),i.push(s),o.push(c-u),l+=v,u+=d,s="",c=u):(l&&(s+=l,l="",u=0),i.push(s),o.push(c),s=v,c=d)):p?(i.push(l),o.push(u),l=v,u=d):(i.push(v),o.push(d));continue}c+=d,p?(l+=v,u+=d):(l&&(s+=l,l="",u=0),s+=v)}return
 
l&&(s+=l),s&&(i.push(s),o.push(c)),i.length===1&&(c+=a),{accumWidth:c,lines:i,linesWidths:o}}function
 oD(e,t,r,n,a, [...]
+`,`
+
+`,`
+
+
+`];function vr(e,t){return t.type=e,t}function Ux(e){return 
e.type==="section"}function V3(e){return Ux(e)?eQ:tQ}function 
F3(e){if(Ux(e)){var t=0,r=e.blocks.length,n=r>1||r>0&&!e.noHeader;return 
D(e.blocks,function(a){var i=F3(a);i>=t&&(t=i+ 
+(n&&(!i||Ux(a)&&!a.noHeader)))}),t}return 0}function eQ(e,t,r,n){var 
a=t.noHeader,i=rQ(F3(t)),o=[],s=t.blocks||[];pn(!s||re(s)),s=s||[];var 
l=e.orderMode;if(t.sortBlocks&&l){s=s.slice();var 
u={valueAsc:"asc",valueDesc:"desc"};if(Se(u,l)){var c=new E [...]
+`:"";function n(a){var i=a.children,o=a.tag,s=a.attrs,l=a.text;return 
yre(o,s)+(o!=="style"?Ln(l):l||"")+(i?""+r+ne(i,function(u){return 
n(u)}).join(r)+r:"")+_re(o)}return n(e)}function bre(e,t,r){r=r||{};var 
n=r.newline?`
+`:"",a=" {"+n,i=n+"}",o=ne(nt(e),function(l){return 
l+a+ne(nt(e[l]),function(u){return 
u+":"+e[l][u]+";"}).join(n)+i}).join(n),s=ne(nt(t),function(l){return"@keyframes
 "+l+a+ne(nt(t[l]),function(u){return u+a+ne(nt(t[l][u]),function(c){var 
f=t[l][u][c];return 
c==="d"&&(f='path("'+f+'")'),c+":"+f+";"}).join(n)+i}).join(n)+i}).join(n);return!o&&!s?"":["<![CDATA[",o,s,"]]>"].join(n)}function
 
fw(e){return{zrId:e,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNode
 [...]
+`+g.message)}var a=new Le;a.add(n),a.isGeoSVGGraphicRoot=!0;var 
i=r.width,o=r.height,s=r.viewBoxRect,l=this._boundingRect;if(!l){var u=void 
0,c=void 0,f=void 0,h=void 
0;if(i!=null?(u=0,f=i):s&&(u=s.x,f=s.width),o!=null?(c=0,h=o):s&&(c=s.y,h=s.height),u==null||c==null){var
 
v=n.getBoundingRect();u==null&&(u=v.x,f=v.width),c==null&&(c=v.y,h=v.height)}l=this._boundingRect=new
 Ne(u,c,f,h)}if(s){var 
d=lH(s,l);n.scaleX=n.scaleY=d.scale,n.x=d.x,n.y=d.y}a.setClipPath(new 
Ye({shape:l.plain()}));va [...]
+`+i.message)}return _ie(r,a),D(a,function(i){var 
o=i.name;Sie(r,i),wie(r,i);var 
s=this._specialAreas&&this._specialAreas[o];s&&i.transformTo(s.left,s.top,s.width,s.height)},this),a},e.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},e})();function
 Aie(e){for(var t,r=0;r<e.length;r++){var 
n=e[r].getBoundingRect();t=t||n.clone(),t.union(n)}return t}function 
Mie(e){return de(e)?typeof JSON<"u"&&JSON.parse?JSON.parse(e):n [...]
+`))}),t.join(`
+
+`+Z0+`
+
+`)}function lve(e){return ne(e,function(t){var 
r=t.getRawData(),n=[t.name],a=[];return r.each(r.dimensions,function(){for(var 
i=arguments.length,o=arguments[i-1],s=r.getName(o),l=0;l<i-1;l++)a[l]=arguments[l];n.push((s?s+yf:"")+a.join(yf))}),n.join(`
+`)}).join(`
+
+`+Z0+`
+
+`)}function uve(e){var 
t=ove(e);return{value:ht([sve(t.seriesGroupByCategoryAxis),lve(t.other)],function(r){return!!r.replace(/[\n\t\s]/g,"")}).join(`
+
+`+Z0+`
+
+`),meta:t.meta}}function _y(e){return 
e.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}function cve(e){var 
t=e.slice(0,e.indexOf(`
+`));if(t.indexOf(yf)>=0)return!0}var Yw=new RegExp("["+yf+"]+","g");function 
fve(e){for(var 
t=e.split(/\n+/g),r=_y(t.shift()).split(Yw),n=[],a=ne(r,function(l){return{name:l,data:[]}}),i=0;i<t.length;i++){var
 o=_y(t[i]).split(Yw);n.push(o.shift());for(var 
s=0;s<o.length;s++)a[s]&&(a[s].data[i]=o[s])}return{series:a,categories:n}}function
 hve(e){for(var t=e.split(/\n+/g),r=_y(t.shift()),n=[],a=0;a<t.length;a++){var 
i=_y(t[a]);if(i){var o=i.split(Yw),s="",l=void 0,u=!1;isNaN(o[0])?(u=!0,s= [...]
+*`+Z0+`
+*`,"g")),n={series:[]};return D(r,function(a,i){if(cve(a)){var 
o=fve(a),s=t[i],l=s.axisDim+"Axis";s&&(n[l]=n[l]||[],n[l][s.axisIndex]={data:o.categories},n.series=n.series.concat(o.series))}else{var
 o=hve(a);n.series.push(o)}}),n}var dve=(function(e){Y(t,e);function t(){return 
e!==null&&e.apply(this,arguments)||this}return 
t.prototype.onclick=function(r,n){setTimeout(function(){n.dispatchAction({type:"hideTip"})});var
 a=n.getDom(),i=this.model;this._dom&&a.removeChild(this._dom);var o=do [...]
+
+`:"<br/>",m=f.join(g);this._showOrMove(s,function(){this._updateContentNotChangedOnAxis(r,u)?this._updatePosition(s,v,o[0],o[1],this._tooltipContent,u):this._showTooltipContent(s,m,u,Math.random()+"",o[0],o[1],v,null,h)})},t.prototype._showSeriesItemTooltip=function(r,n,a){var
 
i=this._ecModel,o=Be(n),s=o.seriesIndex,l=i.getSeriesByIndex(s),u=o.dataModel||l,c=o.dataIndex,f=o.dataType,h=u.getData(f),v=this._renderMode,d=r.positionDefault,p=Oh([h.getItemModel(c),u,l&&(l.coordinateSystem||{}
 [...]
+`)){var y=new Mg;y.newline=!0,u.add(y);return}var 
_=a.getSeriesByName(m)[0];if(!c.get(m))if(_){var 
b=_.getData(),x=b.getVisual("legendLineStyle")||{},S=b.getVisual("legendIcon"),w=b.getVisual("style"),T=this._createItem(_,m,p,d,n,r,x,w,S,f,i);T.on("click",pc(mO,m,null,i,v)).on("mouseover",pc(eC,_.name,null,i,v)).on("mouseout",pc(tC,_.name,null,i,v)),a.ssr&&T.eachChild(function(C){var
 
M=Be(C);M.seriesIndex=_.seriesIndex,M.dataIndex=p,M.ssrType="legend"}),h&&T.eachChild(function(C){g.packE
 [...]
+`||a==="")){var i=e.isSelected(a);Se(r,a)?r[a]=r[a]&&i:r[a]=i}}),r}function 
jde(e){e.registerAction("legendToggleSelect","legendselectchanged",ze(Bh,"toggleSelected")),e.registerAction("legendAllSelect","legendselectall",ze(Bh,"allSelect")),e.registerAction("legendInverseSelect","legendinverseselect",ze(Bh,"inverseSelect")),e.registerAction("legendSelect","legendselected",ze(Bh,"select")),e.registerAction("legendUnSelect","legendunselected",ze(Bh,"unSelect"))}function
 n8(e){e.registerCom [...]
+`).join(`
+    `),`(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 
'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    echarts.registerTheme('${t}', ${n});
+}));`}function lme(e,t,r=1){const n={...e};return delete 
n.axis,{version:r,themeName:t,theme:n}}const S8=[{name:"v5",background:"rgba(0, 
0, 0, 
0)",theme:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"]},{name:"vintage",background:"#fef8ef",theme:["#d87c7c","#919e8b","#d7ab82","#6e7074","#61a0a8","#efa18d","#787464","#cc7e63","#724e58","#4b565b"]},{name:"dark",background:"#333",theme:["#dd6b66","#759aa0","#e69d87","#8dc1a9","#ea7e53","#eedd78","#
 [...]
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */function TN(e){return Object.prototype.toString.call(e)==="[object 
Object]"}function v0e(e){var t,r;return TN(e)===!1?!1:(t=e.constructor,t===void 
0?!0:(r=t.prototype,!(TN(r)===!1||r.hasOwnProperty("isPrototypeOf")===!1)))}function
 Pv(){return Pv=Object.assign?Object.assign.bind():function(e){for(var 
t=1;t<arguments.length;t++){var r=arguments[t];for(var n in 
r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return 
e},Pv.apply(this,arguments)}function F8(e,t){if(e==null)return{ [...]
+* `);return l.length=0,r===!1?(fn(u),a):u}}return a}function ta(e,t){const 
r=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get(){return
 this.required=!0,this}},def:{value(a){return a===void 
0?(wf(this,"default")&&delete 
this.default,this):Tf(a)||Vu(this,a,!0)===!0?(this.default=Cf(a)?()=>[...a]:Su(a)?()=>Object.assign({},a):a,this):(fn(`${this._vueTypes_name}
 - invalid default value: "${a}"`),this)}}}),{validator:n}=r;return 
Tf(n)&&(r.validator=kM(n,r)),r}fu [...]
+${JSON.stringify(this)}`),this.validator=kM(n,this),this}})}function 
MN(e,t,r){const n=(function(l){const u={};return 
Object.getOwnPropertyNames(l).forEach(c=>{u[c]=Object.getOwnPropertyDescriptor(l,c)}),Object.defineProperties({},u)})(t);if(n._vueTypes_name=e,!Su(r))return
 
n;const{validator:a}=r,i=F8(r,p0e);if(Tf(a)){let{validator:l}=n;l&&(l=(s=(o=l).__original)!==null&&s!==void
 0?s:o),n.validator=kM(l?function(u){return 
l.call(this,u)&&a.call(this,u)}:a,n)}var o,s;return Object.assign( [...]
+${Q0(i.join(`
+`))}`),o}}:{type:n})}function E0e(e){return 
ta("arrayOf",{type:Array,validator(t){let r="";const 
n=t.every(a=>(r=Vu(e,a,!0),r===!0));return n||fn(`arrayOf - value validation 
error:
+${Q0(r)}`),n}})}function P0e(e){return ta("instanceOf",{type:e})}function 
k0e(e){return ta("objectOf",{type:Object,validator(t){let r="";const 
n=Object.keys(t).every(a=>(r=Vu(e,t[a],!0),r===!0));return n||fn(`objectOf - 
value validation error:
+${Q0(r)}`),n}})}function R0e(e){const t=Object.keys(e),r=t.filter(a=>{var 
i;return!((i=e[a])===null||i===void 
0||!i.required)}),n=ta("shape",{type:Object,validator(a){if(!Su(a))return!1;const
 i=Object.keys(a);if(r.length>0&&r.some(o=>i.indexOf(o)===-1)){const 
o=r.filter(s=>i.indexOf(s)===-1);return fn(o.length===1?`shape - required 
property "${o[0]}" is not defined.`:`shape - required properties "${o.join('", 
"')}" are not defined.`),!1}return i.every(o=>{if(t.indexOf(o)===-1)return this 
[...]
+ ${Q0(s)}`),s===!0})}});return 
Object.defineProperty(n,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(n,"loose",{get(){return
 this._vueTypes_isLoose=!0,this}}),n}const 
O0e=["name","validate","getter"],N0e=(()=>{var e;return(e=class{static get 
any(){return _0e()}static get func(){return 
b0e().def(this.defaults.func)}static get bool(){return 
S0e().def(this.defaults.bool)}static get string(){return 
x0e().def(this.defaults.string)}static get number(){return w0e().def(this. [...]
+`)&&(l="(?: "+l+")",c=" "+c,u++),r=new RegExp("^(?:"+l+")",s)),fS&&(r=new 
RegExp("^"+l+"$(?!\\s)",s)),cS&&(t=i.lastIndex),n=By.call(o?r:i,c),o?n?(n.input=n.input.slice(u),n[0]=n[0].slice(u),n.index=i.lastIndex,i.lastIndex+=n[0].length):i.lastIndex=0:cS&&n&&(i.lastIndex=i.global?n.index+n[0].length:t),fS&&n&&n.length>1&&R_e.call(n[0],r,(function(){for(a=1;a<arguments.length-2;a++)arguments[a]===void
 0&&(n[a]=void 0)})),n});var 
wd=tW;yn({target:"RegExp",proto:!0,forced:/./.exec!==wd},{exec [...]
+\v\f\r                 
\u2028\u2029\uFEFF`,Vy="["+vC+"]",Y_e=RegExp("^"+Vy+Vy+"*"),X_e=RegExp(Vy+Vy+"*$"),j_e=function(e){return
 function(t){var r=String(zs(t));return 
1&e&&(r=r.replace(Y_e,"")),2&e&&(r=r.replace(X_e,"")),r}},Z_e={trim:j_e(3)},K_e=Z_e.trim;yn({target:"String",proto:!0,forced:(function(e){return
 Ht((function(){return!!vC[e]()||"​…᠎"[e]()!="​…
᠎"||vC[e].name!==e}))})("trim")},{trim:function(){return K_e(this)}});var 
q_e=GM("slice"),J_e=Jf("slice",{ACCESSORS:!0,0:0,1:2}),Q_e=ar("species"),ebe=[].slice,tbe=Math.max;yn({target:"Array",proto:!0,forced:!q_e||!J_e},{slice:function(e,t){var
 r,n,a,i=Kf(this),o=ia(i.length),s=ky(e,o),l=ky(t===void 
0?o:t,o);if(Af(i)&&(typeof(r=i.constructor)!="function"||r!==Array&&!Af(r.prototype)?Br(r)&&(r=r[Q_e])===null&&(r=void
 0):r=void 0,r===Array||r===void 0))return ebe.call(i,s,l);for(n=new(r===v [...]
+  * shared v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function SCe(e,t){typeof console<"u"&&(console.warn("[intlify] 
"+e),t&&console.warn(t.stack))}const Hy=typeof 
window<"u",Ks=(e,t=!1)=>t?Symbol.for(e):Symbol(e),xCe=(e,t,r)=>wCe({l:e,k:t,s:r}),wCe=e=>JSON.stringify(e).replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029").replace(/\u0027/g,"\\u0027"),lr=e=>typeof
 e=="number"&&isFinite(e),CCe=e=>WW(e)==="[object Date]",Hs=e=>WW(e)==="[object 
RegExp]",c_=e=>rt(e)&&Object.keys(e).length===0,en=Object.assign,TCe=Object.create,Et=(e=nul
 [...]
+  * message-compiler v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function ECe(e,t,r){return{line:e,column:t,offset:r}}function 
Wy(e,t,r){return{start:e,end:t}}const PCe=/\{([0-9a-zA-Z]+)\}/g;function 
UW(e,...t){return 
t.length===1&&kCe(t[0])&&(t=t[0]),(!t||!t.hasOwnProperty)&&(t={}),e.replace(PCe,(r,n)=>t.hasOwnProperty(n)?t[n]:"")}const
 YW=Object.assign,kB=e=>typeof e=="string",kCe=e=>e!==null&&typeof 
e=="object";function XW(e,t=""){return 
e.reduce((r,n,a)=>a===0?r+n:r+t+n,"")}const 
sL={USE_MODULO_SYNTAX:1,__EXTEND_POINT__:2},RCe={[sL.USE_MODULO_ [...]
+`,FCe="\u2028",zCe="\u2029";function GCe(e){const t=e;let 
r=0,n=1,a=1,i=0;const 
o=w=>t[w]===VCe&&t[w+1]===xn,s=w=>t[w]===xn,l=w=>t[w]===zCe,u=w=>t[w]===FCe,c=w=>o(w)||s(w)||l(w)||u(w),f=()=>r,h=()=>n,v=()=>a,d=()=>i,p=w=>o(w)||l(w)||u(w)?xn:t[w],g=()=>p(r),m=()=>p(r+i);function
 y(){return i=0,c(r)&&(n++,a=0),o(r)&&r++,r++,a++,t[r]}function _(){return 
o(r+i)&&i++,i++,t[r+i]}function b(){r=0,n=1,a=1,i=0}function 
x(w=0){i=w}function S(){const w=r+i;for(;w!==r;)y();i=0}return{index:f,line:h, 
[...]
+`,i=t.needIndent?t.needIndent:r!=="arrow",o=e.helpers||[],s=eTe(e,{filename:n,breakLineCode:a,needIndent:i});s.push(r==="normal"?"function
 __msg__ (ctx) {":"(ctx) => {"),s.indent(i),o.length>0&&(s.push(`const { 
${XW(o.map(c=>`${c}: _${c}`),", ")} } = ctx`),s.newline()),s.push("return 
"),If(s,e),s.deindent(i),s.push("}"),delete 
e.helpers;const{code:l,map:u}=s.context();return{ast:e,code:l,map:u?u.toJSON():void
 0}};function oTe(e,t={}){const 
r=YW({},t),n=!!r.jit,a=!!r.minify,i=r.optimize== [...]
+  * core-base v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */function sTe(){typeof 
__INTLIFY_PROD_DEVTOOLS__!="boolean"&&(_o().__INTLIFY_PROD_DEVTOOLS__=!1),typeof
 
__INTLIFY_JIT_COMPILATION__!="boolean"&&(_o().__INTLIFY_JIT_COMPILATION__=!1),typeof
 
__INTLIFY_DROP_MESSAGE_COMPILER__!="boolean"&&(_o().__INTLIFY_DROP_MESSAGE_COMPILER__=!1)}function
 Hi(e){return gt(e)&&uL(e)===0&&(Za(e,"b")||Za(e,"body"))}const 
jW=["b","body"];function lTe(e){return qs(e,jW)}const ZW=["c","cases"];function 
uTe(e){return qs(e,ZW,[])}const KW=["s","static"];function [...]
+  * vue-i18n v9.14.5
+  * (c) 2025 kazuya kawaguchi
+  * Released under the MIT License.
+  */const rAe="9.14.5";function nAe(){typeof 
__VUE_I18N_FULL_INSTALL__!="boolean"&&(_o().__VUE_I18N_FULL_INSTALL__=!0),typeof
 __VUE_I18N_LEGACY_API__!="boolean"&&(_o().__VUE_I18N_LEGACY_API__=!0),typeof 
__INTLIFY_JIT_COMPILATION__!="boolean"&&(_o().__INTLIFY_JIT_COMPILATION__=!1),typeof
 
__INTLIFY_DROP_MESSAGE_COMPILER__!="boolean"&&(_o().__INTLIFY_DROP_MESSAGE_COMPILER__=!1),typeof
 
__INTLIFY_PROD_DEVTOOLS__!="boolean"&&(_o().__INTLIFY_PROD_DEVTOOLS__=!1)}const 
aAe=OTe.__EXTEND_POINT__,co [...]
+          <ol style="margin: 0; line-height: 1">
+            <li>${t("modals.jsUsageStep1").replace("{filename}",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${P}.js</code>`)}</li>
+            <li>${t("modals.jsUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">&lt;script 
src="${P}.js"&gt;&lt;/script&gt;</code></li>
+            <li>${t("modals.jsUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${k}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
#1989fa;">${t("modals.jsUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok")}:{title:t("modals.jsonUsageTitle"),message:`<div
 style="text-align: left; padding: 5px 0;">
+          <ol style="margin: 0; line-height: 1">
+            <li>${t("modals.jsonUsageStep1").replace("{filename}",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${P}.json</code>`)}</li>
+            <li>${t("modals.jsonUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">const obj = 
JSON.parse(data)</code></li>
+            <li>${t("modals.jsonUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.registerTheme('${k}', 
obj)</code></li>
+            <li>${t("modals.jsonUsageStep4")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${k}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
#1989fa;">${t("modals.jsonUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok")})},x=()=>{a.value?.click()},S=async()=>{try{const
 
E=i.getThemeConfigForDownload(),P=`${s.value||"customized"}.project`;IB(E,P),Va({message:t("modals.exportSuccess"),type:"success"})}catch(E){console.error("Export
 
failed:",E),Va({message:t("modals.exportFailed"),type:"fail"})}},w=()=>{r.chartPreviewRef?.updateCharts&&(r.chartPreviewRef.updateCharts(),Va({message:t("modals.chartsRefreshed"),type:"success"}))},T=async()=>{try{awa
 [...]
+            <h4>${t("modals.helpContent.whatIs")}</h4>
+            <p>${t("modals.helpContent.whatIsDesc1")}</p>
+            <p>${t("modals.helpContent.whatIsDesc2")}</p>
+            <p>${t("modals.helpContent.whatIsDesc3")}</p>
+
+            <h4>${t("modals.helpContent.importExport")}</h4>
+            <p>${t("modals.helpContent.importExportDesc")}</p>
+          
</div>`,allowHtml:!0,confirmButtonText:t("common.gotIt")})},M=()=>{window.open("https://github.com/apache/echarts-theme-builder","_blank","noopener,noreferrer";)},A=async
 E=>{try{await 
i.loadPreDefinedTheme(E),r.chartPreviewRef?.updateCharts&&r.chartPreviewRef.updateCharts()}catch(P){console.error("Error
 selecting predefined theme:",P)}},L=()=>{i.updateAxisSetting()},I=async 
E=>{const 
P=E.target,k=P.files?.[0];if(!k)return;if(k.name.slice(k.name.lastIndexOf("."))!==".json"){Va({
 [...]
diff --git a/zh/theme-builder/main.css b/zh/theme-builder/main.css
deleted file mode 100644
index 6c9ae0aa2..000000000
--- a/zh/theme-builder/main.css
+++ /dev/null
@@ -1,234 +0,0 @@
-#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 {
-  color: #fff;
-  border-color: rgb(49.2976190476, 72.1428571429, 102.2023809524);
-  background-color: rgb(57.5952380952, 84.2857142857, 119.4047619048);
-}
-#theme-builder .btn-primary:hover, #theme-builder .btn-primary:active, 
#theme-builder .btn-primary:focus, #theme-builder .btn-primary.active {
-  border-color: rgb(57.5952380952, 84.2857142857, 119.4047619048);
-  background-color: rgb(74.1904761905, 108.5714285714, 153.8095238095);
-}
-#theme-builder .scroll-parent {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 15px;
-  right: 15px;
-  overflow: hidden;
-}
-#theme-builder .scroll-parent > div {
-  height: 100%;
-  overflow-y: auto;
-}
-
-#theme-builder .chart-container {
-  margin-bottom: 20px;
-  padding: 15px;
-  padding-top: 0;
-}
-#theme-builder .chart-container h3 {
-  margin-top: 20px;
-  font-size: 1.5em;
-}
-#theme-builder .ec-container {
-  padding: 0 15px 30px 15px;
-}
-#theme-builder .ec-panel {
-  width: 100%;
-  height: 300px;
-  box-sizing: border-box;
-}
-
-#theme-builder .icon {
-  color: #293c55;
-}
-#theme-builder .port-row {
-  margin-bottom: 5px;
-}
-#theme-builder .port-row .btn {
-  margin-bottom: 5px;
-  font-size: 0.9em;
-}
-#theme-builder .theme-config {
-  padding: 0;
-  border-right: 1px solid #ddd;
-  border-bottom: 1px solid #ddd;
-}
-#theme-builder .theme-config h5 {
-  margin: 10px;
-}
-#theme-builder .theme-config .form-group .col-sm-3 {
-  padding-right: 0;
-  text-align: right;
-}
-@media (max-width: 768px) {
-  #theme-builder .theme-config .form-group .col-sm-3 {
-    padding-right: 15px;
-  }
-}
-#theme-builder .theme-config .form-group .col-sm-3 input {
-  margin-top: 0;
-}
-#theme-builder .theme-config h5 ~ h5, #theme-builder .theme-config .axis-group 
h5 {
-  border-top: 1px solid #eee;
-  padding-top: 20px;
-}
-#theme-builder .theme-config form + form {
-  margin-top: 10px;
-}
-#theme-builder .theme-config label {
-  padding-right: 0;
-}
-#theme-builder .theme-config .input-group {
-  width: 100%;
-}
-#theme-builder .theme-config .form-control, #theme-builder .theme-config 
.input-group-addon {
-  border-color: #eee;
-  box-shadow: none;
-  border-radius: 0;
-}
-#theme-builder .theme-config .form-control:hover, #theme-builder .theme-config 
.input-group-addon:hover {
-  border-color: #ddd;
-}
-#theme-builder .theme-config .colorpicker-element {
-  margin-bottom: 5px;
-  border-radius: 0;
-}
-#theme-builder .theme-config .input-group-addon {
-  background-color: #fff;
-}
-#theme-builder .theme-config .input-group-addon i {
-  border: 1px solid #eee;
-}
-#theme-builder .theme-config .panel-group {
-  margin-bottom: 0;
-}
-#theme-builder .theme-config .panel {
-  border: none;
-}
-#theme-builder .theme-config .panel-heading {
-  border: none;
-  border-top: 1px solid #ddd;
-  border-radius: 0;
-  color: #293c55;
-  padding: 0;
-  transition: 0.5s;
-}
-#theme-builder .theme-config .panel-heading:hover {
-  background-color: #eee;
-}
-#theme-builder .theme-config .panel-title a {
-  display: block;
-  padding: 10px 16px;
-  text-decoration: none !important;
-}
-#theme-builder .theme-config .panel-body {
-  border-top: none !important;
-}
-#theme-builder .space-row {
-  margin-left: -4px;
-}
-#theme-builder .theme-plan-row .col-xs-6:nth-child(even) {
-  padding-left: 5px;
-}
-#theme-builder .theme-plan-row .col-xs-6:nth-child(odd) {
-  padding-right: 5px;
-}
-#theme-builder .theme-plan-group {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  width: auto;
-  height: 32px;
-  overflow: hidden;
-  border: 1px solid #eee;
-  padding: 5px;
-  border-radius: 4px;
-  margin-bottom: 8px;
-}
-#theme-builder .theme-plan-color {
-  width: 20px;
-  height: 20px;
-  margin-bottom: 10px;
-  margin-left: 2px;
-  margin-right: 2px;
-  display: inline-block;
-  border-radius: 3px;
-}
-
-#theme-builder .colorpicker {
-  padding: 10px;
-}
-#theme-builder .theme-color-control {
-  padding-top: 5px;
-}
-#theme-builder .theme-color-control a {
-  margin: 0px 0 5px 5px;
-}
-
-#theme-builder #download-js-modal pre {
-  max-height: 200px;
-  overflow-y: auto;
-  border-radius: 0 4px 4px 4px;
-  background-color: #f9f9f9;
-  border-color: #eee;
-  transition: 0.5s;
-}
-#theme-builder #download-js-modal pre:hover {
-  box-shadow: inset 0 0 10px #ccc;
-}
-#theme-builder #download-js-modal pre code {
-  position: relative;
-  top: -20px;
-  background: transparent;
-}
-#theme-builder #download-js-modal h4 ~ h4 {
-  margin-top: 20px;
-}
-#theme-builder #download-js-modal .tab-content {
-  margin-top: 10px;
-}
-#theme-builder .code-btn .btn {
-  border-radius: 4px 0 0 0;
-  border-bottom: 0;
-}
-#theme-builder .code-btn .btn ~ .btn {
-  border-radius: 0 4px 0 0;
-}
-#theme-builder .code-btn label {
-  font-size: 0.9em;
-  margin-left: 10px;
-  display: none;
-  background-color: #ffa;
-  padding: 1px 5px;
-}
-#theme-builder .nav-tabs {
-  margin-top: 10px;
-}
-#theme-builder .modal-dialog {
-  margin-top: 100px;
-}
-@media (min-width: 960px) {
-  #theme-builder .modal-dialog {
-    width: 900px;
-  }
-}
\ No newline at end of file
diff --git a/zh/theme-builder/themes/v5.json b/zh/theme-builder/themes/v5.json
new file mode 100644
index 000000000..0811a501f
--- /dev/null
+++ b/zh/theme-builder/themes/v5.json
@@ -0,0 +1,173 @@
+{
+    "version": 1,
+    "themeName": "v5",
+    "theme": {
+        "seriesCnt": 3,
+        "backgroundColor": "rgba(0, 0, 0, 0)",
+        "titleColor": "#464646",
+        "subtitleColor": "#6E7079",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#5470c6",
+            "#91cc75",
+            "#fac858",
+            "#ee6666",
+            "#73c0de",
+            "#3ba272",
+            "#fc8452",
+            "#9a60b4",
+            "#ea7ccc"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333",
+        "kColor": "#eb5454",
+        "kColor0": "#47b262",
+        "kBorderColor": "#eb5454",
+        "kBorderColor0": "#47b262",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "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": "General Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "Category Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "Value Axis",
+                "axisLineShow": false,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": false,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "Log Axis",
+                "axisLineShow": false,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": false,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "Time Axis",
+                "axisLineShow": true,
+                "axisLineColor": "#6E7079",
+                "axisTickShow": true,
+                "axisTickColor": "#6E7079",
+                "axisLabelShow": true,
+                "axisLabelColor": "#6E7079",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#E0E6F1"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.2)",
+                    "rgba(210,219,238,0.2)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999",
+        "toolboxEmphasisColor": "#666",
+        "tooltipAxisColor": "#ccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#DAE1F5",
+        "timelineLineWidth": 2,
+        "timelineItemColor": "#A4B1D7",
+        "timelineItemColorE": "#FFF",
+        "timelineCheckColor": "#316bf3",
+        "timelineCheckBorderColor": "#fff",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#A4B1D7",
+        "timelineControlBorderColor": "#A4B1D7",
+        "timelineControlBorderWidth": 1,
+        "timelineLabelColor": "#A4B1D7",
+        "gridLeft": "10%",
+        "gridTop": 60,
+        "gridBottom": 70,
+        "gridRight": "10%",
+        "legendLeft": "center",
+        "legendRight": "",
+        "legendTop": 0,
+        "legendBottom": ""
+    }
+}


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to