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

github-bot pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/echarts-theme-builder.git

commit c1d1039b9ac5e8fcbc0400d23a40f2318b4c8ff2
Author: plainheart <[email protected]>
AuthorDate: Mon Mar 30 15:50:23 2026 +0000

    Deploying to gh-pages from @ 
apache/echarts-theme-builder@bd3e19bc122c330d9bcd9808120e614a666f0010 🚀
---
 docs/index-DKH-XX1e.css         |   1 +
 docs/index-DQMXxSnC.js          | 281 ++++++++++++++++++++++++++++++++++++++++
 docs/index.html                 |  23 ++++
 docs/themes/chalk.json          | 169 ++++++++++++++++++++++++
 docs/themes/dark.json           | 172 ++++++++++++++++++++++++
 docs/themes/default.json        | 173 +++++++++++++++++++++++++
 docs/themes/essos.json          | 171 ++++++++++++++++++++++++
 docs/themes/halloween.json      | 167 ++++++++++++++++++++++++
 docs/themes/infographic.json    | 176 +++++++++++++++++++++++++
 docs/themes/macarons.json       | 180 +++++++++++++++++++++++++
 docs/themes/purple-passion.json | 169 ++++++++++++++++++++++++
 docs/themes/roma.json           | 181 ++++++++++++++++++++++++++
 docs/themes/shine.json          | 163 +++++++++++++++++++++++
 docs/themes/v5.json             | 173 +++++++++++++++++++++++++
 docs/themes/vintage.json        | 172 ++++++++++++++++++++++++
 docs/themes/walden.json         | 167 ++++++++++++++++++++++++
 docs/themes/westeros.json       | 168 ++++++++++++++++++++++++
 docs/themes/wonderland.json     | 168 ++++++++++++++++++++++++
 18 files changed, 2874 insertions(+)

diff --git a/docs/index-DKH-XX1e.css b/docs/index-DKH-XX1e.css
new file mode 100644
index 0000000..ce0bd3b
--- /dev/null
+++ b/docs/index-DKH-XX1e.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/docs/index-DQMXxSnC.js b/docs/index-DQMXxSnC.js
new file mode 100644
index 0000000..a854fde
--- /dev/null
+++ b/docs/index-DQMXxSnC.js
@@ -0,0 +1,281 @@
+var Ob=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);const 
Ii=window.echarts;!Ii&&console.error("ECharts is not loaded!");var 
M$=Ob((qt,Xt)=>{(function(){const 
t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const
 a of document.querySelectorAll('link[rel="modulepreload"]'))r(a);new 
MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const l of 
o.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&r(l)}).observe [...]
+`).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}', ${r});
+}));`}function P1(e,t,n=1){const r={...e};return delete 
r.axis,{version:n,themeName:t,theme:r}}const 
hm=Nc([{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",
 [...]
+`,Q1="\u2028",eS="\u2029";function tS(e){const t=e;let n=0,r=1,a=1,o=0;const 
l=N=>t[N]===Z1&&t[N+1]===Ft,i=N=>t[N]===Ft,s=N=>t[N]===eS,u=N=>t[N]===Q1,c=N=>l(N)||i(N)||s(N)||u(N),f=()=>n,d=()=>r,h=()=>a,g=()=>o,p=N=>l(N)||s(N)||u(N)?Ft:t[N],y=()=>p(n),b=()=>p(n+o);function
 S(){return o=0,c(n)&&(r++,a=0),l(n)&&n++,n++,a++,t[n]}function _(){return 
l(n+o)&&o++,o++,t[n+o]}function C(){n=0,r=1,a=1,o=0}function 
O(N=0){o=N}function x(){const 
N=n+o;for(;N!==n;)S();o=0}return{index:f,line:d,column [...]
+`,o=t.needIndent?t.needIndent:n!=="arrow",l=e.helpers||[],i=pS(e,{filename:r,breakLineCode:a,needIndent:o});i.push(n==="normal"?"function
 __msg__ (ctx) {":"(ctx) => {"),i.indent(o),l.length>0&&(i.push(`const { 
${ym(l.map(c=>`${c}: _${c}`),", ")} } = ctx`),i.newline()),i.push("return 
"),Ao(i,e),i.deindent(o),i.push("}"),delete 
e.helpers;const{code:s,map:u}=i.context();return{ast:e,code:s,map:u?u.toJSON():void
 0}};function _S(e,t={}){const 
n=bm({},t),r=!!n.jit,a=!!n.minify,o=n.optimize==nu [...]
+* `);return s.length=0,n===!1?(Pt(u),a):u}}return a}function Jt(e,t){const 
n=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get(){return
 this.required=!0,this}},def:{value(a){return a===void 
0?(Ro(this,"default")&&delete 
this.default,this):No(a)||Yr(this,a,!0)===!0?(this.default=$o(a)?()=>[...a]:jr(a)?()=>Object.assign({},a):a,this):(Pt(`${this._vueTypes_name}
 - invalid default value: "${a}"`),this)}}}),{validator:r}=n;return 
