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

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

commit 05afbf19d2b41eff8615c2f98f108bb55e7bcb10
Author: plainheart <[email protected]>
AuthorDate: Fri Jul 10 15:14:56 2026 +0000

    Deploying to gh-pages from @ 
apache/echarts-theme-builder@812c7761b55d4cf1e88bc3178182aa2464333758 🚀
---
 docs/index-DesJxC8r.css         |   1 +
 docs/index-Dv90QoWp.js          | 276 ++++++++++++++++++++++++++++++++++++++++
 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, 2869 insertions(+)

diff --git a/docs/index-DesJxC8r.css b/docs/index-DesJxC8r.css
new file mode 100644
index 0000000..2e3cf5a
--- /dev/null
+++ b/docs/index-DesJxC8r.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);--van-primary-colo [...]
diff --git a/docs/index-Dv90QoWp.js b/docs/index-Dv90QoWp.js
new file mode 100644
index 0000000..4c18ccd
--- /dev/null
+++ b/docs/index-Dv90QoWp.js
@@ -0,0 +1,276 @@
+const e=window.echarts;!e&&console.error("ECharts is not loaded!");var 
t=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);(function(){let
 
e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let
 e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new 
MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of 
t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!
 [...]
+`).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 Cd(e,t,n=1){let r={...e};return delete 
r.axis,{version:n,themeName:t,theme:r}}var 
wd=Kt([{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`,`#73
 [...]
+`,Cf=`\u2028`,wf=`\u2029`;function Tf(e){let 
t=e,n=0,r=1,i=1,a=0,o=e=>t[e]===xf&&t[e+1]===Sf,s=e=>t[e]===Sf,c=e=>t[e]===wf,l=e=>t[e]===Cf,u=e=>o(e)||s(e)||c(e)||l(e),d=()=>n,f=()=>r,p=()=>i,m=()=>a,h=e=>o(e)||c(e)||l(e)?Sf:t[e],g=()=>h(n),_=()=>h(n+a);function
 v(){return a=0,u(n)&&(r++,i=0),o(n)&&n++,n++,i++,t[n]}function y(){return 
o(n+a)&&a++,a++,t[n+a]}function b(){n=0,r=1,i=1,a=0}function 
x(e=0){a=e}function S(){let 
e=n+a;for(;e!==n;)v();a=0}return{index:d,line:f,column:p,peekOffset: [...]
+`:t.breakLineCode,o=t.needIndent?t.needIndent:n!==`arrow`,s=e.helpers||[],c=Wf(e,{mode:n,filename:r,sourceMap:i,breakLineCode:a,needIndent:o});c.push(n===`normal`?`function
 __msg__ (ctx) {`:`(ctx) => {`),c.indent(o),s.length>0&&(c.push(`const { 
${pf(s.map(e=>`${e}: _${e}`),`, `)} } = ctx`),c.newline()),c.push(`return 
`),Yf(c,e),c.deindent(o),c.push(`}`),delete 
e.helpers;let{code:l,map:u}=c.context();return{ast:e,code:l,map:u?u.toJSON():void
 0}};function Zf(e,t={}){let n=uf({},t),r=!!n.ji [...]
+* `);return a.length=0,!1===n?(Hy(e),i):e}}return i}function Zy(e,t){let 
n=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get(){return
 this.required=!0,this}},def:{value(e){return e===void 
0?(Uy(this,`default`)&&delete 
this.default,this):Ky(e)||!0===Xy(this,e,!0)?(this.default=Gy(e)?()=>[...e]:Vy(e)?()=>Object.assign({},e):e,this):(Hy(`${this._vueTypes_name}
 - invalid default value: "${e}"`),this)}}}),{validator:r}=n;return 
