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

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

commit 5a0995bd670961732bfec1355e5bcc81070d1773
Author: plainheart <[email protected]>
AuthorDate: Thu Jan 22 10:28:07 2026 +0000

    Deploying to gh-pages from @ 
apache/echarts-theme-builder@989fe0b31ffff0451de9a4a95a33dfa4bfd5d8c9 🚀
---
 docs/index-CfQcIsbO.js          |  59 +++++++++++++
 docs/index-DdfwGD9N.css         |   1 +
 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, 2652 insertions(+)

diff --git a/docs/index-CfQcIsbO.js b/docs/index-CfQcIsbO.js
new file mode 100644
index 0000000..f4e9941
--- /dev/null
+++ b/docs/index-CfQcIsbO.js
@@ -0,0 +1,59 @@
+var Kv=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);const 
Si=window.echarts;!Si&&console.error("ECharts is not loaded!");var 
O$=Kv((qt,Jt)=>{(function(){const 
t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const
 a of document.querySelectorAll('link[rel="modulepreload"]'))r(a);new 
MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const s of 
o.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&r(s)}).observe [...]
+`).join(`
+    `),`(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 
'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    echarts.registerTheme('${t}', ${r});
+}));`}function KC(e,t,n=1){const r={...e};return delete 
r.axis,{version:n,themeName:t,theme:r}}const 
Wg=yc([{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",
 [...]
+`,p1="\u2028",g1="\u2029";function m1(e){const t=e;let n=0,r=1,a=1,o=0;const 
s=N=>t[N]===h1&&t[N+1]===Vt,l=N=>t[N]===Vt,c=N=>t[N]===g1,f=N=>t[N]===p1,u=N=>s(N)||l(N)||c(N)||f(N),d=()=>n,h=()=>r,p=()=>a,m=()=>o,g=N=>s(N)||c(N)||f(N)?Vt:t[N],_=()=>g(n),y=()=>g(n+o);function
 E(){return o=0,u(n)&&(r++,a=0),s(n)&&n++,n++,a++,t[n]}function S(){return 
s(n+o)&&o++,o++,t[n+o]}function C(){n=0,r=1,a=1,o=0}function 
k(N=0){o=N}function w(){const 
N=n+o;for(;N!==n;)E();o=0}return{index:d,line:h,column [...]
+`,o=t.needIndent?t.needIndent:n!=="arrow",s=e.helpers||[],l=k1(e,{filename:r,breakLineCode:a,needIndent:o});l.push(n==="normal"?"function
 __msg__ (ctx) {":"(ctx) => {"),l.indent(o),s.length>0&&(l.push(`const { 
${qg(s.map(u=>`${u}: _${u}`),", ")} } = ctx`),l.newline()),l.push("return 
"),So(l,e),l.deindent(o),l.push("}"),delete 
e.helpers;const{code:c,map:f}=l.context();return{ast:e,code:c,map:f?f.toJSON():void
 0}};function N1(e,t={}){const 
n=Xg({},t),r=!!n.jit,a=!!n.minify,o=n.optimize==nu [...]
+* `);return c.length=0,n===!1?($t(f),a):f}}return a}function Zt(e,t){const 
n=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get(){return
 this.required=!0,this}},def:{value(a){return a===void 
0?(Oo(this,"default")&&delete 
this.default,this):Lo(a)||Wr(this,a,!0)===!0?(this.default=ko(a)?()=>[...a]:Vr(a)?()=>Object.assign({},a):a,this):($t(`${this._vueTypes_name}
 - invalid default value: "${a}"`),this)}}}),{validator:r}=n;return 