No(r)&&(n.validator=hu(r,n)),n}fu [...]
+${JSON.stringify(this)}`),this.validator=hu(r,this),this}})}function 
ah(e,t,n){const r=(function(s){const u={};return 
Object.getOwnPropertyNames(s).forEach(c=>{u[c]=Object.getOwnPropertyDescriptor(s,c)}),Object.defineProperties({},u)})(t);if(r._vueTypes_name=e,!jr(n))return
 
r;const{validator:a}=n,o=fv(n,Gx);if(No(a)){let{validator:s}=r;s&&(s=(i=(l=s).__original)!==null&&i!==void
 0?i:l),r.validator=hu(s?function(u){return 
s.call(this,u)&&a.call(this,u)}:a,r)}var l,i;return Object.assign(r [...]
+${Ll(o.join(`
+`))}`),l}}:{type:r})}function cT(e){return 
Jt("arrayOf",{type:Array,validator(t){let n="";const 
r=t.every(a=>(n=Yr(e,a,!0),n===!0));return r||Pt(`arrayOf - value validation 
error:
+${Ll(n)}`),r}})}function uT(e){return Jt("instanceOf",{type:e})}function 
fT(e){return Jt("objectOf",{type:Object,validator(t){let n="";const 
r=Object.keys(t).every(a=>(n=Yr(e,t[a],!0),n===!0));return r||Pt(`objectOf - 
value validation error:
+${Ll(n)}`),r}})}function dT(e){const t=Object.keys(e),n=t.filter(a=>{var 
o;return!((o=e[a])===null||o===void 
0||!o.required)}),r=Jt("shape",{type:Object,validator(a){if(!jr(a))return!1;const
 o=Object.keys(a);if(n.length>0&&n.some(l=>o.indexOf(l)===-1)){const 
l=n.filter(i=>o.indexOf(i)===-1);return Pt(l.length===1?`shape - required 
property "${l[0]}" is not defined.`:`shape - required properties "${l.join('", 
"')}" are not defined.`),!1}return o.every(l=>{if(t.indexOf(l)===-1)return 
this. [...]
+ ${Ll(i)}`),i===!0})}});return 
Object.defineProperty(r,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(r,"loose",{get(){return
 this._vueTypes_isLoose=!0,this}}),r}const 
hT=["name","validate","getter"],pT=(()=>{var e;return(e=class{static get 
any(){return Jx()}static get func(){return Zx().def(this.defaults.func)}static 
get bool(){return Qx().def(this.defaults.bool)}static get string(){return 
eT().def(this.defaults.string)}static get number(){return tT().def(this.default 
[...]
+`)&&(s="(?: "+s+")",c=" "+c,u++),n=new RegExp("^(?:"+s+")",i)),gs&&(n=new 
RegExp("^"+s+"$(?!\\s)",i)),ps&&(t=o.lastIndex),r=Zi.call(l?n:o,c),l?r?(r.input=r.input.slice(u),r[0]=r[0].slice(u),r.index=o.lastIndex,o.lastIndex+=r[0].length):o.lastIndex=0:ps&&r&&(o.lastIndex=o.global?r.index+r[0].length:t),gs&&r&&r.length>1&&dA.call(r[0],n,(function(){for(a=1;a<arguments.length-2;a++)arguments[a]===void
 0&&(r[a]=void 0)})),r});var 
Ha=Av;$t({target:"RegExp",proto:!0,forced:/./.exec!==Ha},{exec: [...]
+\v\f\r                 
\u2028\u2029\uFEFF`,Qi="["+hc+"]",EA=RegExp("^"+Qi+Qi+"*"),xA=RegExp(Qi+Qi+"*$"),TA=function(e){return
 function(t){var n=String(vr(t));return 
1&e&&(n=n.replace(EA,"")),2&e&&(n=n.replace(xA,"")),n}},AA={trim:TA(3)},kA=AA.trim;$t({target:"String",proto:!0,forced:(function(e){return
 qe((function(){return!!hc[e]()||"​…᠎"[e]()!="​…
᠎"||hc[e].name!==e}))})("trim")},{trim:function(){return kA(this)}});var 
OA=Cu("slice"),LA=Ko("slice",{ACCESSORS:!0,0:0,1:2}),IA=nt("species"),PA=[].slice,RA=Math.max;$t({target:"Array",proto:!0,forced:!OA||!LA},{slice:function(e,t){var
 n,r,a,o=Wo(this),l=Qt(o.length),i=Yi(e,l),s=Yi(t===void 
0?l:t,l);if(Mo(o)&&(typeof(n=o.constructor)!="function"||n!==Array&&!Mo(n.prototype)?vt(n)&&(n=n[IA])===null&&(n=void
 0):n=void 0,n===Array||n===void 0))return PA.call(o,i,s);for(r=new(n===void 
0?Arra [...]
+'use strict';
+
+// -------------------------------------------------------------------------
+// Inlined MMCQ (Modified Median Cut Quantization)
+// -------------------------------------------------------------------------
+
+var SIGBITS = 5;
+var RSHIFT = 3;
+var MAX_ITER = 1000;
+var FRACT_POP = 0.75;
+var HISTO_SIZE = 32768;
+
+function colorIndex(r, g, b) {
+    return (r << 10) + (g << 5) + b;
+}
+
+function getHisto(pixels) {
+    var h = new Uint32Array(HISTO_SIZE);
+    for (var i = 0; i < pixels.length; i++) {
+        var p = pixels[i];
+        h[colorIndex(p[0] >> RSHIFT, p[1] >> RSHIFT, p[2] >> RSHIFT)]++;
+    }
+    return h;
+}
+
+function VBox(r1, r2, g1, g2, b1, b2, histo) {
+    this.r1 = r1; this.r2 = r2;
+    this.g1 = g1; this.g2 = g2;
+    this.b1 = b1; this.b2 = b2;
+    this.histo = histo;
+    this._count = -1;
+    this._volume = -1;
+    this._avg = null;
+}
+
+VBox.prototype.volume = function(force) {
+    if (this._volume < 0 || force) {
+        this._volume = (this.r2 - this.r1 + 1) * (this.g2 - this.g1 + 1) * 
(this.b2 - this.b1 + 1);
+    }
+    return this._volume;
+};
+
+VBox.prototype.count = function(force) {
+    if (this._count < 0 || force) {
+        var n = 0;
+        for (var i = this.r1; i <= this.r2; i++)
+            for (var j = this.g1; j <= this.g2; j++)
+                for (var k = this.b1; k <= this.b2; k++)
+                    n += this.histo[colorIndex(i, j, k)] || 0;
+        this._count = n;
+    }
+    return this._count;
+};
+
+VBox.prototype.copy = function() {
+    return new VBox(this.r1, this.r2, this.g1, this.g2, this.b1, this.b2, 
this.histo);
+};
+
+VBox.prototype.avg = function(force) {
+    if (!this._avg || force) {
+        var mult = 1 << RSHIFT;
+        if (this.r1 === this.r2 && this.g1 === this.g2 && this.b1 === this.b2) 
{
+            this._avg = [this.r1 << RSHIFT, this.g1 << RSHIFT, this.b1 << 
RSHIFT];
+        } else {
+            var ntot = 0, rsum = 0, gsum = 0, bsum = 0;
+            for (var i = this.r1; i <= this.r2; i++)
+                for (var j = this.g1; j <= this.g2; j++)
+                    for (var k = this.b1; k <= this.b2; k++) {
+                        var hval = this.histo[colorIndex(i, j, k)] || 0;
+                        ntot += hval;
+                        rsum += hval * (i + 0.5) * mult;
+                        gsum += hval * (j + 0.5) * mult;
+                        bsum += hval * (k + 0.5) * mult;
+                    }
+            this._avg = ntot
+                ? [~~(rsum / ntot), ~~(gsum / ntot), ~~(bsum / ntot)]
+                : [~~(mult * (this.r1 + this.r2 + 1) / 2), ~~(mult * (this.g1 
+ this.g2 + 1) / 2), ~~(mult * (this.b1 + this.b2 + 1) / 2)];
+        }
+    }
+    return this._avg;
+};
+
+function PQueue(comparator) {
+    this.contents = [];
+    this.sorted = false;
+    this.comparator = comparator;
+}
+
+PQueue.prototype.push = function(item) { this.contents.push(item); this.sorted 
= false; };
+PQueue.prototype.pop = function() {
+    if (!this.sorted) { this.contents.sort(this.comparator); this.sorted = 
true; }
+    return this.contents.pop();
+};
+PQueue.prototype.size = function() { return this.contents.length; };
+
+function vboxFromPixels(pixels, histo) {
+    var rmin = 1e6, rmax = 0, gmin = 1e6, gmax = 0, bmin = 1e6, bmax = 0;
+    for (var i = 0; i < pixels.length; i++) {
+        var p = pixels[i];
+        var rv = p[0] >> RSHIFT, gv = p[1] >> RSHIFT, bv = p[2] >> RSHIFT;
+        if (rv < rmin) rmin = rv; if (rv > rmax) rmax = rv;
+        if (gv < gmin) gmin = gv; if (gv > gmax) gmax = gv;
+        if (bv < bmin) bmin = bv; if (bv > bmax) bmax = bv;
+    }
+    return new VBox(rmin, rmax, gmin, gmax, bmin, bmax, histo);
+}
+
+function medianCutApply(histo, vbox) {
+    if (!vbox.count()) return undefined;
+    if (vbox.count() === 1) return [vbox.copy(), null];
+
+    var rw = vbox.r2 - vbox.r1 + 1;
+    var gw = vbox.g2 - vbox.g1 + 1;
+    var bw = vbox.b2 - vbox.b1 + 1;
+    var maxw = Math.max(rw, gw, bw);
+    var total = 0;
+    var partialsum = [];
+    var lookaheadsum = [];
+    var i, j, k, sum;
+
+    if (maxw === rw) {
+        for (i = vbox.r1; i <= vbox.r2; i++) {
+            sum = 0;
+            for (j = vbox.g1; j <= vbox.g2; j++)
+                for (k = vbox.b1; k <= vbox.b2; k++)
+                    sum += histo[colorIndex(i, j, k)] || 0;
+            total += sum; partialsum[i] = total;
+        }
+    } else if (maxw === gw) {
+        for (i = vbox.g1; i <= vbox.g2; i++) {
+            sum = 0;
+            for (j = vbox.r1; j <= vbox.r2; j++)
+                for (k = vbox.b1; k <= vbox.b2; k++)
+                    sum += histo[colorIndex(j, i, k)] || 0;
+            total += sum; partialsum[i] = total;
+        }
+    } else {
+        for (i = vbox.b1; i <= vbox.b2; i++) {
+            sum = 0;
+            for (j = vbox.r1; j <= vbox.r2; j++)
+                for (k = vbox.g1; k <= vbox.g2; k++)
+                    sum += histo[colorIndex(j, k, i)] || 0;
+            total += sum; partialsum[i] = total;
+        }
+    }
+
+    partialsum.forEach(function(d, idx) { lookaheadsum[idx] = total - d; });
+
+    function doCut(color) {
+        var dim1 = color + '1', dim2 = color + '2';
+        for (var i = vbox[dim1]; i <= vbox[dim2]; i++) {
+            if (partialsum[i] > total / 2) {
+                var vbox1 = vbox.copy(), vbox2 = vbox.copy();
+                var left = i - vbox[dim1], right = vbox[dim2] - i;
+                var d2 = left <= right
+                    ? Math.min(vbox[dim2] - 1, ~~(i + right / 2))
+                    : Math.max(vbox[dim1], ~~(i - 1 - left / 2));
+                while (!partialsum[d2]) d2++;
+                var count2 = lookaheadsum[d2];
+                while (!count2 && partialsum[d2 - 1]) count2 = 
lookaheadsum[--d2];
+                vbox1[dim2] = d2;
+                vbox2[dim1] = d2 + 1;
+                return [vbox1, vbox2];
+            }
+        }
+    }
+
+    if (maxw === rw) return doCut('r');
+    if (maxw === gw) return doCut('g');
+    return doCut('b');
+}
+
+function iterate(pq, target, histo) {
+    var ncolors = pq.size(), niters = 0;
+    while (niters < MAX_ITER) {
+        if (ncolors >= target) return;
+        niters++;
+        var vbox = pq.pop();
+        if (!vbox.count()) { pq.push(vbox); continue; }
+        var result = medianCutApply(histo, vbox);
+        if (!result || !result[0]) return;
+        pq.push(result[0]);
+        if (result[1]) { pq.push(result[1]); ncolors++; }
+    }
+}
+
+function quantize(pixels, maxColors) {
+    if (!pixels.length || maxColors < 2 || maxColors > 256) return [];
+
+    var histo = getHisto(pixels);
+    var vbox = vboxFromPixels(pixels, histo);
+    var pq = new PQueue(function(a, b) { return a.count() - b.count(); });
+    pq.push(vbox);
+    iterate(pq, FRACT_POP * maxColors, histo);
+
+    var pq2 = new PQueue(function(a, b) { return a.count() * a.volume() - 
b.count() * b.volume(); });
+    while (pq.size()) pq2.push(pq.pop());
+    iterate(pq2, maxColors, histo);
+
+    var results = [];
+    while (pq2.size()) {
+        var box = pq2.pop();
+        results.push({ color: box.avg(), population: box.count() });
+    }
+    return results;
+}
+
+// -------------------------------------------------------------------------
+// Worker message handler
+// -------------------------------------------------------------------------
+
+self.onmessage = function (e) {
+    var data = e.data;
+    var id = data.id;
+    try {
+        var palette = quantize(data.pixels, data.maxColors);
+        self.postMessage({ id: id, palette: palette });
+    } catch (err) {
+        self.postMessage({ id: id, error: err.message || 'Unknown worker 
error' });
+    }
+};
+`}}),xb={};ju(xb,{extractInWorker:()=>sR,isWorkerSupported:()=>Tb,terminateWorker:()=>cR});function
 Tb(){return typeof Worker<"u"}function lR(){if(Pn)return Pn;if(!Tb())throw new 
Error("Web Workers are not supported in this environment.");return 
So=URL.createObjectURL(new Blob([Eb],{type:"application/javascript"})),Pn=new 
Worker(So),Pn.onmessage=e=>{const{id:t,palette:n,error:r}=e.data,a=Nn.get(t);if(a)if(Nn.delete(t),r)a.reject(new
 Error(r));else{const o=n,l=o.reduce((s,u)=>s+u.populati [...]
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${t("modals.jsUsageStep1").replace("__filename__",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${A}.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="${A}.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, '${A}')</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 
var(--van-primary-color);">${t("modals.jsUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok"),closeOnClickOverlay:!0}:{title:t("modals.jsonUsageTitle"),message:`<div
 style="text-align: left; padding: 5px 0;">
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${t("modals.jsonUsageStep1").replace("__filename__",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${A}.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('${A}', 
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, '${A}')</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 
var(--van-primary-color);">${t("modals.jsonUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok"),closeOnClickOverlay:!0})},x=()=>{a.value?.click()},N=async()=>{try{const
 
L=l.getThemeConfigForDownload(),A=`${s.value&&Ii.format.encodeHTML(s.value)||"customized"}.project`;lp(L,A),Kt({message:t("modals.exportSuccess"),type:"success"})}catch(L){console.error("Export
 
failed:",L),Kt({message:t("modals.exportFailed"),type:"fail"})}},B=()=>{n.chartPreviewRef?.updateCharts&&(n.chartPreviewRef.updateCharts(),Kt({message:t("modals.ch
 [...]
+            <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")})},R=()=>{window.open("https://github.com/apache/echarts-theme-builder","_blank","noopener,noreferrer";)},$=async
 L=>{if(l.activePreDefinedThemeIndex.value!==L)try{await 
l.loadPreDefinedTheme(L),n.chartPreviewRef?.updateCharts&&n.chartPreviewRef.updateCharts()}catch(A){console.error("Error
 selecting predefined theme:",A)}},X=()=>{l.updateAxisSetting()},de=async 
L=>{const A=L.target,J=A.files?.[0];if(!J)return;if(J.name.sli [...]
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..ec6fc2c
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="shortcut icon" 
href="https://echarts.apache.org/en/images/favicon.png";>
+    <title>Apache ECharts Theme Builder</title>
+    <style>
+      /* only for non-release environment */
+      html, body {
+        height: 100%;
+        margin: 0;
+      }
+    </style>
+    <!-- include echarts CDN lib if NOT IN dev environment -->
+    <script 
src="https://echarts.apache.org/en/js/vendors/echarts/dist/echarts.min.js";></script>
+    <script type="module" crossorigin src="./index-DQMXxSnC.js"></script>
+    <link rel="stylesheet" crossorigin href="./index-DKH-XX1e.css">
+  </head>
+  <body>
+    <div id="theme-builder-app"></div>
+  </body>
+</html>
diff --git a/docs/themes/chalk.json b/docs/themes/chalk.json
new file mode 100644
index 0000000..eb59ac5
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/dark.json b/docs/themes/dark.json
new file mode 100644
index 0000000..25dc579
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/default.json b/docs/themes/default.json
new file mode 100644
index 0000000..d4d2ac8
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/essos.json b/docs/themes/essos.json
new file mode 100644
index 0000000..ece0814
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/halloween.json b/docs/themes/halloween.json
new file mode 100644
index 0000000..7766c49
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/infographic.json b/docs/themes/infographic.json
new file mode 100644
index 0000000..2268bbd
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/macarons.json b/docs/themes/macarons.json
new file mode 100644
index 0000000..d695cee
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/purple-passion.json b/docs/themes/purple-passion.json
new file mode 100644
index 0000000..44a7fb2
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/roma.json b/docs/themes/roma.json
new file mode 100644
index 0000000..ab258c9
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/shine.json b/docs/themes/shine.json
new file mode 100644
index 0000000..9c30675
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/v5.json b/docs/themes/v5.json
new file mode 100644
index 0000000..0811a50
--- /dev/null
+++ b/docs/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/docs/themes/vintage.json b/docs/themes/vintage.json
new file mode 100644
index 0000000..2e29b8f
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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/docs/themes/walden.json b/docs/themes/walden.json
new file mode 100644
index 0000000..ce6f8ee
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/westeros.json b/docs/themes/westeros.json
new file mode 100644
index 0000000..5b6fbfb
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}
diff --git a/docs/themes/wonderland.json b/docs/themes/wonderland.json
new file mode 100644
index 0000000..0db8e0e
--- /dev/null
+++ b/docs/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",
+        "toolboxEmphasisColor": "#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"
+    }
+}


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

Reply via email to