Ky(r)&&(n.validator=Yy(r,n)),n}func [...]
+`))}`),r}}:{type:r})}function pb(e){return 
Zy(`arrayOf`,{type:Array,validator(t){let 
n=``,r=t.every(t=>(n=Xy(e,t,!0),!0===n));return r||Hy(`arrayOf - value 
validation error:\n${eb(n)}`),r}})}function mb(e){return 
Zy(`instanceOf`,{type:e})}function hb(e){return 
Zy(`objectOf`,{type:Object,validator(t){let 
n=``,r=Object.keys(t).every(r=>(n=Xy(e,t[r],!0),!0===n));return r||Hy(`objectOf 
- value validation error:\n${eb(n)}`),r}})}function gb(e){let 
t=Object.keys(e),n=t.filter(t=>{var n;return! [...]
+`)&&(c=`(?: `+c+`)`,u=` 
`+u,l++),n=RegExp(`^(?:`+c+`)`,s)),QS&&(n=RegExp(`^`+c+`$(?!\\s)`,s)),XS&&(t=a.lastIndex),r=qS.call(o?n:a,u),o?r?(r.input=r.input.slice(l),r[0]=r[0].slice(l),r.index=a.lastIndex,a.lastIndex+=r[0].length):a.lastIndex=0:XS&&r&&(a.lastIndex=a.global?r.index+r[0].length:t),QS&&r&&r.length>1&&JS.call(r[0],n,(function(){for(i=1;i<arguments.length-2;i++)arguments[i]===void
 0&&(r[i]=void 0)})),r});var 
$S=YS;Yx({target:`RegExp`,proto:!0,forced:/./.exec!==$S},{exec:$S});var [...]
+\v\f\r \xA0               
\u2028\u2029`,wC=`[`+CC+`]`,TC=RegExp(`^`+wC+wC+`*`),EC=RegExp(wC+wC+`*$`),DC=function(e){return
 function(t){var n=String(Pb(t));return 
1&e&&(n=n.replace(TC,``)),2&e&&(n=n.replace(EC,``)),n}},OC={start:DC(1),end:DC(2),trim:DC(3)}.trim;Yx({target:`String`,proto:!0,forced:function(e){return
 wb((function(){return!!CC[e]()||`​…᠎`[e]()!=`​…
᠎`||CC[e].name!==e}))}(`trim`)},{trim:function(){return OC(this)}});var 
kC=jS(`slice`),AC=eS(`slice`,{ACCESSORS:!0,0:0,1:2}),jC=xS(`species`),MC=[].slice,NC=Math.max;Yx({target:`Array`,proto:!0,forced:!kC||!AC},{slice:function(e,t){var
 n,r,i,a=Fb(this),o=Dx(a.length),s=Ax(e,o),c=Ax(t===void 
0?o:t,o);if(hS(a)&&(typeof(n=a.constructor)!=`function`||n!==Array&&!hS(n.prototype)?Ib(n)&&(n=n[jC])===null&&(n=void
 0):n=void 0,n===Array||n===void 0))return MC.call(a,s,c);for(r=new(n===void 
0?Array [...]
+'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' });
+    }
+};
+`}}),Vj={};gj(Vj,{extractInWorker:()=>Wj,isWorkerSupported:()=>Hj,terminateWorker:()=>Gj});function
 Hj(){return typeof Worker<`u`}function Uj(){if(Kj)return Kj;if(!Hj())throw 
Error(`Web Workers are not supported in this environment.`);return 
qj=URL.createObjectURL(new Blob([zj],{type:`application/javascript`})),Kj=new 
Worker(qj),Kj.onmessage=e=>{let{id:t,palette:n,error:r}=e.data,i=Yj.get(t);if(i)if(Yj.delete(t),r)i.reject(Error(r));else{let
 e=n,t=e.reduce((e,t)=>e+t.population,0),r=e.ma [...]
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${n(`modals.jsUsageStep1`).replace(`__filename__`,`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${t}.js</code>`)}</li>
+            <li>${n(`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="${t}.js"&gt;&lt;/script&gt;</code></li>
+            <li>${n(`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, '${t}')</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);">${n(`modals.jsUsageTip`)}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:n(`common.ok`),closeOnClickOverlay:!0}:{title:n(`modals.jsonUsageTitle`),message:`<div
 style="text-align: left; padding: 5px 0;">
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${n(`modals.jsonUsageStep1`).replace(`__filename__`,`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${t}.json</code>`)}</li>
+            <li>${n(`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>${n(`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('${t}', 
obj)</code></li>
+            <li>${n(`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, '${t}')</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);">${n(`modals.jsonUsageTip`)}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:n(`common.ok`),closeOnClickOverlay:!0})},C=()=>{a.value?.click()},w=async()=>{try{dj(s.getThemeConfigForDownload(),`${l.value&&e.format.encodeHTML(l.value)||`customized`}.project`),Du({message:n(`modals.exportSuccess`),type:`success`})}catch(e){console.error(`Export
 
failed:`,e),Du({message:n(`modals.exportFailed`),type:`fail`})}},T=()=>{r.chartPreviewRef?.updateCharts&&(r.chartPreviewRef.updateCharts(),Du({message:n(`modals.chartsRefreshed`)
 [...]
+            <h4>${n(`modals.helpContent.whatIs`)}</h4>
+            <p>${n(`modals.helpContent.whatIsDesc1`)}</p>
+            <p>${n(`modals.helpContent.whatIsDesc2`)}</p>
+            <p>${n(`modals.helpContent.whatIsDesc3`)}</p>
+
+            <h4>${n(`modals.helpContent.importExport`)}</h4>
+            <p>${n(`modals.helpContent.importExportDesc`)}</p>
+          
</div>`,allowHtml:!0,confirmButtonText:n(`common.gotIt`)})},D=()=>{window.open(`https://github.com/apache/echarts-theme-builder`,`_blank`,`noopener,noreferrer`)},te=async
 e=>{if(s.activePreDefinedThemeIndex.value!==e)try{await 
s.loadPreDefinedTheme(e),r.chartPreviewRef?.updateCharts&&r.chartPreviewRef.updateCharts()}catch(e){console.error(`Error
 selecting predefined theme:`,e)}},O=()=>{s.updateAxisSetting()},ne=async 
e=>{let t=e.target,i=t.files?.[0];if(i){if(i.name.slice(i.nam [...]
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..3e9cb6b
--- /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-Dv90QoWp.js"></script>
+    <link rel="stylesheet" crossorigin href="./index-DesJxC8r.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