Lo(r)&&(n.validator=Jc(r,n)),n}fu [...]
+${JSON.stringify(this)}`),this.validator=Jc(r,this),this}})}function 
Bd(e,t,n){const r=(function(c){const f={};return 
Object.getOwnPropertyNames(c).forEach(u=>{f[u]=Object.getOwnPropertyDescriptor(c,u)}),Object.defineProperties({},f)})(t);if(r._vueTypes_name=e,!Vr(n))return
 
r;const{validator:a}=n,o=Um(n,sx);if(Lo(a)){let{validator:c}=r;c&&(c=(l=(s=c).__original)!==null&&l!==void
 0?l:s),r.validator=Jc(c?function(f){return 
c.call(this,f)&&a.call(this,f)}:a,r)}var s,l;return Object.assign(r [...]
+${Cl(o.join(`
+`))}`),s}}:{type:r})}function wx(e){return 
Zt("arrayOf",{type:Array,validator(t){let n="";const 
r=t.every(a=>(n=Wr(e,a,!0),n===!0));return r||$t(`arrayOf - value validation 
error:
+${Cl(n)}`),r}})}function xx(e){return Zt("instanceOf",{type:e})}function 
Tx(e){return Zt("objectOf",{type:Object,validator(t){let n="";const 
r=Object.keys(t).every(a=>(n=Wr(e,t[a],!0),n===!0));return r||$t(`objectOf - 
value validation error:
+${Cl(n)}`),r}})}function Ax(e){const t=Object.keys(e),n=t.filter(a=>{var 
o;return!((o=e[a])===null||o===void 
0||!o.required)}),r=Zt("shape",{type:Object,validator(a){if(!Vr(a))return!1;const
 o=Object.keys(a);if(n.length>0&&n.some(s=>o.indexOf(s)===-1)){const 
s=n.filter(l=>o.indexOf(l)===-1);return $t(s.length===1?`shape - required 
property "${s[0]}" is not defined.`:`shape - required properties "${s.join('", 
"')}" are not defined.`),!1}return o.every(s=>{if(t.indexOf(s)===-1)return 
this. [...]
+ ${Cl(l)}`),l===!0})}});return 
Object.defineProperty(r,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(r,"loose",{get(){return
 this._vueTypes_isLoose=!0,this}}),r}const 
Ox=["name","validate","getter"],kx=(()=>{var e;return(e=class{static get 
any(){return dx()}static get func(){return hx().def(this.defaults.func)}static 
get bool(){return px().def(this.defaults.bool)}static get string(){return 
gx().def(this.defaults.string)}static get number(){return mx().def(this.default 
[...]
+`)&&(c="(?: "+c+")",u=" "+u,f++),n=new RegExp("^(?:"+c+")",l)),os&&(n=new 
RegExp("^"+c+"$(?!\\s)",l)),rs&&(t=o.lastIndex),r=Wi.call(s?n:o,u),s?r?(r.input=r.input.slice(f),r[0]=r[0].slice(f),r.index=o.lastIndex,o.lastIndex+=r[0].length):o.lastIndex=0:rs&&r&&(o.lastIndex=o.global?r.index+r[0].length:t),os&&r&&r.length>1&&AT.call(r[0],n,(function(){for(a=1;a<arguments.length-2;a++)arguments[a]===void
 0&&(r[a]=void 0)})),r});var 
Na=ov;Nt({target:"RegExp",proto:!0,forced:/./.exec!==Na},{exec: [...]
+\v\f\r                 
\u2028\u2029\uFEFF`,zi="["+Zs+"]",DT=RegExp("^"+zi+zi+"*"),BT=RegExp(zi+zi+"*$"),jT=function(e){return
 function(t){var n=String(gr(t));return 
1&e&&(n=n.replace(DT,"")),2&e&&(n=n.replace(BT,"")),n}},UT={trim:jT(3)},HT=UT.trim;Nt({target:"String",proto:!0,forced:(function(e){return
 Xe((function(){return!!Zs[e]()||"​…᠎"[e]()!="​…
᠎"||Zs[e].name!==e}))})("trim")},{trim:function(){return HT(this)}});var 
WT=au("slice"),zT=jo("slice",{ACCESSORS:!0,0:0,1:2}),GT=rt("species"),KT=[].slice,YT=Math.max;Nt({target:"Array",proto:!0,forced:!WT||!zT},{slice:function(e,t){var
 n,r,a,o=Do(this),s=en(o.length),l=Bi(e,s),c=Bi(t===void 
0?s:t,s);if(Io(o)&&(typeof(n=o.constructor)!="function"||n!==Array&&!Io(n.prototype)?vt(n)&&(n=n[GT])===null&&(n=void
 0):n=void 0,n===Array||n===void 0))return KT.call(o,l,c);for(r=new(n===void 
0?Arra [...]
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${t("modals.jsUsageStep1").replace("__filename__",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${O}.js</code>`)}</li>
+            <li>${t("modals.jsUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">&lt;script 
src="${O}.js"&gt;&lt;/script&gt;</code></li>
+            <li>${t("modals.jsUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${O}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
var(--van-primary-color);">${t("modals.jsUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok"),closeOnClickOverlay:!0}:{title:t("modals.jsonUsageTitle"),message:`<div
 style="text-align: left; padding: 5px 0;">
+          <ol style="margin: 0; line-height: 1; list-style: inside decimal;">
+            <li>${t("modals.jsonUsageStep1").replace("__filename__",`<code 
style="background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: 
Monaco, monospace;">${O}.json</code>`)}</li>
+            <li>${t("modals.jsonUsageStep2")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">const obj = 
JSON.parse(data)</code></li>
+            <li>${t("modals.jsonUsageStep3")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.registerTheme('${O}', 
obj)</code></li>
+            <li>${t("modals.jsonUsageStep4")}<br/><code style="background: 
#f0f0f0; padding: 4px 8px; border-radius: 3px; font-family: Monaco, monospace; 
display: inline-block; margin-top: 6px;">echarts.init(dom, '${O}')</code></li>
+          </ol>
+          <p style="margin: 0; color: #666; font-size: 14px; line-height: 1; 
background: #f8f9fa; padding: 10px; border-radius: 4px; border-left: 3px solid 
var(--van-primary-color);">${t("modals.jsonUsageTip")}</p>
+        
</div>`,allowHtml:!0,confirmButtonText:t("common.ok"),closeOnClickOverlay:!0})},w=()=>{a.value?.click()},N=async()=>{try{const
 
I=s.getThemeConfigForDownload(),O=`${c.value&&Si.format.encodeHTML(c.value)||"customized"}.project`;Uh(I,O),Kt({message:t("modals.exportSuccess"),type:"success"})}catch(I){console.error("Export
 
failed:",I),Kt({message:t("modals.exportFailed"),type:"fail"})}},D=()=>{n.chartPreviewRef?.updateCharts&&(n.chartPreviewRef.updateCharts(),Kt({message:t("modals.ch
 [...]
+            <h4>${t("modals.helpContent.whatIs")}</h4>
+            <p>${t("modals.helpContent.whatIsDesc1")}</p>
+            <p>${t("modals.helpContent.whatIsDesc2")}</p>
+            <p>${t("modals.helpContent.whatIsDesc3")}</p>
+
+            <h4>${t("modals.helpContent.importExport")}</h4>
+            <p>${t("modals.helpContent.importExportDesc")}</p>
+          
</div>`,allowHtml:!0,confirmButtonText:t("common.gotIt")})},R=()=>{window.open("https://github.com/apache/echarts-theme-builder","_blank","noopener,noreferrer";)},M=async
 I=>{if(s.activePreDefinedThemeIndex.value!==I)try{await 
s.loadPreDefinedTheme(I),n.chartPreviewRef?.updateCharts&&n.chartPreviewRef.updateCharts()}catch(O){console.error("Error
 selecting predefined theme:",O)}},J=()=>{s.updateAxisSetting()},he=async 
I=>{const O=I.target,Z=O.files?.[0];if(!Z)return;if(Z.name.sli [...]
diff --git a/docs/index-DdfwGD9N.css b/docs/index-DdfwGD9N.css
new file mode 100644
index 0000000..3013610
--- /dev/null
+++ b/docs/index-DdfwGD9N.css
@@ -0,0 +1 @@
+:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: 
#f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: 
#dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: 
#646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: 
#1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: 
#fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, 
#ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, 
#ff8917); [...]
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..d2ecef5
--- /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-CfQcIsbO.js"></script>
+    <link rel="stylesheet" crossorigin href="./index-DdfwGD9N.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