diff --git a/build/zrender-original.js b/build/zrender-original.js
index c09fe0a34..3a860bfb2 100644
--- a/build/zrender-original.js
+++ b/build/zrender-original.js
@@ -2780,6 +2780,7 @@ define(
             }
 
             event = event || window.event;
+
             // 进入对象优先~
             var target = event.toElement
                           || event.relatedTarget
@@ -2809,8 +2810,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            click: function (event) {
-                if (! isZRenderElement(event)) {
+            click: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -2836,8 +2837,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            dblclick: function (event) {
-                if (! isZRenderElement(event)) {
+            dblclick: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -2865,8 +2866,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            mousewheel: function (event) {
-                if (! isZRenderElement(event)) {
+            mousewheel: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -2920,8 +2921,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            mousemove: function (event) {
-                if (! isZRenderElement(event)) {
+            mousemove: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3017,8 +3018,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            mouseout: function (event) {
-                if (! isZRenderElement(event)) {
+            mouseout: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3057,8 +3058,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            mousedown: function (event) {
-                if (! isZRenderElement(event)) {
+            mousedown: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3087,8 +3088,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            mouseup: function (event) {
-                if (! isZRenderElement(event)) {
+            mouseup: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3108,8 +3109,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            touchstart: function (event) {
-                if (! isZRenderElement(event)) {
+            touchstart: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3127,8 +3128,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            touchmove: function (event) {
-                if (! isZRenderElement(event)) {
+            touchmove: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3144,8 +3145,8 @@ define(
              * @inner
              * @param {Event} event
              */
-            touchend: function (event) {
-                if (! isZRenderElement(event)) {
+            touchend: function (event, manually) {
+                if (! isZRenderElement(event) && ! manually) {
                     return;
                 }
 
@@ -3177,16 +3178,16 @@ define(
          * @param {Object} context 运行时this环境
          * @return {Function}
          */
-        function bind1Arg(handler, context) {
-            return function (e) {
-                return handler.call(context, e);
-            };
-        }
-        /**function bind2Arg(handler, context) {
+        // function bind1Arg(handler, context) {
+        //     return function (e) {
+        //         return handler.call(context, e);
+        //     };
+        // }
+        function bind2Arg(handler, context) {
             return function (arg1, arg2) {
                 return handler.call(context, arg1, arg2);
             };
-        }*/
+        }
 
         function bind3Arg(handler, context) {
             return function (arg1, arg2, arg3) {
@@ -3203,7 +3204,7 @@ define(
             var len = domHandlerNames.length;
             while (len--) {
                 var name = domHandlerNames[len];
-                instance['_' + name + 'Handler'] = bind1Arg(domHandlers[name], instance);
+                instance['_' + name + 'Handler'] = bind2Arg(domHandlers[name], instance);
             }
         }
 
@@ -3315,7 +3316,7 @@ define(
                 case EVENT.MOUSEDOWN:
                 case EVENT.MOUSEUP:
                 case EVENT.MOUSEOUT:
-                    this['_' + eventName + 'Handler'](eventArgs);
+                    this['_' + eventName + 'Handler'](eventArgs, true);
                     break;
             }
         };
@@ -10038,7 +10039,7 @@ define(
                     
                     // 动画完成将这个控制器标识为待删除
                     // 在Animation.update中进行批量删除
-                    this._needsRemove = true;
+                    this.__needsRemove = true;
                     return 'destroy';
                 }
                 
@@ -10049,7 +10050,7 @@ define(
                 var remainder = (time - this._startTime) % this._life;
                 this._startTime = new Date().getTime() - remainder + this.gap;
 
-                this._needsRemove = false;
+                this.__needsRemove = false;
             },
             fire : function(eventType, arg) {
                 for (var i = 0, len = this._targetPool.length; i < len; i++) {
@@ -10150,9 +10151,16 @@ define(
              * @param {module:zrender/animation/Clip} clip
              */
             remove: function(clip) {
-                var idx = util.indexOf(this._clips, clip);
-                if (idx >= 0) {
-                    this._clips.splice(idx, 1);
+                if (clip.__inStep) {
+                    // 如果是在 step 中，不能直接移除
+                    // 需要标记为 needsRemove 然后在所有 clip step 完成后移除
+                    clip.__needsRemove = true;
+                }
+                else {
+                    var idx = util.indexOf(this._clips, clip);
+                    if (idx >= 0) {
+                        this._clips.splice(idx, 1);
+                    }
                 }
             },
             _update: function() {
@@ -10166,7 +10174,9 @@ define(
                 var deferredClips = [];
                 for (var i = 0; i < len; i++) {
                     var clip = clips[i];
+                    clip.__inStep = true;
                     var e = clip.step(time);
+                    clip.__inStep = false;
                     // Throw out the events need to be called after
                     // stage.update, like destroy
                     if (e) {
@@ -10177,7 +10187,7 @@ define(
 
                 // Remove the finished clip
                 for (var i = 0; i < len;) {
-                    if (clips[i]._needsRemove) {
+                    if (clips[i].__needsRemove) {
                         clips[i] = clips[len - 1];
                         clips.pop();
                         len--;
@@ -10719,7 +10729,7 @@ define(
         /**
          * @type {string}
          */
-        zrender.version = '2.1.0';
+        zrender.version = '2.1.1';
 
         /**
          * 创建zrender实例
diff --git a/build/zrender.js b/build/zrender.js
index f142d9b1d..b15e26d06 100644
--- a/build/zrender.js
+++ b/build/zrender.js
@@ -26,4 +26,4 @@
  * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
  */
 
-define("zrender/dep/excanvas",["require"],function(e){return document.createElement("canvas").getContext?G_vmlCanvasManager=!1:function(){function f(){return this.context_||(this.context_=new I(this))}function c(e,t,n){var r=l.call(arguments,2);return function(){return e.apply(t,r.concat(l.call(arguments)))}}function h(e){return String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function p(e,t,n){e.namespaces[t]||e.namespaces.add(t,n,"#default#VML")}function d(e){p(e,"g_vml_","urn:schemas-microsoft-com:vml"),p(e,"g_o_","urn:schemas-microsoft-com:office:office");if(!e.styleSheets.ex_canvas_){var t=e.createStyleSheet();t.owningElement.id="ex_canvas_",t.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}function m(e){var t=e.srcElement;switch(e.propertyName){case"width":t.getContext().clearRect(),t.style.width=t.attributes.width.nodeValue+"px",t.firstChild.style.width=t.clientWidth+"px";break;case"height":t.getContext().clearRect(),t.style.height=t.attributes.height.nodeValue+"px",t.firstChild.style.height=t.clientHeight+"px"}}function g(e){var t=e.srcElement;t.firstChild&&(t.firstChild.style.width=t.clientWidth+"px",t.firstChild.style.height=t.clientHeight+"px")}function E(){return[[1,0,0],[0,1,0],[0,0,1]]}function S(e,t){var n=E();for(var r=0;r<3;r++)for(var i=0;i<3;i++){var s=0;for(var o=0;o<3;o++)s+=e[r][o]*t[o][i];n[r][i]=s}return n}function x(e,t){t.fillStyle=e.fillStyle,t.lineCap=e.lineCap,t.lineJoin=e.lineJoin,t.lineWidth=e.lineWidth,t.miterLimit=e.miterLimit,t.shadowBlur=e.shadowBlur,t.shadowColor=e.shadowColor,t.shadowOffsetX=e.shadowOffsetX,t.shadowOffsetY=e.shadowOffsetY,t.strokeStyle=e.strokeStyle,t.globalAlpha=e.globalAlpha,t.font=e.font,t.textAlign=e.textAlign,t.textBaseline=e.textBaseline,t.scaleX_=e.scaleX_,t.scaleY_=e.scaleY_,t.lineScale_=e.lineScale_}function N(e){var t=e.indexOf("(",3),n=e.indexOf(")",t+1),r=e.substring(t+1,n).split(",");if(r.length!=4||e.charAt(3)!="a")r[3]=1;return r}function C(e){return parseFloat(e)/100}function k(e,t,n){return Math.min(n,Math.max(t,e))}function L(e){var t,n,r,i,s,o;i=parseFloat(e[0])/360%360,i<0&&i++,s=k(C(e[1]),0,1),o=k(C(e[2]),0,1);if(s==0)t=n=r=o;else{var u=o<.5?o*(1+s):o+s-o*s,a=2*o-u;t=A(a,u,i+1/3),n=A(a,u,i),r=A(a,u,i-1/3)}return"#"+y[Math.floor(t*255)]+y[Math.floor(n*255)]+y[Math.floor(r*255)]}function A(e,t,n){return n<0&&n++,n>1&&n--,6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function M(e){if(e in O)return O[e];var t,n=1;e=String(e);if(e.charAt(0)=="#")t=e;else if(/^rgb/.test(e)){var r=N(e),t="#",i;for(var s=0;s<3;s++)r[s].indexOf("%")!=-1?i=Math.floor(C(r[s])*255):i=+r[s],t+=y[k(i,0,255)];n=+r[3]}else if(/^hsl/.test(e)){var r=N(e);t=L(r),n=r[3]}else t=T[e]||e;return O[e]={color:t,alpha:n}}function P(e){if(D[e])return D[e];var t=document.createElement("div"),n=t.style,r;try{n.font=e,r=n.fontFamily.split(",")[0]}catch(i){}return D[e]={style:n.fontStyle||_.style,variant:n.fontVariant||_.variant,weight:n.fontWeight||_.weight,size:n.fontSize||_.size,family:r||_.family}}function H(e,t){var n={};for(var r in e)n[r]=e[r];var i=parseFloat(t.currentStyle.fontSize),s=parseFloat(e.size);return typeof e.size=="number"?n.size=e.size:e.size.indexOf("px")!=-1?n.size=s:e.size.indexOf("em")!=-1?n.size=i*s:e.size.indexOf("%")!=-1?n.size=i/100*s:e.size.indexOf("pt")!=-1?n.size=s/.75:n.size=i,n}function B(e){return e.style+" "+e.variant+" "+e.weight+" "+e.size+"px '"+e.family+"'"}function F(e){return j[e]||"square"}function I(e){this.m_=E(),this.mStack_=[],this.aStack_=[],this.currentPath_=[],this.strokeStyle="#000",this.fillStyle="#000",this.lineWidth=1,this.lineJoin="miter",this.lineCap="butt",this.miterLimit=o*1,this.globalAlpha=1,this.font="12px 微软雅黑",this.textAlign="left",this.textBaseline="alphabetic",this.canvas=e;var t="width:"+e.clientWidth+"px;height:"+e.clientHeight+"px;overflow:hidden;position:absolute",n=e.ownerDocument.createElement("div");n.style.cssText=t,e.appendChild(n);var r=n.cloneNode(!1);r.style.backgroundColor="#fff",r.style.filter="alpha(opacity=0)",e.appendChild(r),this.element_=n,this.scaleX_=1,this.scaleY_=1,this.lineScale_=1}function R(e,t,n,r){e.currentPath_.push({type:"bezierCurveTo",cp1x:t.x,cp1y:t.y,cp2x:n.x,cp2y:n.y,x:r.x,y:r.y}),e.currentX_=r.x,e.currentY_=r.y}function U(e,t){var n=M(e.strokeStyle),r=n.color,i=n.alpha*e.globalAlpha,s=e.lineScale_*e.lineWidth;s<1&&(i*=s),t.push("<g_vml_:stroke",' opacity="',i,'"',' joinstyle="',e.lineJoin,'"',' miterlimit="',e.miterLimit,'"',' endcap="',F(e.lineCap),'"',' weight="',s,'px"',' color="',r,'" />')}function z(t,n,r,i){var s=t.fillStyle,u=t.scaleX_,a=t.scaleY_,f=i.x-r.x,l=i.y-r.y;if(s instanceof $){var c=0,h={x:0,y:0},p=0,d=1;if(s.type_=="gradient"){var v=s.x0_/u,m=s.y0_/a,g=s.x1_/u,y=s.y1_/a,b=W(t,v,m),w=W(t,g,y),E=w.x-b.x,S=w.y-b.y;c=Math.atan2(E,S)*180/Math.PI,c<0&&(c+=360),c<1e-6&&(c=0)}else{var b=W(t,s.x0_,s.y0_);h={x:(b.x-r.x)/f,y:(b.y-r.y)/l},f/=u*o,l/=a*o;var x=e.max(f,l);p=2*s.r0_/x,d=2*s.r1_/x-p}var T=s.colors_;T.sort(function(e,t){return e.offset-t.offset});var N=T.length,C=T[0].color,k=T[N-1].color,L=T[0].alpha*t.globalAlpha,A=T[N-1].alpha*t.globalAlpha,O=[];for(var _=0;_<N;_++){var D=T[_];O.push(D.offset*d+p+" "+D.color)}n.push('<g_vml_:fill type="',s.type_,'"',' method="none" focus="100%"',' color="',C,'"',' color2="',k,'"',' colors="',O.join(","),'"',' opacity="',A,'"',' g_o_:opacity2="',L,'"',' angle="',c,'"',' focusposition="',h.x,",",h.y,'" />')}else if(s instanceof J){if(f&&l){var P=-r.x,H=-r.y;n.push("<g_vml_:fill",' position="',P/f*u*u,",",H/l*a*a,'"',' type="tile"',' src="',s.src_,'" />')}}else{var B=M(t.fillStyle),j=B.color,F=B.alpha*t.globalAlpha;n.push('<g_vml_:fill color="',j,'" opacity="',F,'" />')}}function W(e,t,n){var r=e.m_;return{x:o*(t*r[0][0]+n*r[1][0]+r[2][0])-u,y:o*(t*r[0][1]+n*r[1][1]+r[2][1])-u}}function X(e){return isFinite(e[0][0])&&isFinite(e[0][1])&&isFinite(e[1][0])&&isFinite(e[1][1])&&isFinite(e[2][0])&&isFinite(e[2][1])}function V(e,t,n){if(!X(t))return;e.m_=t,e.scaleX_=Math.sqrt(t[0][0]*t[0][0]+t[0][1]*t[0][1]),e.scaleY_=Math.sqrt(t[1][0]*t[1][0]+t[1][1]*t[1][1]);if(n){var r=t[0][0]*t[1][1]-t[0][1]*t[1][0];e.lineScale_=s(i(r))}}function $(e){this.type_=e,this.x0_=0,this.y0_=0,this.r0_=0,this.x1_=0,this.y1_=0,this.r1_=0,this.colors_=[]}function J(e,t){Q(e);switch(t){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=t;break;default:K("SYNTAX_ERR")}this.src_=e.src,this.width_=e.width,this.height_=e.height}function K(e){throw new G(e)}function Q(e){(!e||e.nodeType!=1||e.tagName!="IMG")&&K("TYPE_MISMATCH_ERR"),e.readyState!="complete"&&K("INVALID_STATE_ERR")}function G(e){this.code=this[e],this.message=e+": DOM Exception "+this.code}var e=Math,t=e.round,n=e.sin,r=e.cos,i=e.abs,s=e.sqrt,o=10,u=o/2,a=+navigator.userAgent.match(/MSIE ([\d.]+)?/)[1],l=Array.prototype.slice;d(document);var v={init:function(e){var t=e||document;t.createElement("canvas"),t.attachEvent("onreadystatechange",c(this.init_,this,t))},init_:function(e){var t=e.getElementsByTagName("canvas");for(var n=0;n<t.length;n++)this.initElement(t[n])},initElement:function(e){if(!e.getContext){e.getContext=f,d(e.ownerDocument),e.innerHTML="",e.attachEvent("onpropertychange",m),e.attachEvent("onresize",g);var t=e.attributes;t.width&&t.width.specified?e.style.width=t.width.nodeValue+"px":e.width=e.clientWidth,t.height&&t.height.specified?e.style.height=t.height.nodeValue+"px":e.height=e.clientHeight}return e}};v.init();var y=[];for(var b=0;b<16;b++)for(var w=0;w<16;w++)y[b*16+w]=b.toString(16)+w.toString(16);var T={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",grey:"#808080",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",oldlace:"#FDF5E6",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",whitesmoke:"#F5F5F5",yellowgreen:"#9ACD32"},O={},_={style:"normal",variant:"normal",weight:"normal",size:12,family:"微软雅黑"},D={},j={butt:"flat",round:"round"},q=I.prototype;q.clearRect=function(){this.textMeasureEl_&&(this.textMeasureEl_.removeNode(!0),this.textMeasureEl_=null),this.element_.innerHTML=""},q.beginPath=function(){this.currentPath_=[]},q.moveTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"moveTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.lineTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"lineTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.bezierCurveTo=function(e,t,n,r,i,s){var o=W(this,i,s),u=W(this,e,t),a=W(this,n,r);R(this,u,a,o)},q.quadraticCurveTo=function(e,t,n,r){var i=W(this,e,t),s=W(this,n,r),o={x:this.currentX_+2/3*(i.x-this.currentX_),y:this.currentY_+2/3*(i.y-this.currentY_)},u={x:o.x+(s.x-this.currentX_)/3,y:o.y+(s.y-this.currentY_)/3};R(this,o,u,s)},q.arc=function(e,t,i,s,a,f){i*=o;var l=f?"at":"wa",c=e+r(s)*i-u,h=t+n(s)*i-u,p=e+r(a)*i-u,d=t+n(a)*i-u;c==p&&!f&&(c+=.125);var v=W(this,e,t),m=W(this,c,h),g=W(this,p,d);this.currentPath_.push({type:l,x:v.x,y:v.y,radius:i,xStart:m.x,yStart:m.y,xEnd:g.x,yEnd:g.y})},q.rect=function(e,t,n,r){this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath()},q.strokeRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.stroke(),this.currentPath_=i},q.fillRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.fill(),this.currentPath_=i},q.createLinearGradient=function(e,t,n,r){var i=new $("gradient");return i.x0_=e,i.y0_=t,i.x1_=n,i.y1_=r,i},q.createRadialGradient=function(e,t,n,r,i,s){var o=new $("gradientradial");return o.x0_=e,o.y0_=t,o.r0_=n,o.x1_=r,o.y1_=i,o.r1_=s,o},q.drawImage=function(n,r){var i,s,u,a,f,l,c,h,p=n.runtimeStyle.width,d=n.runtimeStyle.height;n.runtimeStyle.width="auto",n.runtimeStyle.height="auto";var v=n.width,m=n.height;n.runtimeStyle.width=p,n.runtimeStyle.height=d;if(arguments.length==3)i=arguments[1],s=arguments[2],f=l=0,c=u=v,h=a=m;else if(arguments.length==5)i=arguments[1],s=arguments[2],u=arguments[3],a=arguments[4],f=l=0,c=v,h=m;else{if(arguments.length!=9)throw Error("Invalid number of arguments");f=arguments[1],l=arguments[2],c=arguments[3],h=arguments[4],i=arguments[5],s=arguments[6],u=arguments[7],a=arguments[8]}var g=W(this,i,s),y=c/2,b=h/2,w=[],E=10,S=10,x=N=1;w.push(" <g_vml_:group",' coordsize="',o*E,",",o*S,'"',' coordorigin="0,0"',' style="width:',E,"px;height:",S,"px;position:absolute;");if(this.m_[0][0]!=1||this.m_[0][1]||this.m_[1][1]!=1||this.m_[1][0]){var T=[],x=this.scaleX_,N=this.scaleY_;T.push("M11=",this.m_[0][0]/x,",","M12=",this.m_[1][0]/N,",","M21=",this.m_[0][1]/x,",","M22=",this.m_[1][1]/N,",","Dx=",t(g.x/o),",","Dy=",t(g.y/o),"");var C=g,k=W(this,i+u,s),L=W(this,i,s+a),A=W(this,i+u,s+a);C.x=e.max(C.x,k.x,L.x,A.x),C.y=e.max(C.y,k.y,L.y,A.y),w.push("padding:0 ",t(C.x/o),"px ",t(C.y/o),"px 0;filter:progid:DXImageTransform.Microsoft.Matrix(",T.join(""),", SizingMethod='clip');")}else w.push("top:",t(g.y/o),"px;left:",t(g.x/o),"px;");w.push(' ">'),(f||l)&&w.push('<div style="overflow: hidden; width:',Math.ceil((u+f*u/c)*x),"px;"," height:",Math.ceil((a+l*a/h)*N),"px;"," filter:progid:DxImageTransform.Microsoft.Matrix(Dx=",-f*u/c*x,",Dy=",-l*a/h*N,');">'),w.push('<div style="width:',Math.round(x*v*u/c),"px;"," height:",Math.round(N*m*a/h),"px;"," filter:"),this.globalAlpha<1&&w.push(" progid:DXImageTransform.Microsoft.Alpha(opacity="+this.globalAlpha*100+")"),w.push(" progid:DXImageTransform.Microsoft.AlphaImageLoader(src=",n.src,',sizingMethod=scale)">'),(f||l)&&w.push("</div>"),w.push("</div></div>"),this.element_.insertAdjacentHTML("BeforeEnd",w.join(""))},q.stroke=function(e){var n=[],r=!1,i=10,s=10;n.push("<g_vml_:shape",' filled="',!!e,'"',' style="position:absolute;width:',i,"px;height:",s,'px;"',' coordorigin="0,0"',' coordsize="',o*i,",",o*s,'"',' stroked="',!e,'"',' path="');var u=!1,a={x:null,y:null},f={x:null,y:null};for(var l=0;l<this.currentPath_.length;l++){var c=this.currentPath_[l],h;switch(c.type){case"moveTo":h=c,n.push(" m ",t(c.x),",",t(c.y));break;case"lineTo":n.push(" l ",t(c.x),",",t(c.y));break;case"close":n.push(" x "),c=null;break;case"bezierCurveTo":n.push(" c ",t(c.cp1x),",",t(c.cp1y),",",t(c.cp2x),",",t(c.cp2y),",",t(c.x),",",t(c.y));break;case"at":case"wa":n.push(" ",c.type," ",t(c.x-this.scaleX_*c.radius),",",t(c.y-this.scaleY_*c.radius)," ",t(c.x+this.scaleX_*c.radius),",",t(c.y+this.scaleY_*c.radius)," ",t(c.xStart),",",t(c.yStart)," ",t(c.xEnd),",",t(c.yEnd))}if(c){if(a.x==null||c.x<a.x)a.x=c.x;if(f.x==null||c.x>f.x)f.x=c.x;if(a.y==null||c.y<a.y)a.y=c.y;if(f.y==null||c.y>f.y)f.y=c.y}}n.push(' ">'),e?z(this,n,a,f):U(this,n),n.push("</g_vml_:shape>"),this.element_.insertAdjacentHTML("beforeEnd",n.join(""))},q.fill=function(){this.stroke(!0)},q.closePath=function(){this.currentPath_.push({type:"close"})},q.save=function(){var e={};x(this,e),this.aStack_.push(e),this.mStack_.push(this.m_),this.m_=S(E(),this.m_)},q.restore=function(){this.aStack_.length&&(x(this.aStack_.pop(),this),this.m_=this.mStack_.pop())},q.translate=function(e,t){var n=[[1,0,0],[0,1,0],[e,t,1]];V(this,S(n,this.m_),!1)},q.rotate=function(e){var t=r(e),i=n(e),s=[[t,i,0],[-i,t,0],[0,0,1]];V(this,S(s,this.m_),!1)},q.scale=function(e,t){var n=[[e,0,0],[0,t,0],[0,0,1]];V(this,S(n,this.m_),!0)},q.transform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,S(o,this.m_),!0)},q.setTransform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,o,!0)},q.drawText_=function(e,n,r,i,s){var u=this.m_,a=1e3,f=0,l=a,c={x:0,y:0},p=[],d=H(P(this.font),this.element_),v=B(d),m=this.element_.currentStyle,g=this.textAlign.toLowerCase();switch(g){case"left":case"center":case"right":break;case"end":g=m.direction=="ltr"?"right":"left";break;case"start":g=m.direction=="rtl"?"right":"left";break;default:g="left"}switch(this.textBaseline){case"hanging":case"top":c.y=d.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":c.y=-d.size/2.25}switch(g){case"right":f=a,l=.05;break;case"center":f=l=a/2}var y=W(this,n+c.x,r+c.y);p.push('<g_vml_:line from="',-f,' 0" to="',l,' 0.05" ',' coordsize="100 100" coordorigin="0 0"',' filled="',!s,'" stroked="',!!s,'" style="position:absolute;width:1px;height:1px;">'),s?U(this,p):z(this,p,{x:-f,y:0},{x:l,y:d.size});var b=u[0][0].toFixed(3)+","+u[1][0].toFixed(3)+","+u[0][1].toFixed(3)+","+u[1][1].toFixed(3)+",0,0",w=t(y.x/o)+","+t(y.y/o);p.push('<g_vml_:skew on="t" matrix="',b,'" ',' offset="',w,'" origin="',f,' 0" />','<g_vml_:path textpathok="true" />','<g_vml_:textpath on="true" string="',h(e),'" style="v-text-align:',g,";font:",h(v),'" /></g_vml_:line>'),this.element_.insertAdjacentHTML("beforeEnd",p.join(""))},q.fillText=function(e,t,n,r){this.drawText_(e,t,n,r,!1)},q.strokeText=function(e,t,n,r){this.drawText_(e,t,n,r,!0)},q.measureText=function(e){if(!this.textMeasureEl_){var t='<span style="position:absolute;top:-20000px;left:0;padding:0;margin:0;border:none;white-space:pre;"></span>';this.element_.insertAdjacentHTML("beforeEnd",t),this.textMeasureEl_=this.element_.lastChild}var n=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";try{this.textMeasureEl_.style.font=this.font}catch(r){}return this.textMeasureEl_.appendChild(n.createTextNode(e)),{width:this.textMeasureEl_.offsetWidth}},q.clip=function(){},q.arcTo=function(){},q.createPattern=function(e,t){return new J(e,t)},$.prototype.addColorStop=function(e,t){t=M(t),this.colors_.push({offset:e,color:t.color,alpha:t.alpha})};var Y=G.prototype=new Error;Y.INDEX_SIZE_ERR=1,Y.DOMSTRING_SIZE_ERR=2,Y.HIERARCHY_REQUEST_ERR=3,Y.WRONG_DOCUMENT_ERR=4,Y.INVALID_CHARACTER_ERR=5,Y.NO_DATA_ALLOWED_ERR=6,Y.NO_MODIFICATION_ALLOWED_ERR=7,Y.NOT_FOUND_ERR=8,Y.NOT_SUPPORTED_ERR=9,Y.INUSE_ATTRIBUTE_ERR=10,Y.INVALID_STATE_ERR=11,Y.SYNTAX_ERR=12,Y.INVALID_MODIFICATION_ERR=13,Y.NAMESPACE_ERR=14,Y.INVALID_ACCESS_ERR=15,Y.VALIDATION_ERR=16,Y.TYPE_MISMATCH_ERR=17,G_vmlCanvasManager=v,CanvasRenderingContext2D=I,CanvasGradient=$,CanvasPattern=J,DOMException=G}(),G_vmlCanvasManager}),define("zrender/tool/util",["require","../dep/excanvas"],function(e){function u(e){return e&&e.nodeType===1&&typeof e.nodeName=="string"}function a(e){if(typeof e=="object"&&e!==null){var t=e;if(e instanceof Array){t=[];for(var n=0,r=e.length;n<r;n++)t[n]=a(e[n])}else if(!s[o.call(e)]&&!u(e)){t={};for(var i in e)e.hasOwnProperty(i)&&(t[i]=a(e[i]))}return t}return e}function f(e,t,n,r){if(t.hasOwnProperty(n)){var i=e[n];if(typeof i=="object"&&!s[o.call(i)]&&!u(i))l(e[n],t[n],r);else if(r||!(n in e))e[n]=t[n]}}function l(e,t,n){for(var r in t)f(e,t,r,n);return e}function h(){if(!c){e("../dep/excanvas");if(window.G_vmlCanvasManager){var t=document.createElement("div");t.style.position="absolute",t.style.top="-1000px",document.body.appendChild(t),c=G_vmlCanvasManager.initElement(t).getContext("2d")}else c=document.createElement("canvas").getContext("2d")}return c}function p(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1}function d(e,t){function r(){}var n=e.prototype;r.prototype=t.prototype,e.prototype=new r;for(var i in n)e.prototype[i]=n[i];e.constructor=e}function v(e,t,r){if(!e||!t)return;if(e.forEach&&e.forEach===n)e.forEach(t,r);else if(e.length===+e.length)for(var i=0,s=e.length;i<s;i++)t.call(r,e[i],i,e);else for(var o in e)e.hasOwnProperty(o)&&t.call(r,e[o],o,e)}function m(e,t,n){if(!e||!t)return;if(e.map&&e.map===r)return e.map(t,n);var i=[];for(var s=0,o=e.length;s<o;s++)i.push(t.call(n,e[s],s,e));return i}function g(e,t,n){if(!e||!t)return;if(e.filter&&e.filter===i)return e.filter(t,n);var r=[];for(var s=0,o=e.length;s<o;s++)t.call(n,e[s],s,e)&&r.push(e[s]);return r}function y(e,t){return function(){e.apply(t,arguments)}}var t=Array.prototype,n=t.forEach,r=t.map,i=t.filter,s={"[object Function]":1,"[object RegExp]":1,"[object Date]":1,"[object Error]":1,"[object CanvasGradient]":1},o=Object.prototype.toString,c;return{inherits:d,clone:a,merge:l,getContext:h,indexOf:p,each:v,map:m,filter:g,bind:y}}),define("zrender/config",[],function(){var e={EVENT:{RESIZE:"resize",CLICK:"click",DBLCLICK:"dblclick",MOUSEWHEEL:"mousewheel",MOUSEMOVE:"mousemove",MOUSEOVER:"mouseover",MOUSEOUT:"mouseout",MOUSEDOWN:"mousedown",MOUSEUP:"mouseup",GLOBALOUT:"globalout",DRAGSTART:"dragstart",DRAGEND:"dragend",DRAGENTER:"dragenter",DRAGOVER:"dragover",DRAGLEAVE:"dragleave",DROP:"drop",touchClickDelay:300},elementClassName:"zr-element",catchBrushException:!1,debugMode:0,devicePixelRatio:Math.max(window.devicePixelRatio||1,1)};return e}),define("zrender/tool/log",["require","../config"],function(e){var t=e("../config");return function(){if(t.debugMode===0)return;if(t.debugMode==1)for(var e in arguments)throw new Error(arguments[e]);else if(t.debugMode>1)for(var e in arguments)console.log(arguments[e])}}),define("zrender/tool/guid",[],function(){var e=2311;return function(){return"zrender__"+e++}}),define("zrender/tool/env",[],function(){function e(e){var t=this.os={},n=this.browser={},r=e.match(/Web[kK]it[\/]{0,1}([\d.]+)/),i=e.match(/(Android);?[\s\/]+([\d.]+)?/),s=e.match(/(iPad).*OS\s([\d_]+)/),o=e.match(/(iPod)(.*OS\s([\d_]+))?/),u=!s&&e.match(/(iPhone\sOS)\s([\d_]+)/),a=e.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),f=a&&e.match(/TouchPad/),l=e.match(/Kindle\/([\d.]+)/),c=e.match(/Silk\/([\d._]+)/),h=e.match(/(BlackBerry).*Version\/([\d.]+)/),p=e.match(/(BB10).*Version\/([\d.]+)/),d=e.match(/(RIM\sTablet\sOS)\s([\d.]+)/),v=e.match(/PlayBook/),m=e.match(/Chrome\/([\d.]+)/)||e.match(/CriOS\/([\d.]+)/),g=e.match(/Firefox\/([\d.]+)/),y=e.match(/MSIE ([\d.]+)/),b=r&&e.match(/Mobile\//)&&!m,w=e.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/)&&!m,y=e.match(/MSIE\s([\d.]+)/);if(n.webkit=!!r)n.version=r[1];return i&&(t.android=!0,t.version=i[2]),u&&!o&&(t.ios=t.iphone=!0,t.version=u[2].replace(/_/g,".")),s&&(t.ios=t.ipad=!0,t.version=s[2].replace(/_/g,".")),o&&(t.ios=t.ipod=!0,t.version=o[3]?o[3].replace(/_/g,"."):null),a&&(t.webos=!0,t.version=a[2]),f&&(t.touchpad=!0),h&&(t.blackberry=!0,t.version=h[2]),p&&(t.bb10=!0,t.version=p[2]),d&&(t.rimtabletos=!0,t.version=d[2]),v&&(n.playbook=!0),l&&(t.kindle=!0,t.version=l[1]),c&&(n.silk=!0,n.version=c[1]),!c&&t.android&&e.match(/Kindle Fire/)&&(n.silk=!0),m&&(n.chrome=!0,n.version=m[1]),g&&(n.firefox=!0,n.version=g[1]),y&&(n.ie=!0,n.version=y[1]),b&&(e.match(/Safari/)||!!t.ios)&&(n.safari=!0),w&&(n.webview=!0),y&&(n.ie=!0,n.version=y[1]),t.tablet=!!(s||v||i&&!e.match(/Mobile/)||g&&e.match(/Tablet/)||y&&!e.match(/Phone/)&&e.match(/Touch/)),t.phone=!!(!t.tablet&&!t.ipod&&(i||u||a||h||p||m&&e.match(/Android/)||m&&e.match(/CriOS\/([\d.]+)/)||g&&e.match(/Mobile/)||y&&e.match(/Touch/))),{browser:n,os:t,canvasSupported:document.createElement("canvas").getContext?!0:!1}}return e(navigator.userAgent)}),define("zrender/mixin/Eventful",["require"],function(e){var t=function(){this._handlers={}};return t.prototype.one=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!0,ctx:n||this}),this)},t.prototype.bind=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!1,ctx:n||this}),this)},t.prototype.unbind=function(e,t){var n=this._handlers;if(!e)return this._handlers={},this;if(t){if(n[e]){var r=[];for(var i=0,s=n[e].length;i<s;i++)n[e][i]["h"]!=t&&r.push(n[e][i]);n[e]=r}n[e]&&n[e].length===0&&delete n[e]}else delete n[e];return this},t.prototype.dispatch=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>3&&(t=Array.prototype.slice.call(t,1));var r=this._handlers[e],i=r.length;for(var s=0;s<i;){switch(n){case 1:r[s].h.call(r[s].ctx);break;case 2:r[s].h.call(r[s].ctx,t[1]);break;case 3:r[s].h.call(r[s].ctx,t[1],t[2]);break;default:r[s].h.apply(r[s].ctx,t)}r[s].one?(r.splice(s,1),i--):s++}}return this},t.prototype.dispatchWithContext=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>4&&(t=Array.prototype.slice.call(t,1,t.length-1));var r=t[t.length-1],i=this._handlers[e],s=i.length;for(var o=0;o<s;){switch(n){case 1:i[o].h.call(r);break;case 2:i[o].h.call(r,t[1]);break;case 3:i[o].h.call(r,t[1],t[2]);break;default:i[o].h.apply(r,t)}i[o].one?(i.splice(o,1),s--):o++}}return this},t}),define("zrender/tool/event",["require","../mixin/Eventful"],function(e){function n(e){return typeof e.zrenderX!="undefined"&&e.zrenderX||typeof e.offsetX!="undefined"&&e.offsetX||typeof e.layerX!="undefined"&&e.layerX||typeof e.clientX!="undefined"&&e.clientX}function r(e){return typeof e.zrenderY!="undefined"&&e.zrenderY||typeof e.offsetY!="undefined"&&e.offsetY||typeof e.layerY!="undefined"&&e.layerY||typeof e.clientY!="undefined"&&e.clientY}function i(e){return typeof e.zrenderDelta!="undefined"&&e.zrenderDelta||typeof e.wheelDelta!="undefined"&&e.wheelDelta||typeof e.detail!="undefined"&&-e.detail}var t=e("../mixin/Eventful"),s=typeof window.addEventListener=="function"?function(e){e.preventDefault(),e.stopPropagation(),e.cancelBubble=!0}:function(e){e.returnValue=!1,e.cancelBubble=!0};return{getX:n,getY:r,getDelta:i,stop:s,Dispatcher:t}}),define("zrender/tool/vector",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(t,n){var r=new e(2);return r[0]=t||0,r[1]=n||0,r},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e},clone:function(t){var n=new e(2);return n[0]=t[0],n[1]=t[1],n},set:function(e,t,n){return e[0]=t,e[1]=n,e},add:function(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e},scaleAndAdd:function(e,t,n,r){return e[0]=t[0]+n[0]*r,e[1]=t[1]+n[1]*r,e},sub:function(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e},len:function(e){return Math.sqrt(this.lenSquare(e))},lenSquare:function(e){return e[0]*e[0]+e[1]*e[1]},mul:function(e,t,n){return e[0]=t[0]*n[0],e[1]=t[1]*n[1],e},div:function(e,t,n){return e[0]=t[0]/n[0],e[1]=t[1]/n[1],e},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]},scale:function(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e},normalize:function(e,n){var r=t.len(n);return r===0?(e[0]=0,e[1]=0):(e[0]=n[0]/r,e[1]=n[1]/r),e},distance:function(e,t){return Math.sqrt((e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1]))},distanceSquare:function(e,t){return(e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1])},negate:function(e,t){return e[0]=-t[0],e[1]=-t[1],e},lerp:function(e,t,n,r){return e[0]=t[0]+r*(n[0]-t[0]),e[1]=t[1]+r*(n[1]-t[1]),e},applyTransform:function(e,t,n){var r=t[0],i=t[1];return e[0]=n[0]*r+n[2]*i+n[4],e[1]=n[1]*r+n[3]*i+n[5],e},min:function(e,t,n){return e[0]=Math.min(t[0],n[0]),e[1]=Math.min(t[1],n[1]),e},max:function(e,t,n){return e[0]=Math.max(t[0],n[0]),e[1]=Math.max(t[1],n[1]),e}};return t.length=t.len,t.lengthSquare=t.lenSquare,t.dist=t.distance,t.distSquare=t.distanceSquare,t}),define("zrender/tool/matrix",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(){var n=new e(6);return t.identity(n),n},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e[4]=0,e[5]=0,e},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e},mul:function(e,t,n){return e[0]=t[0]*n[0]+t[2]*n[1],e[1]=t[1]*n[0]+t[3]*n[1],e[2]=t[0]*n[2]+t[2]*n[3],e[3]=t[1]*n[2]+t[3]*n[3],e[4]=t[0]*n[4]+t[2]*n[5]+t[4],e[5]=t[1]*n[4]+t[3]*n[5]+t[5],e},translate:function(e,t,n){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4]+n[0],e[5]=t[5]+n[1],e},rotate:function(e,t,n){var r=t[0],i=t[2],s=t[4],o=t[1],u=t[3],a=t[5],f=Math.sin(n),l=Math.cos(n);return e[0]=r*l+o*f,e[1]=-r*f+o*l,e[2]=i*l+u*f,e[3]=-i*f+l*u,e[4]=l*s+f*a,e[5]=l*a-f*s,e},scale:function(e,t,n){var r=n[0],i=n[1];return e[0]=t[0]*r,e[1]=t[1]*i,e[2]=t[2]*r,e[3]=t[3]*i,e[4]=t[4]*r,e[5]=t[5]*i,e},invert:function(e,t){var n=t[0],r=t[2],i=t[4],s=t[1],o=t[3],u=t[5],a=n*o-s*r;return a?(a=1/a,e[0]=o*a,e[1]=-s*a,e[2]=-r*a,e[3]=n*a,e[4]=(r*u-o*i)*a,e[5]=(s*i-n*u)*a,e):null}};return t}),define("zrender/Handler",["require","./config","./tool/env","./tool/event","./tool/util","./tool/vector","./tool/matrix","./mixin/Eventful"],function(e){function h(e,t){return function(n){return e.call(t,n)}}function p(e,t){return function(n,r,i){return e.call(t,n,r,i)}}function d(e){var t=f.length;while(t--){var n=f[t];e["_"+n+"Handler"]=h(c[n],e)}}function g(e,t,n){if(this._draggingTarget&&this._draggingTarget.id==e.id||e.isSilent())return!1;var r=this._event;if(e.isCover(t,n)){e.hoverable&&this.storage.addHover(e);var i=e.parent;while(i){if(i.clipShape&&!i.clipShape.isCover(this._mouseX,this._mouseY))return!1;i=i.parent}return this._lastHover!=e&&(this._processOutShape(r),this._processDragLeave(r),this._lastHover=e,this._processDragEnter(r)),this._processOverShape(r),this._processDragOver(r),this._hasfound=1,!0}return!1}var t=e("./config"),n=e("./tool/env"),r=e("./tool/event"),i=e("./tool/util"),s=e("./tool/vector"),o=e("./tool/matrix"),u=t.EVENT,a=e("./mixin/Eventful"),f=["resize","click","dblclick","mousewheel","mousemove","mouseout","mouseup","mousedown","touchstart","touchend","touchmove"],l=function(e){if(window.G_vmlCanvasManager)return!0;e=e||window.event;var n=e.toElement||e.relatedTarget||e.srcElement||e.target;return n&&n.className.match(t.elementClassName)},c={resize:function(e){e=e||window.event,this._lastHover=null,this._isMouseDown=0,this.dispatch(u.RESIZE,e)},click:function(e){if(!l(e))return;e=this._zrenderEventFixed(e);var t=this._lastHover;(t&&t.clickable||!t)&&this._clickThreshold<5&&this._dispatchAgency(t,u.CLICK,e),this._mousemoveHandler(e)},dblclick:function(e){if(!l(e))return;e=e||window.event,e=this._zrenderEventFixed(e);var t=this._lastHover;(t&&t.clickable||!t)&&this._clickThreshold<5&&this._dispatchAgency(t,u.DBLCLICK,e),this._mousemoveHandler(e)},mousewheel:function(e){if(!l(e))return;e=this._zrenderEventFixed(e);var t=e.wheelDelta||-e.detail,n=t>0?1.1:1/1.1,i=!1,s=this._mouseX,o=this._mouseY;this.painter.eachBuildinLayer(function(t){var u=t.position;if(t.zoomable){t.__zoom=t.__zoom||1;var a=t.__zoom;a*=n,a=Math.max(Math.min(t.maxZoom,a),t.minZoom),n=a/t.__zoom,t.__zoom=a,u[0]-=(s-u[0])*(n-1),u[1]-=(o-u[1])*(n-1),t.scale[0]*=n,t.scale[1]*=n,t.dirty=!0,i=!0,r.stop(e)}}),i&&this.painter.refresh(),this._dispatchAgency(this._lastHover,u.MOUSEWHEEL,e),this._mousemoveHandler(e)},mousemove:function(e){if(!l(e))return;if(this.painter.isLoading())return;e=this._zrenderEventFixed(e),this._lastX=this._mouseX,this._lastY=this._mouseY,this._mouseX=r.getX(e),this._mouseY=r.getY(e);var t=this._mouseX-this._lastX,n=this._mouseY-this._lastY;this._processDragStart(e),this._hasfound=0,this._event=e,this._iterateAndFindHover();if(!this._hasfound){if(!this._draggingTarget||this._lastHover&&this._lastHover!=this._draggingTarget)this._processOutShape(e),this._processDragLeave(e);this._lastHover=null,this.storage.delHover(),this.painter.clearHover()}var i="default";if(this._draggingTarget)this.storage.drift(this._draggingTarget.id,t,n),this._draggingTarget.modSelf(),this.storage.addHover(this._draggingTarget),this._clickThreshold++;else if(this._isMouseDown){var s=!1;this.painter.eachBuildinLayer(function(e){e.panable&&(i="move",e.position[0]+=t,e.position[1]+=n,s=!0,e.dirty=!0)}),s&&this.painter.refresh()}this._draggingTarget||this._hasfound&&this._lastHover.draggable?i="move":this._hasfound&&this._lastHover.clickable&&(i="pointer"),this.root.style.cursor=i,this._dispatchAgency(this._lastHover,u.MOUSEMOVE,e),(this._draggingTarget||this._hasfound||this.storage.hasHoverShape())&&this.painter.refreshHover()},mouseout:function(e){if(!l(e))return;e=this._zrenderEventFixed(e);var t=e.toElement||e.relatedTarget;if(t!=this.root)while(t&&t.nodeType!=9){if(t==this.root){this._mousemoveHandler(e);return}t=t.parentNode}e.zrenderX=this._lastX,e.zrenderY=this._lastY,this.root.style.cursor="default",this._isMouseDown=0,this._processOutShape(e),this._processDrop(e),this._processDragEnd(e),this.painter.isLoading()||this.painter.refreshHover(),this.dispatch(u.GLOBALOUT,e)},mousedown:function(e){if(!l(e))return;this._clickThreshold=0;if(this._lastDownButton==2){this._lastDownButton=e.button,this._mouseDownTarget=null;return}this._lastMouseDownMoment=new Date,e=this._zrenderEventFixed(e),this._isMouseDown=1,this._mouseDownTarget=this._lastHover,this._dispatchAgency(this._lastHover,u.MOUSEDOWN,e),this._lastDownButton=e.button},mouseup:function(e){if(!l(e))return;e=this._zrenderEventFixed(e),this.root.style.cursor="default",this._isMouseDown=0,this._mouseDownTarget=null,this._dispatchAgency(this._lastHover,u.MOUSEUP,e),this._processDrop(e),this._processDragEnd(e)},touchstart:function(e){if(!l(e))return;e=this._zrenderEventFixed(e,!0),this._lastTouchMoment=new Date,this._mobileFindFixed(e),this._mousedownHandler(e)},touchmove:function(e){if(!l(e))return;e=this._zrenderEventFixed(e,!0),this._mousemoveHandler(e),this._isDragging&&r.stop(e)},touchend:function(e){if(!l(e))return;e=this._zrenderEventFixed(e,!0),this._mouseupHandler(e);var t=new Date;t-this._lastTouchMoment<u.touchClickDelay&&(this._mobileFindFixed(e),this._clickHandler(e),t-this._lastClickMoment<u.touchClickDelay/2&&(this._dblclickHandler(e),this._lastHover&&this._lastHover.clickable&&r.stop(e)),this._lastClickMoment=t),this.painter.clearHover()}},v=function(e,t,r){a.call(this),this.root=e,this.storage=t,this.painter=r,this._lastX=this._lastY=this._mouseX=this._mouseY=0,this._findHover=p(g,this),this._domHover=r.getDomHover(),d(this),window.addEventListener?(window.addEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.addEventListener("touchstart",this._touchstartHandler),e.addEventListener("touchmove",this._touchmoveHandler),e.addEventListener("touchend",this._touchendHandler)):(e.addEventListener("click",this._clickHandler),e.addEventListener("dblclick",this._dblclickHandler),e.addEventListener("mousewheel",this._mousewheelHandler),e.addEventListener("mousemove",this._mousemoveHandler),e.addEventListener("mousedown",this._mousedownHandler),e.addEventListener("mouseup",this._mouseupHandler)),e.addEventListener("DOMMouseScroll",this._mousewheelHandler),e.addEventListener("mouseout",this._mouseoutHandler)):(window.attachEvent("onresize",this._resizeHandler),e.attachEvent("onclick",this._clickHandler),e.ondblclick=this._dblclickHandler,e.attachEvent("onmousewheel",this._mousewheelHandler),e.attachEvent("onmousemove",this._mousemoveHandler),e.attachEvent("onmouseout",this._mouseoutHandler),e.attachEvent("onmousedown",this._mousedownHandler),e.attachEvent("onmouseup",this._mouseupHandler))};v.prototype.on=function(e,t,n){return this.bind(e,t,n),this},v.prototype.un=function(e,t){return this.unbind(e,t),this},v.prototype.trigger=function(e,t){switch(e){case u.RESIZE:case u.CLICK:case u.DBLCLICK:case u.MOUSEWHEEL:case u.MOUSEMOVE:case u.MOUSEDOWN:case u.MOUSEUP:case u.MOUSEOUT:this["_"+e+"Handler"](t)}},v.prototype.dispose=function(){var e=this.root;window.removeEventListener?(window.removeEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.removeEventListener("touchstart",this._touchstartHandler),e.removeEventListener("touchmove",this._touchmoveHandler),e.removeEventListener("touchend",this._touchendHandler)):(e.removeEventListener("click",this._clickHandler),e.removeEventListener("dblclick",this._dblclickHandler),e.removeEventListener("mousewheel",this._mousewheelHandler),e.removeEventListener("mousemove",this._mousemoveHandler),e.removeEventListener("mousedown",this._mousedownHandler),e.removeEventListener("mouseup",this._mouseupHandler)),e.removeEventListener("DOMMouseScroll",this._mousewheelHandler),e.removeEventListener("mouseout",this._mouseoutHandler)):(window.detachEvent("onresize",this._resizeHandler),e.detachEvent("onclick",this._clickHandler),e.detachEvent("dblclick",this._dblclickHandler),e.detachEvent("onmousewheel",this._mousewheelHandler),e.detachEvent("onmousemove",this._mousemoveHandler),e.detachEvent("onmouseout",this._mouseoutHandler),e.detachEvent("onmousedown",this._mousedownHandler),e.detachEvent("onmouseup",this._mouseupHandler)),this.root=this._domHover=this.storage=this.painter=null,this.un()},v.prototype._processDragStart=function(e){var t=this._lastHover;if(this._isMouseDown&&t&&t.draggable&&!this._draggingTarget&&this._mouseDownTarget==t){if(t.dragEnableTime&&new Date-this._lastMouseDownMoment<t.dragEnableTime)return;var n=t;this._draggingTarget=n,this._isDragging=1,n.invisible=!0,this.storage.mod(n.id),this._dispatchAgency(n,u.DRAGSTART,e),this.painter.refresh()}},v.prototype._processDragEnter=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGENTER,e,this._draggingTarget)},v.prototype._processDragOver=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGOVER,e,this._draggingTarget)},v.prototype._processDragLeave=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGLEAVE,e,this._draggingTarget)},v.prototype._processDrop=function(e){this._draggingTarget&&(this._draggingTarget.invisible=!1,this.storage.mod(this._draggingTarget.id),this.painter.refresh(),this._dispatchAgency(this._lastHover,u.DROP,e,this._draggingTarget))},v.prototype._processDragEnd=function(e){this._draggingTarget&&(this._dispatchAgency(this._draggingTarget,u.DRAGEND,e),this._lastHover=null),this._isDragging=0,this._draggingTarget=null},v.prototype._processOverShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOVER,e)},v.prototype._processOutShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOUT,e)},v.prototype._dispatchAgency=function(e,t,n,r){var i="on"+t,s={type:t,event:n,target:e,cancelBubble:!1},o=e;r&&(s.dragged=r);while(o){o[i]&&(s.cancelBubble=o[i](s)),o.dispatch(t,s),o=o.parent;if(s.cancelBubble)break}if(e)s.cancelBubble||this.dispatch(t,s);else if(!r){var u={type:t,event:n};this.dispatch(t,u),this.painter.eachOtherLayer(function(e){typeof e[i]=="function"&&e[i](u),e.dispatch&&e.dispatch(t,u)})}},v.prototype._iterateAndFindHover=function(){var e=o.create();return function(){var t=this.storage.getShapeList(),n,r,i=[0,0];for(var u=t.length-1;u>=0;u--){var a=t[u];n!==a.zlevel&&(r=this.painter.getLayer(a.zlevel,r),i[0]=this._mouseX,i[1]=this._mouseY,r.needTransform&&(o.invert(e,r.transform),s.applyTransform(i,i,e)));if(this._findHover(a,i[0],i[1]))break}}}();var m=[{x:10},{x:-20},{x:10,y:10},{y:-20}];return v.prototype._mobileFindFixed=function(e){this._lastHover=null,this._mouseX=e.zrenderX,this._mouseY=e.zrenderY,this._event=e,this._iterateAndFindHover();for(var t=0;!this._lastHover&&t<m.length;t++){var n=m[t];n.x&&(this._mouseX+=n.x),n.y&&(this._mouseY+=n.y),this._iterateAndFindHover()}this._lastHover&&(e.zrenderX=this._mouseX,e.zrenderY=this._mouseY)},v.prototype._zrenderEventFixed=function(e,t){if(e.zrenderFixed)return e;if(!t){e=e||window.event;var n=e.toElement||e.relatedTarget||e.srcElement||e.target;n&&n!=this._domHover&&(e.zrenderX=(typeof e.offsetX!="undefined"?e.offsetX:e.layerX)+n.offsetLeft,e.zrenderY=(typeof e.offsetY!="undefined"?e.offsetY:e.layerY)+n.offsetTop)}else{var r=e.type!="touchend"?e.targetTouches[0]:e.changedTouches[0];if(r){var i=this.painter._domRoot.getBoundingClientRect();e.zrenderX=r.clientX-i.left,e.zrenderY=r.clientY-i.top}}return e.zrenderFixed=1,e},i.merge(v.prototype,a.prototype,!0),v}),define("zrender/tool/curve",["require","./vector"],function(e){function a(e){return e>-n&&e<n}function f(e){return e>n||e<-n}function l(e,t,n,r,i){var s=1-i;return s*s*(s*e+3*i*t)+i*i*(i*r+3*s*n)}function c(e,t,n,r,i){var s=1-i;return 3*(((t-e)*s+2*(n-t)*i)*s+(r-n)*i*i)}function h(e,t,n,s,o,u){var f=s+3*(t-n)-e,l=3*(n-t*2+e),c=3*(t-e),h=e-o,p=l*l-3*f*c,d=l*c-9*f*h,v=c*c-3*l*h,m=0;if(a(p)&&a(d))if(a(l))u[0]=0;else{var g=-c/l;g>=0&&g<=1&&(u[m++]=g)}else{var y=d*d-4*p*v;if(a(y)){var b=d/p,g=-l/f+b,w=-b/2;g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w)}else if(y>0){var E=Math.sqrt(y),S=p*l+1.5*f*(-d+E),x=p*l+1.5*f*(-d-E);S<0?S=-Math.pow(-S,i):S=Math.pow(S,i),x<0?x=-Math.pow(-x,i):x=Math.pow(x,i);var g=(-l-(S+x))/(3*f);g>=0&&g<=1&&(u[m++]=g)}else{var T=(2*p*l-3*f*d)/(2*Math.sqrt(p*p*p)),N=Math.acos(T)/3,C=Math.sqrt(p),k=Math.cos(N),g=(-l-2*C*k)/(3*f),w=(-l+C*(k+r*Math.sin(N)))/(3*f),L=(-l+C*(k-r*Math.sin(N)))/(3*f);g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w),L>=0&&L<=1&&(u[m++]=L)}}return m}function p(e,t,n,r,i){var s=6*n-12*t+6*e,o=9*t+3*r-3*e-9*n,u=3*t-3*e,l=0;if(a(o)){if(f(s)){var c=-u/s;c>=0&&c<=1&&(i[l++]=c)}}else{var h=s*s-4*o*u;if(a(h))i[0]=-s/(2*o);else if(h>0){var p=Math.sqrt(h),c=(-s+p)/(2*o),d=(-s-p)/(2*o);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function d(e,t,n,r,i,s){var o=(t-e)*i+e,u=(n-t)*i+t,a=(r-n)*i+n,f=(u-o)*i+o,l=(a-u)*i+u,c=(l-f)*i+f;s[0]=e,s[1]=o,s[2]=f,s[3]=c,s[4]=c,s[5]=l,s[6]=a,s[7]=r}function v(e,r,i,a,f,c,h,p,d,v,m){var g,y=.005,b=Infinity;s[0]=d,s[1]=v;for(var w=0;w<1;w+=.05){o[0]=l(e,i,f,h,w),o[1]=l(r,a,c,p,w);var E=t.distSquare(s,o);E<b&&(g=w,b=E)}b=Infinity;for(var S=0;S<32;S++){if(y<n)break;var x=g-y,T=g+y;o[0]=l(e,i,f,h,x),o[1]=l(r,a,c,p,x);var E=t.distSquare(o,s);if(x>=0&&E<b)g=x,b=E;else{u[0]=l(e,i,f,h,T),u[1]=l(r,a,c,p,T);var N=t.distSquare(u,s);T<=1&&N<b?(g=T,b=N):y*=.5}}return m&&(m[0]=l(e,i,f,h,g),m[1]=l(r,a,c,p,g)),Math.sqrt(b)}function m(e,t,n,r){var i=1-r;return i*(i*e+2*r*t)+r*r*n}function g(e,t,n,r){return 2*((1-r)*(t-e)+r*(n-t))}function y(e,t,n,r,i){var s=e-2*t+n,o=2*(t-e),u=e-r,l=0;if(a(s)){if(f(o)){var c=-u/o;c>=0&&c<=1&&(i[l++]=c)}}else{var h=o*o-4*s*u;if(a(h)){var c=-o/(2*s);c>=0&&c<=1&&(i[l++]=c)}else if(h>0){var p=Math.sqrt(h),c=(-o+p)/(2*s),d=(-o-p)/(2*s);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function b(e,t,n){var r=e+n-2*t;return r===0?.5:(e-t)/r}function w(e,t,n,r,i){var s=(t-e)*r+e,o=(n-t)*r+t,u=(o-s)*r+s;i[0]=e,i[1]=s,i[2]=u,i[3]=u,i[4]=o,i[5]=n}function E(e,r,i,a,f,l,c,h,p){var d,v=.005,g=Infinity;s[0]=c,s[1]=h;for(var y=0;y<1;y+=.05){o[0]=m(e,i,f,y),o[1]=m(r,a,l,y);var b=t.distSquare(s,o);b<g&&(d=y,g=b)}g=Infinity;for(var w=0;w<32;w++){if(v<n)break;var E=d-v,S=d+v;o[0]=m(e,i,f,E),o[1]=m(r,a,l,E);var b=t.distSquare(o,s);if(E>=0&&b<g)d=E,g=b;else{u[0]=m(e,i,f,S),u[1]=m(r,a,l,S);var x=t.distSquare(u,s);S<=1&&x<g?(d=S,g=x):v*=.5}}return p&&(p[0]=m(e,i,f,d),p[1]=m(r,a,l,d)),Math.sqrt(g)}var t=e("./vector"),n=1e-4,r=Math.sqrt(3),i=1/3,s=t.create(),o=t.create(),u=t.create();return{cubicAt:l,cubicDerivativeAt:c,cubicRootAt:h,cubicExtrema:p,cubicSubdivide:d,cubicProjectPoint:v,quadraticAt:m,quadraticDerivativeAt:g,quadraticRootAt:y,quadraticExtremum:b,quadraticSubdivide:w,quadraticProjectPoint:E}}),define("zrender/tool/area",["require","./util","./curve"],function(e){function l(e){return e%=f,e<0&&(e+=f),e}function c(e,n,i,s){if(!n||!e)return!1;var o=e.type;r=r||t.getContext();var u=h(e,n,i,s);if(typeof u!="undefined")return u;if(e.buildPath&&r.isPointInPath)return p(e,r,n,i,s);switch(o){case"ellipse":return!0;case"trochoid":var a=n.location=="out"?n.r1+n.r2+n.d:n.r1-n.r2+n.d;return S(n,i,s,a);case"rose":return S(n,i,s,n.maxr);default:return!1}}function h(e,t,n,r){var i=e.type;switch(i){case"bezier-curve":if(typeof t.cpX2=="undefined")return g(t.xStart,t.yStart,t.cpX1,t.cpY1,t.xEnd,t.yEnd,t.lineWidth,n,r);return m(t.xStart,t.yStart,t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd,t.lineWidth,n,r);case"line":return v(t.xStart,t.yStart,t.xEnd,t.yEnd,t.lineWidth,n,r);case"polyline":return b(t.pointList,t.lineWidth,n,r);case"ring":return w(t.x,t.y,t.r0,t.r,n,r);case"circle":return S(t.x,t.y,t.r,n,r);case"sector":var s=t.startAngle*Math.PI/180,o=t.endAngle*Math.PI/180;return t.clockWise||(s=-s,o=-o),x(t.x,t.y,t.r0,t.r,s,o,!t.clockWise,n,r);case"path":return t.pathArray&&_(t.pathArray,Math.max(t.lineWidth,5),t.brushType,n,r);case"polygon":case"star":case"isogon":return T(t.pointList,n,r);case"text":var u=t.__rect||e.getRect(t);return E(u.x,u.y,u.width,u.height,n,r);case"rectangle":case"image":return E(t.x,t.y,t.width,t.height,n,r)}}function p(e,t,n,r,i){return t.beginPath(),e.buildPath(t,n),t.closePath(),t.isPointInPath(r,i)}function d(e,t,n,r){return!c(e,t,n,r)}function v(e,t,n,r,i,s,o){if(i===0)return!1;var u=Math.max(i,5),a=0,f=e;if(o>t+u&&o>r+u||o<t-u&&o<r-u||s>e+u&&s>n+u||s<e-u&&s<n-u)return!1;if(e===n)return Math.abs(s-e)<=u/2;a=(t-r)/(e-n),f=(e*r-n*t)/(e-n);var l=a*s-o+f,c=l*l/(a*a+1);return c<=u/2*u/2}function m(e,t,r,i,s,o,u,a,f,l,c){if(f===0)return!1;var h=Math.max(f,5);if(c>t+h&&c>i+h&&c>o+h&&c>a+h||c<t-h&&c<i-h&&c<o-h&&c<a-h||l>e+h&&l>r+h&&l>s+h&&l>u+h||l<e-h&&l<r-h&&l<s-h&&l<u-h)return!1;var p=n.cubicProjectPoint(e,t,r,i,s,o,u,a,l,c,null);return p<=h/2}function g(e,t,r,i,s,o,u,a,f){if(u===0)return!1;var l=Math.max(u,5);if(f>t+l&&f>i+l&&f>o+l||f<t-l&&f<i-l&&f<o-l||a>e+l&&a>r+l&&a>s+l||a<e-l&&a<r-l&&a<s-l)return!1;var c=n.quadraticProjectPoint(e,t,r,i,s,o,a,f,null);return c<=l/2}function y(e,t,n,r,i,s,o,u,a){if(o===0)return!1;var c=Math.max(o,5);u-=e,a-=t;var h=Math.sqrt(u*u+a*a);if(h-c>n||h+c<n)return!1;if(Math.abs(r-i)>=f)return!0;if(s){var p=r;r=l(i),i=l(p)}else r=l(r),i=l(i);r>i&&(i+=f);var d=Math.atan2(a,u);return d<0&&(d+=f),d>=r&&d<=i||d+f>=r&&d+f<=i}function b(e,t,n,r){var t=Math.max(t,10);for(var i=0,s=e.length-1;i<s;i++){var o=e[i][0],u=e[i][1],a=e[i+1][0],f=e[i+1][1];if(v(o,u,a,f,t,n,r))return!0}return!1}function w(e,t,n,r,i,s){var o=(i-e)*(i-e)+(s-t)*(s-t);return o<r*r&&o>n*n}function E(e,t,n,r,i,s){return i>=e&&i<=e+n&&s>=t&&s<=t+r}function S(e,t,n,r,i){return(r-e)*(r-e)+(i-t)*(i-t)<n*n}function x(e,t,n,r,i,s,o,u,a){return y(e,t,(n+r)/2,i,s,o,r-n,u,a)}function T(e,t,n){var r=e.length,i=0;for(var s=0,o=r-1;s<r;s++){var u=e[o][0],a=e[o][1],f=e[s][0],l=e[s][1];i+=N(u,a,f,l,t,n),o=s}return i!==0}function N(e,t,n,r,i,s){if(s>t&&s>r||s<t&&s<r)return 0;if(r==t)return 0;var o=r<t?1:-1,u=(s-t)/(r-t),a=u*(n-e)+e;return a>i?o:0}function L(){var e=k[0];k[0]=k[1],k[1]=e}function A(e,t,r,i,s,o,u,a,f,l){if(l>t&&l>i&&l>o&&l>a||l<t&&l<i&&l<o&&l<a)return 0;var c=n.cubicRootAt(t,i,o,a,l,C);if(c===0)return 0;var h=0,p=-1,d,v;for(var m=0;m<c;m++){var g=C[m],y=n.cubicAt(e,r,s,u,g);if(y<f)continue;p<0&&(p=n.cubicExtrema(t,i,o,a,k),k[1]<k[0]&&p>1&&L(),d=n.cubicAt(t,i,o,a,k[0]),p>1&&(v=n.cubicAt(t,i,o,a,k[1]))),p==2?g<k[0]?h+=d<t?1:-1:g<k[1]?h+=v<d?1:-1:h+=a<v?1:-1:g<k[0]?h+=d<t?1:-1:h+=a<d?1:-1}return h}function O(e,t,r,i,s,o,u,a){if(a>t&&a>i&&a>o||a<t&&a<i&&a<o)return 0;var f=n.quadraticRootAt(t,i,o,a,C);if(f===0)return 0;var l=n.quadraticExtremum(t,i,o);if(l>=0&&l<=1){var c=0,h=n.quadraticAt(t,i,o,l);for(var p=0;p<f;p++){var d=n.quadraticAt(e,r,s,C[p]);if(d<u)continue;C[p]<l?c+=h<t?1:-1:c+=o<h?1:-1}return c}var d=n.quadraticAt(e,r,s,C[0]);return d<u?0:o<t?1:-1}function M(e,t,n,r,i,s,o,u){u-=t;if(u>n||u<-n)return 0;var a=Math.sqrt(n*n-u*u);C[0]=-a,C[1]=a;if(Math.abs(r-i)>=f){r=0,i=f;var c=s?1:-1;return o>=C[0]+e&&o<=C[1]+e?c:0}if(s){var a=r;r=l(i),i=l(a)}else r=l(r),i=l(i);r>i&&(i+=f);var h=0;for(var p=0;p<2;p++){var d=C[p];if(d+e>o){var v=Math.atan2(u,d),c=s?1:-1;v<0&&(v=f+v);if(v>=r&&v<=i||v+f>=r&&v+f<=i)v>Math.PI/2&&v<Math.PI*1.5&&(c=-c),h+=c}}return h}function _(e,t,n,r,i){var s=0,o=0,u=0,a=0,f=0,l=!0,c=!0;n=n||"fill";var h=n==="stroke"||n==="both",p=n==="fill"||n==="both";for(var d=0;d<e.length;d++){var b=e[d],w=b.points;if(l||b.command==="M"){if(d>0){p&&(s+=N(o,u,a,f,r,i));if(s!==0)return!0}a=w[w.length-2],f=w[w.length-1],l=!1,c&&b.command!=="A"&&(c=!1,o=a,u=f)}switch(b.command){case"M":o=w[0],u=w[1];break;case"L":if(h&&v(o,u,w[0],w[1],t,r,i))return!0;p&&(s+=N(o,u,w[0],w[1],r,i)),o=w[0],u=w[1];break;case"C":if(h&&m(o,u,w[0],w[1],w[2],w[3],w[4],w[5],t,r,i))return!0;p&&(s+=A(o,u,w[0],w[1],w[2],w[3],w[4],w[5],r,i)),o=w[4],u=w[5];break;case"Q":if(h&&g(o,u,w[0],w[1],w[2],w[3],t,r,i))return!0;p&&(s+=O(o,u,w[0],w[1],w[2],w[3],r,i)),o=w[2],u=w[3];break;case"A":var E=w[0],S=w[1],x=w[2],T=w[3],C=w[4],k=w[5],L=Math.cos(C)*x+E,_=Math.sin(C)*T+S;c?(c=!1,a=L,f=_):s+=N(o,u,L,_);var D=(r-E)*T/x+E;if(h&&y(E,S,T,C,C+k,1-w[7],t,D,i))return!0;p&&(s+=M(E,S,T,C,C+k,1-w[7],D,i)),o=Math.cos(C+k)*x+E,u=Math.sin(C+k)*T+S;break;case"z":if(h&&v(o,u,a,f,t,r,i))return!0;l=!0}}return p&&(s+=N(o,u,a,f,r,i)),s!==0}function D(e,n){var s=e+":"+n;if(i[s])return i[s];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var u=0;for(var f=0,l=e.length;f<l;f++)u=Math.max(r.measureText(e[f]).width,u);return r.restore(),i[s]=u,++o>a&&(o=0,i={}),u}function P(e,n){var i=e+":"+n;if(s[i])return s[i];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var o=(r.measureText("国").width+2)*e.length;return r.restore(),s[i]=o,++u>a&&(u=0,s={}),o}var t=e("./util"),n=e("./curve"),r,i={},s={},o=0,u=0,a=5e3,f=Math.PI*2,C=[-1,-1,-1],k=[-1,-1];return{isInside:c,isOutside:d,getTextWidth:D,getTextHeight:P,isInsidePath:_,isInsidePolygon:T,isInsideSector:x,isInsideCircle:S,isInsideLine:v,isInsideRect:E,isInsidePolyline:b,isInsideCubicStroke:m,isInsideQuadraticStroke:g}}),define("zrender/mixin/Transformable",["require","../tool/matrix","../tool/vector"],function(e){function o(e){return e>-s&&e<s}function u(e){return e>s||e<-s}var t=e("../tool/matrix"),n=e("../tool/vector"),r=[0,0],i=t.translate,s=5e-5,a=function(){this.position||(this.position=[0,0]),typeof this.rotation=="undefined"&&(this.rotation=[0,0,0]),this.scale||(this.scale=[1,1,0,0]),this.needLocalTransform=!1,this.needTransform=!1};return a.prototype={constructor:a,updateNeedTransform:function(){this.needLocalTransform=u(this.rotation[0])||u(this.position[0])||u(this.position[1])||u(this.scale[0]-1)||u(this.scale[1]-1)},updateTransform:function(){this.updateNeedTransform();var e=this.parent&&this.parent.needTransform;this.needTransform=this.needLocalTransform||e;if(!this.needTransform)return;var n=this.transform||t.create();t.identity(n);if(this.needLocalTransform){var s=this.scale;if(u(s[0])||u(s[1])){r[0]=-s[2]||0,r[1]=-s[3]||0;var o=u(r[0])||u(r[1]);o&&i(n,n,r),t.scale(n,n,s),o&&(r[0]=-r[0],r[1]=-r[1],i(n,n,r))}if(this.rotation instanceof Array){if(this.rotation[0]!==0){r[0]=-this.rotation[1]||0,r[1]=-this.rotation[2]||0;var o=u(r[0])||u(r[1]);o&&i(n,n,r),t.rotate(n,n,this.rotation[0]),o&&(r[0]=-r[0],r[1]=-r[1],i(n,n,r))}}else this.rotation!==0&&t.rotate(n,n,this.rotation);(u(this.position[0])||u(this.position[1]))&&i(n,n,this.position)}e&&(this.needLocalTransform?t.mul(n,this.parent.transform,n):t.copy(n,this.parent.transform)),this.transform=n,this.invTransform=this.invTransform||t.create(),t.invert(this.invTransform,n)},setTransform:function(e){if(this.needTransform){var t=this.transform;e.transform(t[0],t[1],t[2],t[3],t[4],t[5])}},lookAt:function(){var e=n.create();return function(r){this.transform||(this.transform=t.create());var i=this.transform;n.sub(e,r,this.position);if(o(e[0])&&o(e[1]))return;n.normalize(e,e);var s=this.scale;i[2]=e[0]*s[1],i[3]=e[1]*s[1],i[0]=e[1]*s[0],i[1]=-e[0]*s[0],i[4]=this.position[0],i[5]=this.position[1],this.decomposeTransform()}}(),decomposeTransform:function(){if(!this.transform)return;var e=this.transform,t=e[0]*e[0]+e[1]*e[1],n=this.position,r=this.scale,i=this.rotation;u(t-1)&&(t=Math.sqrt(t));var s=e[2]*e[2]+e[3]*e[3];u(s-1)&&(s=Math.sqrt(s)),n[0]=e[4],n[1]=e[5],r[0]=t,r[1]=s,r[2]=r[3]=0,i[0]=Math.atan2(-e[1]/s,e[0]/t),i[1]=i[2]=0},transformCoordToLocal:function(e,t){var r=[e,t];return this.needTransform&&this.invTransform&&n.applyTransform(r,r,this.invTransform),r}},a}),define("zrender/tool/color",["require","../tool/util"],function(e){function f(e){r=e}function l(){r=i}function c(e,t){return e|=0,t=t||r,t[e%t.length]}function h(e){s=e}function p(){o=s}function d(){return s}function v(e,r,i,s,o,u,a){n||(n=t.getContext());var f=n.createRadialGradient(e,r,i,s,o,u);for(var l=0,c=a.length;l<c;l++)f.addColorStop(a[l][0],a[l][1]);return f.__nonRecursion=!0,f}function m(e,r,i,s,o){n||(n=t.getContext());var u=n.createLinearGradient(e,r,i,s);for(var a=0,f=o.length;a<f;a++)u.addColorStop(o[a][0],o[a][1]);return u.__nonRecursion=!0,u}function g(e,t,n){e=S(e),t=S(t),e=F(e),t=F(t);var r=[],i=(t[0]-e[0])/n,s=(t[1]-e[1])/n,o=(t[2]-e[2])/n,u=(t[3]-e[3])/n;for(var a=0,f=e[0],l=e[1],c=e[2],h=e[3];a<n;a++)r[a]=b([R(Math.floor(f),[0,255]),R(Math.floor(l),[0,255]),R(Math.floor(c),[0,255]),h.toFixed(4)-0],"rgba"),f+=i,l+=s,c+=o,h+=u;return f=t[0],l=t[1],c=t[2],h=t[3],r[a]=b([f,l,c,h],"rgba"),r}function y(e,t){var n=[],r=e.length;t===undefined&&(t=20);if(r===1)n=g(e[0],e[0],t);else if(r>1)for(var i=0,s=r-1;i<s;i++){var o=g(e[i],e[i+1],t);i<s-1&&o.pop(),n=n.concat(o)}return n}function b(e,t){t=t||"rgb";if(e&&(e.length===3||e.length===4)){e=q(e,function(e){return e>1?Math.ceil(e):e});if(t.indexOf("hex")>-1)return"#"+((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1);if(t.indexOf("hs")>-1){var n=q(e.slice(1,3),function(e){return e+"%"});e[1]=n[0],e[2]=n[1]}return t.indexOf("a")>-1?(e.length===3&&e.push(1),e[3]=R(e[3],[0,1]),t+"("+e.slice(0,4).join(",")+")"):t+"("+e.slice(0,3).join(",")+")"}}function w(e){e=_(e),e.indexOf("rgba")<0&&(e=S(e));var t=[],n=0;return e.replace(/[\d.]+/g,function(e){n<3?e|=0:e=+e,t[n++]=e}),t}function E(e,t){if(!U(e))return e;var n=F(e),r=n[3];return typeof r=="undefined"&&(r=1),e.indexOf("hsb")>-1?n=z(n):e.indexOf("hsl")>-1&&(n=W(n)),t.indexOf("hsb")>-1||t.indexOf("hsv")>-1?n=V(n):t.indexOf("hsl")>-1&&(n=$(n)),n[3]=r,b(n,t)}function S(e){return E(e,"rgba")}function x(e){return E(e,"rgb")}function T(e){return E(e,"hex")}function N(e){return E(e,"hsva")}function C(e){return E(e,"hsv")}function k(e){return E(e,"hsba")}function L(e){return E(e,"hsb")}function A(e){return E(e,"hsla")}function O(e){return E(e,"hsl")}function M(e){for(var t in a)if(T(a[t])===T(e))return t;return null}function _(e){return String(e).replace(/\s+/g,"")}function D(e){a[e]&&(e=a[e]),e=_(e),e=e.replace(/hsv/i,"hsb");if(/^#[\da-f]{3}$/i.test(e)){e=parseInt(e.slice(1),16);var t=(e&3840)<<8,n=(e&240)<<4,r=e&15;e="#"+((1<<24)+(t<<4)+t+(n<<4)+n+(r<<4)+r).toString(16).slice(1)}return e}function P(e,t){if(!U(e))return e;var n=t>0?1:-1;typeof t=="undefined"&&(t=0),t=Math.abs(t)>1?1:Math.abs(t),e=x(e);var r=F(e);for(var i=0;i<3;i++)n===1?r[i]=r[i]*(1-t)|0:r[i]=(255-r[i])*t+r[i]|0;return"rgb("+r.join(",")+")"}function H(e){if(!U(e))return e;var t=F(S(e));return t=q(t,function(e){return 255-e}),b(t,"rgb")}function B(e,t,n){if(!U(e)||!U(t))return e;typeof n=="undefined"&&(n=.5),n=1-R(n,[0,1]);var r=n*2-1,i=F(S(e)),s=F(S(t)),o=i[3]-s[3],u=((r*o===-1?r:(r+o)/(1+r*o))+1)/2,a=1-u,f=[];for(var l=0;l<3;l++)f[l]=i[l]*u+s[l]*a;var c=i[3]*n+s[3]*(1-n);return c=Math.max(0,Math.min(1,c)),i[3]===1&&s[3]===1?b(f,"rgb"):(f[3]=c,b(f,"rgba"))}function j(){return"#"+(Math.random().toString(16)+"0000").slice(2,8)}function F(e){e=D(e);var t=e.match(u);if(t===null)throw new Error("The color format error");var n,r,i=[],s;if(t[2])n=t[2].replace("#","").split(""),s=[n[0]+n[1],n[2]+n[3],n[4]+n[5]],i=q(s,function(e){return R(parseInt(e,16),[0,255])});else if(t[4]){var o=t[4].split(",");r=o[3],s=o.slice(0,3),i=q(s,function(e){return e=Math.floor(e.indexOf("%")>0?parseInt(e,0)*2.55:e),R(e,[0,255])}),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}else if(t[5]||t[6]){var a=(t[5]||t[6]).split(","),f=parseInt(a[0],0)/360,l=a[1],c=a[2];r=a[3],i=q([l,c],function(e){return R(parseFloat(e)/100,[0,1])}),i.unshift(f),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}return i}function I(e,t){if(!U(e))return e;t===null&&(t=1);var n=F(S(e));return n[3]=R(Number(t).toFixed(4),[0,1]),b(n,"rgba")}function q(e,t){if(typeof t!="function")throw new TypeError;var n=e?e.length:0;for(var r=0;r<n;r++)e[r]=t(e[r]);return e}function R(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e}function U(e){return e instanceof Array||typeof e=="string"}function z(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u=t*6;u===6&&(u=0);var a=u|0,f=r*(1-n),l=r*(1-n*(u-a)),c=r*(1-n*(1-(u-a))),h=0,p=0,d=0;a===0?(h=r,p=c,d=f):a===1?(h=l,p=r,d=f):a===2?(h=f,p=r,d=c):a===3?(h=f,p=l,d=r):a===4?(h=c,p=f,d=r):(h=r,p=f,d=l),i=h*255,s=p*255,o=d*255}return[i,s,o]}function W(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u;r<.5?u=r*(1+n):u=r+n-n*r;var a=2*r-u;i=255*X(a,u,t+1/3),s=255*X(a,u,t),o=255*X(a,u,t-1/3)}return[i,s,o]}function X(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function V(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=s,a,f;if(o===0)a=0,f=0;else{f=o/s;var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}function $(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=(s+i)/2,a,f;if(o===0)a=0,f=0;else{u<.5?f=o/(s+i):f=o/(2-s-i);var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}var t=e("../tool/util"),n,r=["#ff9277"," #dddd00"," #ffc877"," #bbe3ff"," #d5ffbb","#bbbbff"," #ddb000"," #b0dd00"," #e2bbff"," #ffbbe3","#ff7777"," #ff9900"," #83dd00"," #77e3ff"," #778fff","#c877ff"," #ff77ab"," #ff6600"," #aa8800"," #77c7ff","#ad77ff"," #ff77ff"," #dd0083"," #777700"," #00aa00","#0088aa"," #8400dd"," #aa0088"," #dd0000"," #772e00"],i=r,s="rgba(255,255,0,0.5)",o=s,u=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#0ff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000",blanchedalmond:"#ffebcd",blue:"#00f",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#0ff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgrey:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#f0f",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#789",lightslategrey:"#789",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#0f0",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#f0f",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#f00",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#fff",whitesmoke:"#f5f5f5",yellow:"#ff0",yellowgreen:"#9acd32"};return{customPalette:f,resetPalette:l,getColor:c,getHighlightColor:d,customHighlight:h,resetHighlight:p,getRadialGradient:v,getLinearGradient:m,getGradientColors:y,getStepColors:g,reverse:H,mix:B,lift:P,trim:_,random:j,toRGB:x,toRGBA:S,toHex:T,toHSL:O,toHSLA:A,toHSB:L,toHSBA:k,toHSV:C,toHSVA:N,toName:M,toColor:b,toArray:w,alpha:I,getData:F}}),define("zrender/shape/Base",["require","../tool/matrix","../tool/guid","../tool/util","../tool/log","../mixin/Transformable","../mixin/Eventful","../tool/area","../tool/area","../tool/color","../tool/area"],function(e){function a(t,n,r,i,s,o,u){s&&(t.font=s),t.textAlign=o,t.textBaseline=u;var a=f(n,r,i,s,o,u);n=(n+"").split("\n");var l=e("../tool/area").getTextHeight("国",s);switch(u){case"top":i=a.y;break;case"bottom":i=a.y+l;break;default:i=a.y+l/2}for(var c=0,h=n.length;c<h;c++)t.fillText(n[c],r,i),i+=l}function f(t,n,r,i,s,o){var u=e("../tool/area"),a=u.getTextWidth(t,i),f=u.getTextHeight("国",i);t=(t+"").split("\n");switch(s){case"end":case"right":n-=a;break;case"center":n-=a/2}switch(o){case"top":break;case"bottom":r-=f*t.length;break;default:r-=f*t.length/2}return{x:n,y:r,width:a,height:f*t.length}}var t=window.G_vmlCanvasManager,n=e("../tool/matrix"),r=e("../tool/guid"),i=e("../tool/util"),s=e("../tool/log"),o=e("../mixin/Transformable"),u=e("../mixin/Eventful"),l=function(e){e=e||{},this.id=e.id||r();for(var t in e)this[t]=e[t];this.style=this.style||{},this.highlightStyle=this.highlightStyle||null,this.parent=null,this.__dirty=!0,this.__clipShapes=[],o.call(this),u.call(this)};l.prototype.invisible=!1,l.prototype.ignore=!1,l.prototype.zlevel=0,l.prototype.draggable=!1,l.prototype.clickable=!1,l.prototype.hoverable=!0,l.prototype.z=0,l.prototype.brush=function(e,t){var n=this.beforeBrush(e,t);e.beginPath(),this.buildPath(e,n);switch(n.brushType){case"both":e.fill();case"stroke":n.lineWidth>0&&e.stroke();break;default:e.fill()}this.drawText(e,n,this.style),this.afterBrush(e)},l.prototype.beforeBrush=function(e,t){var n=this.style;return this.brushTypeOnly&&(n.brushType=this.brushTypeOnly),t&&(n=this.getHighlightStyle(n,this.highlightStyle||{},this.brushTypeOnly)),this.brushTypeOnly=="stroke"&&(n.strokeColor=n.strokeColor||n.color),e.save(),this.doClip(e),this.setContext(e,n),this.setTransform(e),n},l.prototype.afterBrush=function(e){e.restore()};var c=[["color","fillStyle"],["strokeColor","strokeStyle"],["opacity","globalAlpha"],["lineCap","lineCap"],["lineJoin","lineJoin"],["miterLimit","miterLimit"],["lineWidth","lineWidth"],["shadowBlur","shadowBlur"],["shadowColor","shadowColor"],["shadowOffsetX","shadowOffsetX"],["shadowOffsetY","shadowOffsetY"]];l.prototype.setContext=function(e,t){for(var n=0,r=c.length;n<r;n++){var i=c[n][0],s=t[i],o=c[n][1];typeof s!="undefined"&&(e[o]=s)}};var h=n.create();return l.prototype.doClip=function(e){if(this.__clipShapes&&!t)for(var r=0;r<this.__clipShapes.length;r++){var i=this.__clipShapes[r];if(i.needTransform){var s=i.transform;n.invert(h,s),e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}e.beginPath(),i.buildPath(e,i.style),e.clip();if(i.needTransform){var s=h;e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}}},l.prototype.getHighlightStyle=function(t,n,r){var i={};for(var s in t)i[s]=t[s];var o=e("../tool/color"),u=o.getHighlightColor();t.brushType!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom(),i.brushType="both"):r!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom()):i.strokeColor=n.strokeColor||o.mix(t.strokeColor,o.toRGB(u));for(var s in n)typeof n[s]!="undefined"&&(i[s]=n[s]);return i},l.prototype.getHighlightZoom=function(){return this.type!="text"?6:2},l.prototype.drift=function(e,t){this.position[0]+=e,this.position[1]+=t},l.prototype.buildPath=function(e,t){s("buildPath not implemented in "+this.type)},l.prototype.getRect=function(e){s("getRect not implemented in "+this.type)},l.prototype.isCover=function(t,n){var r=this.transformCoordToLocal(t,n);return t=r[0],n=r[1],this.isCoverRect(t,n)?e("../tool/area").isInside(this,this.style,t,n):!1},l.prototype.isCoverRect=function(e,t){var n=this.style.__rect;return n||(n=this.style.__rect=this.getRect(this.style)),e>=n.x&&e<=n.x+n.width&&t>=n.y&&t<=n.y+n.height},l.prototype.drawText=function(e,t,n){if(typeof t.text=="undefined"||t.text===!1)return;var r=t.textColor||t.color||t.strokeColor;e.fillStyle=r;var i=10,s,o,u,f,l=t.textPosition||this.textPosition||"top";switch(l){case"inside":case"top":case"bottom":case"left":case"right":if(this.getRect){var c=(n||t).__rect||this.getRect(n||t);switch(l){case"inside":u=c.x+c.width/2,f=c.y+c.height/2,s="center",o="middle",t.brushType!="stroke"&&r==t.color&&(e.fillStyle="#fff");break;case"left":u=c.x-i,f=c.y+c.height/2,s="end",o="middle";break;case"right":u=c.x+c.width+i,f=c.y+c.height/2,s="start",o="middle";break;case"top":u=c.x+c.width/2,f=c.y-i,s="center",o="bottom";break;case"bottom":u=c.x+c.width/2,f=c.y+c.height+i,s="center",o="top"}}break;case"start":case"end":var h=t.pointList||[[t.xStart||0,t.yStart||0],[t.xEnd||0,t.yEnd||0]],p=h.length;if(p<2)return;var d,v,m,g;switch(l){case"start":d=h[1][0],v=h[0][0],m=h[1][1],g=h[0][1];break;case"end":d=h[p-2][0],v=h[p-1][0],m=h[p-2][1],g=h[p-1][1]}u=v,f=g;var y=Math.atan((m-g)/(v-d))/Math.PI*180;v-d<0?y+=180:m-g<0&&(y+=360),i=5,y>=30&&y<=150?(s="center",o="bottom",f-=i):y>150&&y<210?(s="right",o="middle",u-=i):y>=210&&y<=330?(s="center",o="top",f+=i):(s="left",o="middle",u+=i);break;case"specific":u=t.textX||0,f=t.textY||0,s="start",o="middle"}u!=null&&f!=null&&a(e,t.text,u,f,t.textFont,t.textAlign||s,t.textBaseline||o)},l.prototype.modSelf=function(){this.__dirty=!0,this.style&&(this.style.__rect=null),this.highlightStyle&&(this.highlightStyle.__rect=null)},l.prototype.isSilent=function(){return!(this.hoverable||this.draggable||this.clickable||this.onmousemove||this.onmouseover||this.onmouseout||this.onmousedown||this.onmouseup||this.onclick||this.ondragenter||this.ondragover||this.ondragleave||this.ondrop)},i.merge(l.prototype,o.prototype,!0),i.merge(l.prototype,u.prototype,!0),l}),define("zrender/shape/Text",["require","../tool/area","./Base","../tool/util"],function(e){var t=e("../tool/area"),n=e("./Base"),r=function(e){n.call(this,e)};return r.prototype={type:"text",brush:function(e,n){var r=this.style;n&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));if(typeof r.text=="undefined"||r.text===!1)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e),r.textFont&&(e.font=r.textFont),e.textAlign=r.textAlign||"start",e.textBaseline=r.textBaseline||"middle";var i=(r.text+"").split("\n"),s=t.getTextHeight("国",r.textFont),o=this.getRect(r),u=r.x,a;r.textBaseline=="top"?a=o.y:r.textBaseline=="bottom"?a=o.y+s:a=o.y+s/2;for(var f=0,l=i.length;f<l;f++){if(r.maxWidth)switch(r.brushType){case"fill":e.fillText(i[f],u,a,r.maxWidth);break;case"stroke":e.strokeText(i[f],u,a,r.maxWidth);break;case"both":e.fillText(i[f],u,a,r.maxWidth),e.strokeText(i[f],u,a,r.maxWidth);break;default:e.fillText(i[f],u,a,r.maxWidth)}else switch(r.brushType){case"fill":e.fillText(i[f],u,a);break;case"stroke":e.strokeText(i[f],u,a);break;case"both":e.fillText(i[f],u,a),e.strokeText(i[f],u,a);break;default:e.fillText(i[f],u,a)}a+=s}e.restore();return},getRect:function(e){if(e.__rect)return e.__rect;var n=t.getTextWidth(e.text,e.textFont),r=t.getTextHeight(e.text,e.textFont),i=e.x;e.textAlign=="end"||e.textAlign=="right"?i-=n:e.textAlign=="center"&&(i-=n/2);var s;return e.textBaseline=="top"?s=e.y:e.textBaseline=="bottom"?s=e.y-r:s=e.y-r/2,e.__rect={x:i,y:s,width:n,height:r},e.__rect}},e("../tool/util").inherits(r,n),r}),define("zrender/shape/Rectangle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"rectangle",_buildRadiusPath:function(e,t){var n=t.x,r=t.y,i=t.width,s=t.height,o=t.radius,u,a,f,l;typeof o=="number"?u=a=f=l=o:o instanceof Array?o.length===1?u=a=f=l=o[0]:o.length===2?(u=f=o[0],a=l=o[1]):o.length===3?(u=o[0],a=l=o[1],f=o[2]):(u=o[0],a=o[1],f=o[2],l=o[3]):u=a=f=l=0;var c;u+a>i&&(c=u+a,u*=i/c,a*=i/c),f+l>i&&(c=f+l,f*=i/c,l*=i/c),a+f>s&&(c=a+f,a*=s/c,f*=s/c),u+l>s&&(c=u+l,u*=s/c,l*=s/c),e.moveTo(n+u,r),e.lineTo(n+i-a,r),a!==0&&e.quadraticCurveTo(n+i,r,n+i,r+a),e.lineTo(n+i,r+s-f),f!==0&&e.quadraticCurveTo(n+i,r+s,n+i-f,r+s),e.lineTo(n+l,r+s),l!==0&&e.quadraticCurveTo(n,r+s,n,r+s-l),e.lineTo(n,r+u),u!==0&&e.quadraticCurveTo(n,r,n+u,r)},buildPath:function(e,t){t.radius?this._buildRadiusPath(e,t):(e.moveTo(t.x,t.y),e.lineTo(t.x+t.width,t.y),e.lineTo(t.x+t.width,t.y+t.height),e.lineTo(t.x,t.y+t.height),e.lineTo(t.x,t.y)),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-t/2),y:Math.round(e.y-t/2),width:e.width+t,height:e.height+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/loadingEffect/Base",["require","../tool/util","../shape/Text","../shape/Rectangle"],function(e){function o(e){this.setOptions(e)}var t=e("../tool/util"),n=e("../shape/Text"),r=e("../shape/Rectangle"),i="Loading...",s="normal 16px Arial";return o.prototype.createTextShape=function(e){return new n({highlightStyle:t.merge({x:this.canvasWidth/2,y:this.canvasHeight/2,text:i,textAlign:"center",textBaseline:"middle",textFont:s,color:"#333",brushType:"fill"},e,!0)})},o.prototype.createBackgroundShape=function(e){return new r({highlightStyle:{x:0,y:0,width:this.canvasWidth,height:this.canvasHeight,brushType:"fill",color:e}})},o.prototype.start=function(e){function t(t){e.storage.addHover(t)}function n(){e.refreshHover()}this.canvasWidth=e._width,this.canvasHeight=e._height,this.loadingTimer=this._start(t,n)},o.prototype._start=function(){return setInterval(function(){},1e4)},o.prototype.stop=function(){clearInterval(this.loadingTimer)},o.prototype.setOptions=function(e){this.options=e||{}},o.prototype.adjust=function(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e},o.prototype.getLocation=function(e,t,n){var r=e.x!=null?e.x:"center";switch(r){case"center":r=Math.floor((this.canvasWidth-t)/2);break;case"left":r=0;break;case"right":r=this.canvasWidth-t}var i=e.y!=null?e.y:"center";switch(i){case"center":i=Math.floor((this.canvasHeight-n)/2);break;case"top":i=0;break;case"bottom":i=this.canvasHeight-n}return{x:r,y:i,width:t,height:n}},o}),define("zrender/Layer",["require","./mixin/Transformable","./tool/util","./config"],function(e){function s(){return!1}function o(e,t,n){var r=document.createElement(t),s=n.getWidth(),o=n.getHeight();return r.style.position="absolute",r.style.left=0,r.style.top=0,r.style.width=s+"px",r.style.height=o+"px",r.width=s*i.devicePixelRatio,r.height=o*i.devicePixelRatio,r.setAttribute("data-zr-dom-id",e),r}var t=e("./mixin/Transformable"),n=e("./tool/util"),r=window.G_vmlCanvasManager,i=e("./config"),u=function(e,n){this.id=e,this.dom=o(e,"canvas",n),this.dom.onselectstart=s,this.dom.style["-webkit-user-select"]="none",this.dom.style["user-select"]="none",this.dom.style["-webkit-touch-callout"]="none",this.dom.style["-webkit-tap-highlight-color"]="rgba(0,0,0,0)",this.dom.className=i.elementClassName,r&&r.initElement(this.dom),this.domBack=null,this.ctxBack=null,this.painter=n,this.unusedCount=0,this.config=null,this.dirty=!0,this.elCount=0,this.clearColor=0,this.motionBlur=!1,this.lastFrameAlpha=.7,this.zoomable=!1,this.panable=!1,this.maxZoom=Infinity,this.minZoom=0,t.call(this)};return u.prototype.initContext=function(){this.ctx=this.dom.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctx.scale(e,e)},u.prototype.createBackBuffer=function(){if(r)return;this.domBack=o("back-"+this.id,"canvas",this.painter),this.ctxBack=this.domBack.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctxBack.scale(e,e)},u.prototype.resize=function(e,t){var n=i.devicePixelRatio;this.dom.style.width=e+"px",this.dom.style.height=t+"px",this.dom.setAttribute("width",e*n),this.dom.setAttribute("height",t*n),n!=1&&this.ctx.scale(n,n),this.domBack&&(this.domBack.setAttribute("width",e*n),this.domBack.setAttribute("height",t*n),n!=1&&this.ctxBack.scale(n,n))},u.prototype.clear=function(){var e=this.dom,t=this.ctx,n=e.width,s=e.height,o=this.clearColor&&!r,u=this.motionBlur&&!r,a=this.lastFrameAlpha,f=i.devicePixelRatio;u&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(e,0,0,n/f,s/f)),t.clearRect(0,0,n/f,s/f),o&&(t.save(),t.fillStyle=this.clearColor,t.fillRect(0,0,n/f,s/f),t.restore());if(u){var l=this.domBack;t.save(),t.globalAlpha=a,t.drawImage(l,0,0,n/f,s/f),t.restore()}},n.merge(u.prototype,t.prototype),u}),define("zrender/shape/Image",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"image",brush:function(e,t,n){var r=this.style||{};t&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));var i=r.image,s=this;this._imageCache||(this._imageCache={});if(typeof i=="string"){var o=i;this._imageCache[o]?i=this._imageCache[o]:(i=new Image,i.onload=function(){i.onload=null,s.modSelf(),n()},i.src=o,this._imageCache[o]=i)}if(i){if(i.nodeName.toUpperCase()=="IMG")if(window.ActiveXObject){if(i.readyState!="complete")return}else if(!i.complete)return;var u=r.width||i.width,a=r.height||i.height,f=r.x,l=r.y;if(!i.width||!i.height)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e);if(r.sWidth&&r.sHeight){var c=r.sx||0,h=r.sy||0;e.drawImage(i,c,h,r.sWidth,r.sHeight,f,l,u,a)}else if(r.sx&&r.sy){var c=r.sx,h=r.sy,p=u-c,d=a-h;e.drawImage(i,c,h,p,d,f,l,u,a)}else e.drawImage(i,f,l,u,a);r.width||(r.width=u),r.height||(r.height=a),this.style.width||(this.style.width=u),this.style.height||(this.style.height=a),this.drawText(e,r,this.style),e.restore()}},getRect:function(e){return{x:e.x,y:e.y,width:e.width,height:e.height}},clearCache:function(){this._imageCache={}}},e("../tool/util").inherits(n,t),n}),define("zrender/Painter",["require","./config","./tool/util","./tool/log","./loadingEffect/Base","./Layer","./shape/Image"],function(e){function o(){return!1}function u(){}function a(e){return e?e.isBuildin?!0:typeof e.resize!="function"||typeof e.refresh!="function"?!1:!0:!1}var t=e("./config"),n=e("./tool/util"),r=e("./tool/log"),i=e("./loadingEffect/Base"),s=e("./Layer"),f=function(e,n){this.root=e,e.style["-webkit-tap-highlight-color"]="transparent",e.style["-webkit-user-select"]="none",e.style["user-select"]="none",e.style["-webkit-touch-callout"]="none",this.storage=n,e.innerHTML="",this._width=this._getWidth(),this._height=this._getHeight();var r=document.createElement("div");this._domRoot=r,r.style.position="relative",r.style.overflow="hidden",r.style.width=this._width+"px",r.style.height=this._height+"px",e.appendChild(r),this._layers={},this._zlevelList=[],this._layerConfig={},this._loadingEffect=new i({}),this.shapeToImage=this._createShapeToImageProcessor(),this._bgDom=document.createElement("div"),this._bgDom.style.cssText=["position:absolute;left:0px;top:0px;width:",this._width,"px;height:",this._height+"px;","-webkit-user-select:none;user-select;none;","-webkit-touch-callout:none;"].join(""),this._bgDom.setAttribute("data-zr-dom-id","bg"),this._bgDom.className=t.elementClassName,r.appendChild(this._bgDom),this._bgDom.onselectstart=o;var u=new s("_zrender_hover_",this);this._layers.hover=u,r.appendChild(u.dom),u.initContext(),u.dom.onselectstart=o,u.dom.style["-webkit-user-select"]="none",u.dom.style["user-select"]="none",u.dom.style["-webkit-touch-callout"]="none",this.refreshNextFrame=null};return f.prototype.render=function(e){return this.isLoading()&&this.hideLoading(),this.refresh(e,!0),this},f.prototype.refresh=function(e,t){var n=this.storage.getShapeList(!0);this._paintList(n,t);for(var r=0;r<this._zlevelList.length;r++){var i=this._zlevelList[r],s=this._layers[i];!s.isBuildin&&s.refresh&&s.refresh()}return typeof e=="function"&&e(),this},f.prototype._preProcessLayer=function(e){e.unusedCount++,e.updateTransform()},f.prototype._postProcessLayer=function(e){e.dirty=!1,e.unusedCount==1&&e.clear()},f.prototype._paintList=function(e,n){typeof n=="undefined"&&(n=!1),this._updateLayerStatus(e);var i,s,o;this.eachBuildinLayer(this._preProcessLayer);for(var u=0,a=e.length;u<a;u++){var f=e[u];s!==f.zlevel&&(i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),s=f.zlevel,i=this.getLayer(s),i.isBuildin||r("ZLevel "+s+" has been used by unkown layer "+i.id),o=i.ctx,i.unusedCount=0,(i.dirty||n)&&i.clear(),i.needTransform&&(o.save(),i.setTransform(o)));if((i.dirty||n)&&!f.invisible)if(!f.onbrush||f.onbrush&&!f.onbrush(o,!1))if(t.catchBrushException)try{f.brush(o,!1,this.refreshNextFrame)}catch(l){r(l,"brush error of "+f.type,f)}else f.brush(o,!1,this.refreshNextFrame);f.__dirty=!1}i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),this.eachBuildinLayer(this._postProcessLayer)},f.prototype.getLayer=function(e){var t=this._layers[e];return t||(t=new s(e,this),t.isBuildin=!0,this._layerConfig[e]&&n.merge(t,this._layerConfig[e],!0),t.updateTransform(),this.insertLayer(e,t),t.initContext()),t},f.prototype.insertLayer=function(e,t){if(this._layers[e]){r("ZLevel "+e+" has been used already");return}if(!a(t)){r("Layer of zlevel "+e+" is not valid");return}var n=this._zlevelList.length,i=null,s=-1;if(n>0&&e>this._zlevelList[0]){for(s=0;s<n-1;s++)if(this._zlevelList[s]<e&&this._zlevelList[s+1]>e)break;i=this._layers[this._zlevelList[s]]}this._zlevelList.splice(s+1,0,e);var o=i?i.dom:this._bgDom;o.nextSibling?o.parentNode.insertBefore(t.dom,o.nextSibling):o.parentNode.appendChild(t.dom),this._layers[e]=t},f.prototype.eachLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n];e.call(t,this._layers[r],r)}},f.prototype.eachBuildinLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin&&e.call(t,i,r)}},f.prototype.eachOtherLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin||e.call(t,i,r)}},f.prototype.getLayers=function(){return this._layers},f.prototype._updateLayerStatus=function(e){var t=this._layers,n={};this.eachBuildinLayer(function(e,t){n[t]=e.elCount,e.elCount=0});for(var r=0,i=e.length;r<i;r++){var s=e[r],o=s.zlevel,u=t[o];if(u){u.elCount++;if(u.dirty)continue;u.dirty=s.__dirty}}this.eachBuildinLayer(function(e,t){n[t]!==e.elCount&&(e.dirty=!0)})},f.prototype.refreshShapes=function(e,t){for(var n=0,r=e.length;n<r;n++){var i=e[n];i.modSelf()}return this.refresh(t),this},f.prototype.setLoadingEffect=function(e){return this._loadingEffect=e,this},f.prototype.clear=function(){return this.eachBuildinLayer(this._clearLayer),this},f.prototype._clearLayer=function(e){e.clear()},f.prototype.modLayer=function(e,t){if(t){this._layerConfig[e]?n.merge(this._layerConfig[e],t,!0):this._layerConfig[e]=t;var r=this._layers[e];r&&n.merge(r,this._layerConfig[e],!0)}},f.prototype.delLayer=function(e){var t=this._layers[e];if(!t)return;this.modLayer(e,{position:t.position,rotation:t.rotation,scale:t.scale}),t.dom.parentNode.removeChild(t.dom),delete this._layers[e],this._zlevelList.splice(n.indexOf(this._zlevelList,e),1)},f.prototype.refreshHover=function(){this.clearHover();var e=this.storage.getHoverShapes(!0);for(var t=0,n=e.length;t<n;t++)this._brushHover(e[t]);var r=this._layers.hover.ctx;return r.flush&&r.flush(),this.storage.delHover(),this},f.prototype.clearHover=function(){var e=this._layers.hover;return e&&e.clear(),this},f.prototype.showLoading=function(e){return this._loadingEffect&&this._loadingEffect.stop(),e&&this.setLoadingEffect(e),this._loadingEffect.start(this),this.loading=!0,this},f.prototype.hideLoading=function(){return this._loadingEffect.stop(),this.clearHover(),this.loading=!1,this},f.prototype.isLoading=function(){return this.loading},f.prototype.resize=function(){var e=this._domRoot;e.style.display="none";var t=this._getWidth(),n=this._getHeight();e.style.display="";if(this._width!=t||n!=this._height){this._width=t,this._height=n,e.style.width=t+"px",e.style.height=n+"px";for(var r in this._layers)this._layers[r].resize(t,n);this.refresh(null,!0)}return this},f.prototype.clearLayer=function(e){var t=this._layers[e];t&&t.clear()},f.prototype.dispose=function(){this.isLoading()&&this.hideLoading(),this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},f.prototype.getDomHover=function(){return this._layers.hover.dom},f.prototype.toDataURL=function(e,n,i){if(window.G_vmlCanvasManager)return null;var o=new s("image",this);this._bgDom.appendChild(o.dom),o.initContext();var u=o.ctx;o.clearColor=n||"#fff",o.clear();var a=this;this.storage.iterShape(function(e){if(!e.invisible)if(!e.onbrush||e.onbrush&&!e.onbrush(u,!1))if(t.catchBrushException)try{e.brush(u,!1,a.refreshNextFrame)}catch(n){r(n,"brush error of "+e.type,e)}else e.brush(u,!1,a.refreshNextFrame)},{normal:"up",update:!0});var f=o.dom.toDataURL(e,i);return u=null,this._bgDom.removeChild(o.dom),f},f.prototype.getWidth=function(){return this._width},f.prototype.getHeight=function(){return this._height},f.prototype._getWidth=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientWidth||parseInt(t.width,10))-parseInt(t.paddingLeft,10)-parseInt(t.paddingRight,10)).toFixed(0)-0},f.prototype._getHeight=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientHeight||parseInt(t.height,10))-parseInt(t.paddingTop,10)-parseInt(t.paddingBottom,10)).toFixed(0)-0},f.prototype._brushHover=function(e){var n=this._layers.hover.ctx;if(!e.onbrush||e.onbrush&&!e.onbrush(n,!0)){var i=this.getLayer(e.zlevel);i.needTransform&&(n.save(),i.setTransform(n));if(t.catchBrushException)try{e.brush(n,!0,this.refreshNextFrame)}catch(s){r(s,"hoverBrush error of "+e.type,e)}else e.brush(n,!0,this.refreshNextFrame);i.needTransform&&n.restore()}},f.prototype._shapeToImage=function(t,n,r,i,s){var o=document.createElement("canvas"),u=o.getContext("2d");o.style.width=r+"px",o.style.height=i+"px",o.setAttribute("width",r*s),o.setAttribute("height",i*s),u.clearRect(0,0,r*s,i*s);var a={position:n.position,rotation:n.rotation,scale:n.scale};n.position=[0,0,0],n.rotation=0,n.scale=[1,1],n&&n.brush(u,!1);var f=e("./shape/Image"),l=new f({id:t,style:{x:0,y:0,image:o}});return a.position!=null&&(l.position=n.position=a.position),a.rotation!=null&&(l.rotation=n.rotation=a.rotation),a.scale!=null&&(l.scale=n.scale=a.scale),l},f.prototype._createShapeToImageProcessor=function(){if(window.G_vmlCanvasManager)return u;var e=this;return function(n,r,i,s){return e._shapeToImage(n,r,i,s,t.devicePixelRatio)}},f}),define("zrender/Group",["require","./tool/guid","./tool/util","./mixin/Transformable","./mixin/Eventful"],function(e){var t=e("./tool/guid"),n=e("./tool/util"),r=e("./mixin/Transformable"),i=e("./mixin/Eventful"),s=function(e){e=e||{},this.id=e.id||t();for(var n in e)this[n]=e[n];this.type="group",this.clipShape=null,this._children=[],this._storage=null,this.__dirty=!0,r.call(this),i.call(this)};return s.prototype.ignore=!1,s.prototype.children=function(){return this._children.slice()},s.prototype.childAt=function(e){return this._children[e]},s.prototype.addChild=function(e){if(e==this)return;if(e.parent==this)return;e.parent&&e.parent.removeChild(e),this._children.push(e),e.parent=this,this._storage&&this._storage!==e._storage&&(this._storage.addToMap(e),e instanceof s&&e.addChildrenToStorage(this._storage))},s.prototype.removeChild=function(e){var t=n.indexOf(this._children,e);t>=0&&this._children.splice(t,1),e.parent=null,this._storage&&(this._storage.delFromMap(e.id),e instanceof s&&e.delChildrenFromStorage(this._storage))},s.prototype.clearChildren=function(){for(var e=0;e<this._children.length;e++){var t=this._children[e];this._storage&&(this._storage.delFromMap(t.id),t instanceof s&&t.delChildrenFromStorage(this._storage))}this._children.length=0},s.prototype.eachChild=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i)}},s.prototype.traverse=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i),i.type==="group"&&i.traverse(e,t)}},s.prototype.addChildrenToStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.addToMap(n),n instanceof s&&n.addChildrenToStorage(e)}},s.prototype.delChildrenFromStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.delFromMap(n.id),n instanceof s&&n.delChildrenFromStorage(e)}},s.prototype.modSelf=function(){this.__dirty=!0},n.merge(s.prototype,r.prototype,!0),n.merge(s.prototype,i.prototype,!0),s}),define("zrender/Storage",["require","./tool/util","./Group"],function(e){function i(e,t){return e.zlevel==t.zlevel?e.z==t.z?e.__renderidx-t.__renderidx:e.z-t.z:e.zlevel-t.zlevel}var t=e("./tool/util"),n=e("./Group"),r={hover:!1,normal:"down",update:!1},s=function(){this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0};return s.prototype.iterShape=function(e,t){t||(t=r);if(t.hover)for(var n=0,i=this._hoverElements.length;n<i;n++){var s=this._hoverElements[n];s.updateTransform();if(e(s))return this}t.update&&this.updateShapeList();switch(t.normal){case"down":var i=this._shapeList.length;while(i--)if(e(this._shapeList[i]))return this;break;default:for(var n=0,i=this._shapeList.length;n<i;n++)if(e(this._shapeList[n]))return this}return this},s.prototype.getHoverShapes=function(e){var t=[];for(var n=0,r=this._hoverElements.length;n<r;n++){t.push(this._hoverElements[n]);var s=this._hoverElements[n].hoverConnect;if(s){var o;s=s instanceof Array?s:[s];for(var u=0,a=s.length;u<a;u++)o=s[u].id?s[u]:this.get(s[u]),o&&t.push(o)}}t.sort(i);if(e)for(var n=0,r=t.length;n<r;n++)t[n].updateTransform();return t},s.prototype.getShapeList=function(e){return e&&this.updateShapeList(),this._shapeList},s.prototype.updateShapeList=function(){this._shapeListOffset=0;for(var e=0,t=this._roots.length;e<t;e++){var n=this._roots[e];this._updateAndAddShape(n)}this._shapeList.length=this._shapeListOffset;for(var e=0,t=this._shapeList.length;e<t;e++)this._shapeList[e].__renderidx=e;this._shapeList.sort(i)},s.prototype._updateAndAddShape=function(e,t){if(e.ignore)return;e.updateTransform(),e.clipShape&&(e.clipShape.parent=e,e.clipShape.updateTransform(),t?(t=t.slice(),t.push(e.clipShape)):t=[e.clipShape]);if(e.type=="group"){for(var n=0;n<e._children.length;n++){var r=e._children[n];r.__dirty=e.__dirty||r.__dirty,this._updateAndAddShape(r,t)}e.__dirty=!1}else e.__clipShapes=t,this._shapeList[this._shapeListOffset++]=e},s.prototype.mod=function(e,n){typeof e=="string"&&(e=this._elements[e]);if(e){e.modSelf();if(n)if(n.parent||n._storage||n.__clipShapes){var r={};for(var i in n){if(i==="parent"||i==="_storage"||i==="__clipShapes")continue;n.hasOwnProperty(i)&&(r[i]=n[i])}t.merge(e,r,!0)}else t.merge(e,n,!0)}return this},s.prototype.drift=function(e,t,n){var r=this._elements[e];return r&&(r.needTransform=!0,r.draggable==="horizontal"?n=0:r.draggable==="vertical"&&(t=0),(!r.ondrift||r.ondrift&&!r.ondrift(t,n))&&r.drift(t,n)),this},s.prototype.addHover=function(e){return e.updateNeedTransform(),this._hoverElements.push(e),this},s.prototype.delHover=function(){return this._hoverElements=[],this},s.prototype.hasHoverShape=function(){return this._hoverElements.length>0},s.prototype.addRoot=function(e){if(this._elements[e.id])return;e instanceof n&&e.addChildrenToStorage(this),this.addToMap(e),this._roots.push(e)},s.prototype.delRoot=function(e){if(typeof e=="undefined"){for(var r=0;r<this._roots.length;r++){var i=this._roots[r];i instanceof n&&i.delChildrenFromStorage(this)}this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0;return}if(e instanceof Array){for(var r=0,s=e.length;r<s;r++)this.delRoot(e[r]);return}var o;typeof e=="string"?o=this._elements[e]:o=e;var u=t.indexOf(this._roots,o);u>=0&&(this.delFromMap(o.id),this._roots.splice(u,1),o instanceof n&&o.delChildrenFromStorage(this))},s.prototype.addToMap=function(e){return e instanceof n&&(e._storage=this),e.modSelf(),this._elements[e.id]=e,this},s.prototype.get=function(e){return this._elements[e]},s.prototype.delFromMap=function(e){var t=this._elements[e];return t&&(delete this._elements[e],t instanceof n&&(t._storage=null)),this},s.prototype.dispose=function(){this._elements=this._renderList=this._roots=this._hoverElements=null},s}),define("zrender/animation/easing",[],function(){var e={Linear:function(e){return e},QuadraticIn:function(e){return e*e},QuadraticOut:function(e){return e*(2-e)},QuadraticInOut:function(e){return(e*=2)<1?.5*e*e:-0.5*(--e*(e-2)-1)},CubicIn:function(e){return e*e*e},CubicOut:function(e){return--e*e*e+1},CubicInOut:function(e){return(e*=2)<1?.5*e*e*e:.5*((e-=2)*e*e+2)},QuarticIn:function(e){return e*e*e*e},QuarticOut:function(e){return 1- --e*e*e*e},QuarticInOut:function(e){return(e*=2)<1?.5*e*e*e*e:-0.5*((e-=2)*e*e*e-2)},QuinticIn:function(e){return e*e*e*e*e},QuinticOut:function(e){return--e*e*e*e*e+1},QuinticInOut:function(e){return(e*=2)<1?.5*e*e*e*e*e:.5*((e-=2)*e*e*e*e+2)},SinusoidalIn:function(e){return 1-Math.cos(e*Math.PI/2)},SinusoidalOut:function(e){return Math.sin(e*Math.PI/2)},SinusoidalInOut:function(e){return.5*(1-Math.cos(Math.PI*e))},ExponentialIn:function(e){return e===0?0:Math.pow(1024,e-1)},ExponentialOut:function(e){return e===1?1:1-Math.pow(2,-10*e)},ExponentialInOut:function(e){return e===0?0:e===1?1:(e*=2)<1?.5*Math.pow(1024,e-1):.5*(-Math.pow(2,-10*(e-1))+2)},CircularIn:function(e){return 1-Math.sqrt(1-e*e)},CircularOut:function(e){return Math.sqrt(1- --e*e)},CircularInOut:function(e){return(e*=2)<1?-0.5*(Math.sqrt(1-e*e)-1):.5*(Math.sqrt(1-(e-=2)*e)+1)},ElasticIn:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),-(n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)))},ElasticOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*e)*Math.sin((e-t)*2*Math.PI/r)+1)},ElasticInOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),(e*=2)<1?-0.5*n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r):n*Math.pow(2,-10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)*.5+1)},BackIn:function(e){var t=1.70158;return e*e*((t+1)*e-t)},BackOut:function(e){var t=1.70158;return--e*e*((t+1)*e+t)+1},BackInOut:function(e){var t=2.5949095;return(e*=2)<1?.5*e*e*((t+1)*e-t):.5*((e-=2)*e*((t+1)*e+t)+2)},BounceIn:function(t){return 1-e.BounceOut(1-t)},BounceOut:function(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375},BounceInOut:function(t){return t<.5?e.BounceIn(t*2)*.5:e.BounceOut(t*2-1)*.5+.5}};return e}),define("zrender/animation/Clip",["require","./easing"],function(e){function n(e){this._targetPool=e.target||{},this._targetPool instanceof Array||(this._targetPool=[this._targetPool]),this._life=e.life||1e3,this._delay=e.delay||0,this._startTime=(new Date).getTime()+this._delay,this._endTime=this._startTime+this._life*1e3,this.loop=typeof e.loop=="undefined"?!1:e.loop,this.gap=e.gap||0,this.easing=e.easing||"Linear",this.onframe=e.onframe,this.ondestroy=e.ondestroy,this.onrestart=e.onrestart}var t=e("./easing");return n.prototype={step:function(e){var n=(e-this._startTime)/this._life;if(n<0)return;n=Math.min(n,1);var r=typeof this.easing=="string"?t[this.easing]:this.easing,i=typeof r=="function"?r(n):n;return this.fire("frame",i),n==1?this.loop?(this.restart(),"restart"):(this._needsRemove=!0,"destroy"):null},restart:function(){var e=(new Date).getTime(),t=(e-this._startTime)%this._life;this._startTime=(new Date).getTime()-t+this.gap,this._needsRemove=!1},fire:function(e,t){for(var n=0,r=this._targetPool.length;n<r;n++)this["on"+e]&&this["on"+e](this._targetPool[n],t)},constructor:n},n}),define("zrender/animation/Animation",["require","./Clip","../tool/color","../tool/util","../tool/event"],function(e){function a(e,t){return e[t]}function f(e,t,n){e[t]=n}function l(e,t,n){return(t-e)*n+e}function c(e,t,n,r,i){var s=e.length;if(i==1)for(var o=0;o<s;o++)r[o]=l(e[o],t[o],n);else{var u=e[0].length;for(var o=0;o<s;o++)for(var a=0;a<u;a++)r[o][a]=l(e[o][a],t[o][a],n)}}function h(e){switch(typeof e){case"undefined":case"string":return!1}return typeof e.length!="undefined"}function p(e,t,n,r,i,s,o,u,a){var f=e.length;if(a==1)for(var l=0;l<f;l++)u[l]=d(e[l],t[l],n[l],r[l],i,s,o);else{var c=e[0].length;for(var l=0;l<f;l++)for(var h=0;h<c;h++)u[l][h]=d(e[l][h],t[l][h],n[l][h],r[l][h],i,s,o)}}function d(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}function v(e){if(h(e)){var t=e.length;if(h(e[0])){var n=[];for(var r=0;r<t;r++)n.push(o.call(e[r]));return n}return o.call(e)}return e}function m(e){return e[0]=Math.floor(e[0]),e[1]=Math.floor(e[1]),e[2]=Math.floor(e[2]),"rgba("+e.join(",")+")"}var t=e("./Clip"),n=e("../tool/color"),r=e("../tool/util"),i=e("../tool/event").Dispatcher,s=window.requestAnimationFrame||window.msRequestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(e){setTimeout(e,16)},o=Array.prototype.slice,u=function(e){e=e||{},this.stage=e.stage||{},this.onframe=e.onframe||function(){},this._clips=[],this._running=!1,this._time=0,i.call(this)};u.prototype={add:function(e){this._clips.push(e)},remove:function(e){var t=r.indexOf(this._clips,e);t>=0&&this._clips.splice(t,1)},_update:function(){var e=(new Date).getTime(),t=e-this._time,n=this._clips,r=n.length,i=[],s=[];for(var o=0;o<r;o++){var u=n[o],a=u.step(e);a&&(i.push(a),s.push(u))}for(var o=0;o<r;)n[o]._needsRemove?(n[o]=n[r-1],n.pop(),r--):o++;r=i.length;for(var o=0;o<r;o++)s[o].fire(i[o]);this._time=e,this.onframe(t),this.dispatch("frame",t),this.stage.update&&this.stage.update()},start:function(){function t(){e._running&&(s(t),e._update())}var e=this;this._running=!0,this._time=(new Date).getTime(),s(t)},stop:function(){this._running=!1},clear:function(){this._clips=[]},animate:function(e,t){t=t||{};var n=new g(e,t.loop,t.getter,t.setter);return n.animation=this,n},constructor:u},r.merge(u.prototype,i.prototype,!0);var g=function(e,t,n,r){this._tracks={},this._target=e,this._loop=t||!1,this._getter=n||a,this._setter=r||f,this._clipCount=0,this._delay=0,this._doneList=[],this._onframeList=[],this._clipList=[]};return g.prototype={when:function(e,t){for(var n in t)this._tracks[n]||(this._tracks[n]=[],e!==0&&this._tracks[n].push({time:0,value:v(this._getter(this._target,n))})),this._tracks[n].push({time:parseInt(e,10),value:t[n]});return this},during:function(e){return this._onframeList.push(e),this},start:function(e){var r=this,i=this._setter,s=this._getter,o=e==="spline",u=function(){r._clipCount--;if(r._clipCount===0){r._tracks={};var e=r._doneList.length;for(var t=0;t<e;t++)r._doneList[t].call(r)}},a=function(a,f){var v=a.length;if(!v)return;var g=a[0].value,y=h(g),b=!1,w=y&&h(g[0])?2:1;a.sort(function(e,t){return e.time-t.time});var E;if(!v)return;E=a[v-1].time;var S=[],x=[];for(var T=0;T<v;T++){S.push(a[T].time/E);var N=a[T].value;typeof N=="string"&&(N=n.toArray(N),N.length===0&&(N[0]=N[1]=N[2]=0,N[3]=1),b=!0),x.push(N)}var C=0,k=0,L,T,A,O,M,_,D;if(b)var P=[0,0,0,0];var H=function(e,t){if(t<k){L=Math.min(C+1,v-1);for(T=L;T>=0;T--)if(S[T]<=t)break;T=Math.min(T,v-2)}else{for(T=C;T<v;T++)if(S[T]>t)break;T=Math.min(T-1,v-2)}C=T,k=t;var n=S[T+1]-S[T];if(n===0)return;A=(t-S[T])/n;if(o){M=x[T],O=x[T===0?T:T-1],_=x[T>v-2?v-1:T+1],D=x[T>v-3?v-1:T+2];if(y)p(O,M,_,D,A,A*A,A*A*A,s(e,f),w);else{var u;b?(u=p(O,M,_,D,A,A*A,A*A*A,P,1),u=m(P)):u=d(O,M,_,D,A,A*A,A*A*A),i(e,f,u)}}else if(y)c(x[T],x[T+1],A,s(e,f),w);else{var u;b?(c(x[T],x[T+1],A,P,1),u=m(P)):u=l(x[T],x[T+1],A),i(e,f,u)}for(T=0;T<r._onframeList.length;T++)r._onframeList[T](e,t)},B=new t({target:r._target,life:E,loop:r._loop,delay:r._delay,onframe:H,ondestroy:u});e&&e!=="spline"&&(B.easing=e),r._clipList.push(B),r._clipCount++,r.animation.add(B)};for(var f in this._tracks)a(this._tracks[f],f);return this},stop:function(){for(var e=0;e<this._clipList.length;e++){var t=this._clipList[e];this.animation.remove(t)}this._clipList=[]},delay:function(e){return this._delay=e,this},done:function(e){return e&&this._doneList.push(e),this}},u}),define("zrender/zrender",["require","./dep/excanvas","./tool/util","./tool/log","./tool/guid","./Handler","./Painter","./Storage","./animation/Animation","./tool/env"],function(e){function l(e){return function(){e._needsRefreshNextFrame&&e.refresh()}}e("./dep/excanvas");var t=e("./tool/util"),n=e("./tool/log"),r=e("./tool/guid"),i=e("./Handler"),s=e("./Painter"),o=e("./Storage"),u=e("./animation/Animation"),a={},f={};f.version="2.1.0",f.init=function(e){var t=new c(r(),e);return a[t.id]=t,t},f.dispose=function(e){if(e)e.dispose();else{for(var t in a)a[t].dispose();a={}}return f},f.getInstance=function(e){return a[e]},f.delInstance=function(e){return delete a[e],f};var c=function(t,n){this.id=t,this.env=e("./tool/env"),this.storage=new o,this.painter=new s(n,this.storage),this.handler=new i(n,this.storage,this.painter),this.animation=new u({stage:{update:l(this)}}),this.animation.start();var r=this;this.painter.refreshNextFrame=function(){r.refreshNextFrame()},this._needsRefreshNextFrame=!1;var r=this,a=this.storage,f=a.delFromMap;a.delFromMap=function(e){var t=a.get(e);r.stopAnimation(t),f.call(a,e)}};return c.prototype.getId=function(){return this.id},c.prototype.addShape=function(e){return this.addElement(e),this},c.prototype.addGroup=function(e){return this.addElement(e),this},c.prototype.delShape=function(e){return this.delElement(e),this},c.prototype.delGroup=function(e){return this.delElement(e),this},c.prototype.modShape=function(e,t){return this.modElement(e,t),this},c.prototype.modGroup=function(e,t){return this.modElement(e,t),this},c.prototype.addElement=function(e){return this.storage.addRoot(e),this._needsRefreshNextFrame=!0,this},c.prototype.delElement=function(e){return this.storage.delRoot(e),this._needsRefreshNextFrame=!0,this},c.prototype.modElement=function(e,t){return this.storage.mod(e,t),this._needsRefreshNextFrame=!0,this},c.prototype.modLayer=function(e,t){return this.painter.modLayer(e,t),this._needsRefreshNextFrame=!0,this},c.prototype.addHoverShape=function(e){return this.storage.addHover(e),this},c.prototype.render=function(e){return this.painter.render(e),this._needsRefreshNextFrame=!1,this},c.prototype.refresh=function(e){return this.painter.refresh(e),this._needsRefreshNextFrame=!1,this},c.prototype.refreshNextFrame=function(){return this._needsRefreshNextFrame=!0,this},c.prototype.refreshHover=function(e){return this.painter.refreshHover(e),this},c.prototype.refreshShapes=function(e,t){return this.painter.refreshShapes(e,t),this},c.prototype.resize=function(){return this.painter.resize(),this},c.prototype.animate=function(e,r,i){var s=this;typeof e=="string"&&(e=this.storage.get(e));if(e){var o;if(r){var u=r.split("."),a=e;for(var f=0,l=u.length;f<l;f++){if(!a)continue;a=a[u[f]]}a&&(o=a)}else o=e;if(!o){n('Property "'+r+'" is not existed in element '+e.id);return}e.__animators==null&&(e.__animators=[]);var c=e.__animators,h=this.animation.animate(o,{loop:i}).during(function(){s.modShape(e)}).done(function(){var n=t.indexOf(e.__animators,h);n>=0&&c.splice(n,1)});return c.push(h),h}n("Element not existed")},c.prototype.stopAnimation=function(e){if(e.__animators){var t=e.__animators,n=t.length;for(var r=0;r<n;r++)t[r].stop();t.length=0}return this},c.prototype.clearAnimation=function(){return this.animation.clear(),this},c.prototype.showLoading=function(e){return this.painter.showLoading(e),this},c.prototype.hideLoading=function(){return this.painter.hideLoading(),this},c.prototype.getWidth=function(){return this.painter.getWidth()},c.prototype.getHeight=function(){return this.painter.getHeight()},c.prototype.toDataURL=function(e,t,n){return this.painter.toDataURL(e,t,n)},c.prototype.shapeToImage=function(e,t,n){var i=r();return this.painter.shapeToImage(i,e,t,n)},c.prototype.on=function(e,t,n){return this.handler.on(e,t,n),this},c.prototype.un=function(e,t){return this.handler.un(e,t),this},c.prototype.trigger=function(e,t){return this.handler.trigger(e,t),this},c.prototype.clear=function(){return this.storage.delRoot(),this.painter.clear(),this},c.prototype.dispose=function(){this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,f.delInstance(this.id)},f}),define("zrender",["zrender/zrender"],function(e){return e}),define("zrender/tool/math",[],function(){function t(t,n){return Math.sin(n?t*e:t)}function n(t,n){return Math.cos(n?t*e:t)}function r(t){return t*e}function i(t){return t/e}var e=Math.PI/180;return{sin:t,cos:n,degreeToRadian:r,radianToDegree:i}}),define("zrender/shape/Rose",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"rose",buildPath:function(t,n){var r,i,s=n.r,o,u=n.k,a=n.n||1,f=n.x,l=n.y,c=e("../tool/math");t.moveTo(f,l);for(var h=0,p=s.length;h<p;h++){o=s[h];for(var d=0;d<=360*a;d++)r=o*c.sin(u/a*d%360,!0)*c.cos(d,!0)+f,i=o*c.sin(u/a*d%360,!0)*c.sin(d,!0)+l,t.lineTo(r,i)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.x,r=e.y,i=0;for(var s=0,o=t.length;s<o;s++)t[s]>i&&(i=t[s]);e.maxr=i;var u;return e.brushType=="stroke"||e.brushType=="fill"?u=e.lineWidth||1:u=0,e.__rect={x:-i-u+n,y:-i-u+r,width:2*i+3*u,height:2*i+3*u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Trochoid",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"trochoid",buildPath:function(t,n){var r,i,s,o,u=n.r,a=n.r0,f=n.d,l=n.x,c=n.y,h=n.location=="out"?1:-1,p=e("../tool/math");if(n.location&&u<=a){alert("参数错误");return}var d=0,v=1,m;r=(u+h*a)*p.cos(0)-h*f*p.cos(0)+l,i=(u+h*a)*p.sin(0)-f*p.sin(0)+c,t.moveTo(r,i);do d++;while(a*d%(u+h*a)!==0);do m=Math.PI/180*v,s=(u+h*a)*p.cos(m)-h*f*p.cos((u/a+h)*m)+l,o=(u+h*a)*p.sin(m)-f*p.sin((u/a+h)*m)+c,t.lineTo(s,o),v++;while(v<=a*d/(u+h*a)*360)},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.r0,r=e.d,i=e.location=="out"?1:-1,s=t+r+i*n,o=e.x,u=e.y,a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:-s-a+o,y:-s-a+u,width:2*s+2*a,height:2*s+2*a},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Circle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"circle",buildPath:function(e,t){e.moveTo(t.x+t.r,t.y),e.arc(t.x,t.y,t.r,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/tool/computeBoundingBox",["require","./vector","./curve"],function(e){function r(e,t,n){if(e.length===0)return;var r=e[0][0],i=e[0][0],s=e[0][1],o=e[0][1];for(var u=1;u<e.length;u++){var a=e[u];a[0]<r&&(r=a[0]),a[0]>i&&(i=a[0]),a[1]<s&&(s=a[1]),a[1]>o&&(o=a[1])}t[0]=r,t[1]=s,n[0]=i,n[1]=o}function i(e,t,r,i,s,o){var u=[];n.cubicExtrema(e[0],t[0],r[0],i[0],u);for(var a=0;a<u.length;a++)u[a]=n.cubicAt(e[0],t[0],r[0],i[0],u[a]);var f=[];n.cubicExtrema(e[1],t[1],r[1],i[1],f);for(var a=0;a<f.length;a++)f[a]=n.cubicAt(e[1],t[1],r[1],i[1],f[a]);u.push(e[0],i[0]),f.push(e[1],i[1]);var l=Math.min.apply(null,u),c=Math.max.apply(null,u),h=Math.min.apply(null,f),p=Math.max.apply(null,f);s[0]=l,s[1]=h,o[0]=c,o[1]=p}function s(e,t,r,i,s){var o=n.quadraticExtremum(e[0],t[0],r[0]),u=n.quadraticExtremum(e[1],t[1],r[1]);o=Math.max(Math.min(o,1),0),u=Math.max(Math.min(u,1),0);var a=1-o,f=1-u,l=a*a*e[0]+2*a*o*t[0]+o*o*r[0],c=a*a*e[1]+2*a*o*t[1]+o*o*r[1],h=f*f*e[0]+2*f*u*t[0]+u*u*r[0],p=f*f*e[1]+2*f*u*t[1]+u*u*r[1];i[0]=Math.min(e[0],r[0],l,h),i[1]=Math.min(e[1],r[1],c,p),s[0]=Math.max(e[0],r[0],l,h),s[1]=Math.max(e[1],r[1],c,p)}var t=e("./vector"),n=e("./curve"),o=t.create(),u=t.create(),a=t.create(),f=function(e,n,r,i,s,f,l,c){if(Math.abs(i-s)>=Math.PI*2){l[0]=e-r,l[1]=n-r,c[0]=e+r,c[1]=n+r;return}o[0]=Math.cos(i)*r+e,o[1]=Math.sin(i)*r+n,u[0]=Math.cos(s)*r+e,u[1]=Math.sin(s)*r+n,t.min(l,o,u),t.max(c,o,u),i%=Math.PI*2,i<0&&(i+=Math.PI*2),s%=Math.PI*2,s<0&&(s+=Math.PI*2),i>s&&!f?s+=Math.PI*2:i<s&&f&&(i+=Math.PI*2);if(f){var h=s;s=i,i=h}for(var p=0;p<s;p+=Math.PI/2)p>i&&(a[0]=Math.cos(p)*r+e,a[1]=Math.sin(p)*r+n,t.min(l,a,l),t.max(c,a,c))};return r.cubeBezier=i,r.quadraticBezier=s,r.arc=f,r}),define("zrender/shape/Sector",["require","../tool/math","../tool/computeBoundingBox","../tool/vector","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=e("../tool/computeBoundingBox"),r=e("../tool/vector"),i=e("./Base"),s=r.create(),o=r.create(),u=r.create(),a=r.create(),f=function(e){i.call(this,e)};return f.prototype={type:"sector",buildPath:function(e,n){var r=n.x,i=n.y,s=n.r0||0,o=n.r,u=n.startAngle,a=n.endAngle,f=n.clockWise||!1;u=t.degreeToRadian(u),a=t.degreeToRadian(a),f||(u=-u,a=-a);var l=t.cos(u),c=t.sin(u);e.moveTo(l*s+r,c*s+i),e.lineTo(l*o+r,c*o+i),e.arc(r,i,o,u,a,!f),e.lineTo(t.cos(a)*s+r,t.sin(a)*s+i),s!==0&&e.arc(r,i,s,a,u,f),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var i=e.x,f=e.y,l=e.r0||0,c=e.r,h=t.degreeToRadian(e.startAngle),p=t.degreeToRadian(e.endAngle),d=e.clockWise;return d||(h=-h,p=-p),l>1?n.arc(i,f,l,h,p,!d,s,u):(s[0]=u[0]=i,s[1]=u[1]=f),n.arc(i,f,c,h,p,!d,o,a),r.min(s,s,o),r.max(u,u,a),e.__rect={x:s[0],y:s[1],width:u[0]-s[0],height:u[1]-s[1]},e.__rect}},e("../tool/util").inherits(f,i),f}),define("zrender/shape/Ring",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ring",buildPath:function(e,t){e.arc(t.x,t.y,t.r,0,Math.PI*2,!1),e.moveTo(t.x+t.r0,t.y),e.arc(t.x,t.y,t.r0,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Ellipse",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ellipse",buildPath:function(e,t){var n=.5522848,r=t.x,i=t.y,s=t.a,o=t.b,u=s*n,a=o*n;e.moveTo(r-s,i),e.bezierCurveTo(r-s,i-a,r-u,i-o,r,i-o),e.bezierCurveTo(r+u,i-o,r+s,i-a,r+s,i),e.bezierCurveTo(r+s,i+a,r+u,i+o,r,i+o),e.bezierCurveTo(r-u,i+o,r-s,i+a,r-s,i),e.closePath()},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.a-t/2),y:Math.round(e.y-e.b-t/2),width:e.a*2+t,height:e.b*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/PathProxy",["require","../../tool/vector"],function(e){var t=e("../../tool/vector"),n=function(e,t){this.command=e,this.points=t||null},r=function(){this.pathCommands=[],this._ctx=null,this._min=[],this._max=[]};return r.prototype.fastBoundingRect=function(){var e=this._min,n=this._max;e[0]=e[1]=Infinity,n[0]=n[1]=-Infinity;for(var r=0;r<this.pathCommands.length;r++){var i=this.pathCommands[r],s=i.points;switch(i.command){case"M":t.min(e,e,s),t.max(n,n,s);break;case"L":t.min(e,e,s),t.max(n,n,s);break;case"C":for(var o=0;o<6;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"Q":for(var o=0;o<4;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"A":var u=s[0],a=s[1],f=s[2],l=s[3];e[0]=Math.min(e[0],e[0],u-f),e[1]=Math.min(e[1],e[1],a-l),n[0]=Math.max(n[0],n[0],u+f),n[1]=Math.max(n[1],n[1],a+l)}}return{x:e[0],y:e[1],width:n[0]-e[0],height:n[1]-e[1]}},r.prototype.begin=function(e){return this._ctx=e||null,this.pathCommands.length=0,this},r.prototype.moveTo=function(e,t){return this.pathCommands.push(new n("M",[e,t])),this._ctx&&this._ctx.moveTo(e,t),this},r.prototype.lineTo=function(e,t){return this.pathCommands.push(new n("L",[e,t])),this._ctx&&this._ctx.lineTo(e,t),this},r.prototype.bezierCurveTo=function(e,t,r,i,s,o){return this.pathCommands.push(new n("C",[e,t,r,i,s,o])),this._ctx&&this._ctx.bezierCurveTo(e,t,r,i,s,o),this},r.prototype.quadraticCurveTo=function(e,t,r,i){return this.pathCommands.push(new n("Q",[e,t,r,i])),this._ctx&&this._ctx.quadraticCurveTo(e,t,r,i),this},r.prototype.arc=function(e,t,r,i,s,o){return this.pathCommands.push(new n("A",[e,t,r,r,i,s-i,0,o?0:1])),this._ctx&&this._ctx.arc(e,t,r,i,s,o),this},r.prototype.arcTo=function(e,t,n,r,i){return this._ctx&&this._ctx.arcTo(e,t,n,r,i),this},r.prototype.rect=function(e,t,n,r){return this._ctx&&this._ctx.rect(e,t,n,r),this},r.prototype.closePath=function(){return this.pathCommands.push(new n("z")),this._ctx&&this._ctx.closePath(),this},r.prototype.isEmpty=function(){return this.pathCommands.length===0},r.PathSegment=n,r}),define("zrender/shape/Heart",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"heart",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y),r.bezierCurveTo(t.x+t.a/2,t.y-t.b*2/3,t.x+t.a*2,t.y+t.b/3,t.x,t.y+t.b),r.bezierCurveTo(t.x-t.a*2,t.y+t.b/3,t.x-t.a/2,t.y-t.b*2/3,t.x,t.y),r.closePath();return},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.transformCoordToLocal(e,t);e=n[0],t=n[1];if(this.isCoverRect(e,t))return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/Droplet",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"droplet",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y+t.a),r.bezierCurveTo(t.x+t.a,t.y+t.a,t.x+t.a*3/2,t.y-t.a/3,t.x,t.y-t.b),r.bezierCurveTo(t.x-t.a*3/2,t.y-t.a/3,t.x-t.a,t.y+t.a,t.x,t.y+t.a),r.closePath()},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.transformCoordToLocal(e,t);e=n[0],t=n[1];if(this.isCoverRect(e,t))return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/util/dashedLineTo",[],function(){var e=[5,5];return function(t,n,r,i,s,o){if(t.setLineDash){e[0]=e[1]=o,t.setLineDash(e),t.moveTo(n,r),t.lineTo(i,s);return}o=typeof o!="number"?5:o;var u=i-n,a=s-r,f=Math.floor(Math.sqrt(u*u+a*a)/o);u/=f,a/=f;var l=!0;for(var c=0;c<f;++c)l?t.moveTo(n,r):t.lineTo(n,r),l=!l,n+=u,r+=a;t.lineTo(i,s)}}),define("zrender/shape/Line",["require","./Base","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/dashedLineTo"),r=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return r.prototype={type:"line",buildPath:function(e,t){if(!t.lineType||t.lineType=="solid")e.moveTo(t.xStart,t.yStart),e.lineTo(t.xEnd,t.yEnd);else if(t.lineType=="dashed"||t.lineType=="dotted"){var r=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);n(e,t.xStart,t.yStart,t.xEnd,t.yEnd,r)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.lineWidth||1;return e.__rect={x:Math.min(e.xStart,e.xEnd)-t,y:Math.min(e.yStart,e.yEnd)-t,width:Math.abs(e.xStart-e.xEnd)+t,height:Math.abs(e.yStart-e.yEnd)+t},e.__rect}},e("../tool/util").inherits(r,t),r}),define("zrender/shape/Star",["require","../tool/math","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base"),o=function(e){s.call(this,e)};return o.prototype={type:"star",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=t.r0;f==null&&(f=s>4?a*r(2*i/s)/r(i/s):a/3);var l=i/s,c=-i/2,h=o+a*r(c),p=u+a*n(c);c+=l;var d=t.pointList=[];d.push([h,p]);for(var v=0,m=s*2-1,g;v<m;v++)g=v%2===0?f:a,d.push([o+g*r(c),u+g*n(c)]),c+=l;d.push([h,p]),e.moveTo(d[0][0],d[0][1]);for(var v=0;v<d.length;v++)e.lineTo(d[v][0],d[v][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/Isogon",["require","../tool/math","./Base","../tool/util"],function(e){function o(e){s.call(this,e)}var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base");return o.prototype={type:"isogon",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=2*i/s,l=-i/2,c=o+a*r(l),h=u+a*n(l);l+=f;var p=t.pointList=[];p.push([c,h]);for(var d=0,v=s-1;d<v;d++)p.push([o+a*r(l),u+a*n(l)]),l+=f;p.push([c,h]),e.moveTo(p[0][0],p[0][1]);for(var d=0;d<p.length;d++)e.lineTo(p[d][0],p[d][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/BezierCurve",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return n.prototype={type:"bezier-curve",buildPath:function(e,t){e.moveTo(t.xStart,t.yStart),typeof t.cpX2!="undefined"&&typeof t.cpY2!="undefined"?e.bezierCurveTo(t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd):e.quadraticCurveTo(t.cpX1,t.cpY1,t.xEnd,t.yEnd)},getRect:function(e){if(e.__rect)return e.__rect;var t=Math.min(e.xStart,e.xEnd,e.cpX1),n=Math.min(e.yStart,e.yEnd,e.cpY1),r=Math.max(e.xStart,e.xEnd,e.cpX1),i=Math.max(e.yStart,e.yEnd,e.cpY1),s=e.cpX2,o=e.cpY2;typeof s!="undefined"&&typeof o!="undefined"&&(t=Math.min(t,s),n=Math.min(n,o),r=Math.max(r,s),i=Math.max(i,o));var u=e.lineWidth||1;return e.__rect={x:t-u,y:n-u,width:r-t+u,height:i-n+u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/smoothSpline",["require","../../tool/vector"],function(e){function n(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}var t=e("../../tool/vector");return function(e,r,i){var s=e.length,o=[],u=0;for(var a=1;a<s;a++)u+=t.distance(e[a-1],e[a]);var f=u/5;f=f<s?s:f;for(var a=0;a<f;a++){var l=a/(f-1)*(r?s:s-1),c=Math.floor(l),h=l-c,p,d=e[c%s],v,m;r?(p=e[(c-1+s)%s],v=e[(c+1)%s],m=e[(c+2)%s]):(p=e[c===0?c:c-1],v=e[c>s-2?s-1:c+1],m=e[c>s-3?s-1:c+2]);var g=h*h,y=h*g;o.push([n(p[0],d[0],v[0],m[0],h,g,y),n(p[1],d[1],v[1],m[1],h,g,y)])}return o}}),define("zrender/shape/util/smoothBezier",["require","../../tool/vector"],function(e){var t=e("../../tool/vector");return function(e,n,r,i){var s=[],o=[],u=[],a=[],f,l,c=!!i,h,p;if(c){h=[Infinity,Infinity],p=[-Infinity,-Infinity];for(var d=0,v=e.length;d<v;d++)t.min(h,h,e[d]),t.max(p,p,e[d]);t.min(h,h,i[0]),t.max(p,p,i[1])}for(var d=0,v=e.length;d<v;d++){var m=e[d],f,l;if(r)f=e[d?d-1:v-1],l=e[(d+1)%v];else{if(d===0||d===v-1){s.push(t.clone(e[d]));continue}f=e[d-1],l=e[d+1]}t.sub(o,l,f),t.scale(o,o,n);var g=t.distance(m,f),y=t.distance(m,l),b=g+y;b!==0&&(g/=b,y/=b),t.scale(u,o,-g),t.scale(a,o,y);var w=t.add([],m,u),E=t.add([],m,a);c&&(t.max(w,w,h),t.min(w,w,p),t.max(E,E,h),t.min(E,E,p)),s.push(w),s.push(E)}return r&&s.push(t.clone(s.shift())),s}}),define("zrender/shape/Polygon",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){t.call(this,e)};return s.prototype={type:"polygon",buildPath:function(e,t){var s=t.pointList;if(s.length<2)return;if(t.smooth&&t.smooth!=="spline"){var o=r(s,t.smooth,!0,t.smoothConstraint);e.moveTo(s[0][0],s[0][1]);var u,a,f,l=s.length;for(var c=0;c<l;c++)u=o[c*2],a=o[c*2+1],f=s[(c+1)%l],e.bezierCurveTo(u[0],u[1],a[0],a[1],f[0],f[1])}else{t.smooth==="spline"&&(s=n(s,!0));if(!t.lineType||t.lineType=="solid"){e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)e.lineTo(s[c][0],s[c][1]);e.lineTo(s[0][0],s[0][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var p=t._dashLength||(t.lineWidth||1)*(t.lineType=="dashed"?5:1);t._dashLength=p,e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)i(e,s[c-1][0],s[c-1][1],s[c][0],s[c][1],p);i(e,s[s.length-1][0],s[s.length-1][1],s[0][0],s[0][1],p)}}e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t=Number.MAX_VALUE,n=Number.MIN_VALUE,r=Number.MAX_VALUE,i=Number.MIN_VALUE,s=e.pointList;for(var o=0,u=s.length;o<u;o++)s[o][0]<t&&(t=s[o][0]),s[o][0]>n&&(n=s[o][0]),s[o][1]<r&&(r=s[o][1]),s[o][1]>i&&(i=s[o][1]);var a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:Math.round(t-a/2),y:Math.round(r-a/2),width:n-t+a,height:i-r+a},e.__rect}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Polyline",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","./Polygon","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return s.prototype={type:"polyline",buildPath:function(e,t){var r=t.pointList;if(r.length<2)return;var s=Math.min(t.pointList.length,Math.round(t.pointListLength||t.pointList.length));if(t.smooth&&t.smooth!=="spline"){t.controlPointList||this.updateControlPoints(t);var o=t.controlPointList;e.moveTo(r[0][0],r[0][1]);var u,a,f;for(var l=0;l<s-1;l++)u=o[l*2],a=o[l*2+1],f=r[l+1],e.bezierCurveTo(u[0],u[1],a[0],a[1],f[0],f[1])}else{t.smooth==="spline"&&(r=n(r),s=r.length);if(!t.lineType||t.lineType=="solid"){e.moveTo(r[0][0],r[0][1]);for(var l=1;l<s;l++)e.lineTo(r[l][0],r[l][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var c=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);e.moveTo(r[0][0],r[0][1]);for(var l=1;l<s;l++)i(e,r[l-1][0],r[l-1][1],r[l][0],r[l][1],c)}}return},updateControlPoints:function(e){e.controlPointList=r(e.pointList,e.smooth,!1,e.smoothConstraint)},getRect:function(t){return e("./Polygon").prototype.getRect(t)}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Path",["require","./Base","./util/PathProxy","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=n.PathSegment,i=function(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])},s=function(e,t){return(e[0]*t[0]+e[1]*t[1])/(i(e)*i(t))},o=function(e,t){return(e[0]*t[1]<e[1]*t[0]?-1:1)*Math.acos(s(e,t))},u=function(e){t.call(this,e)};return u.prototype={type:"path",buildPathArray:function(e,t,n){if(!e)return[];t=t||0,n=n||0;var i=e,s=["m","M","l","L","v","V","h","H","z","Z","c","C","q","Q","t","T","s","S","a","A"];i=i.replace(/-/g," -"),i=i.replace(/  /g," "),i=i.replace(/ /g,","),i=i.replace(/,,/g,",");var o;for(o=0;o<s.length;o++)i=i.replace(new RegExp(s[o],"g"),"|"+s[o]);var u=i.split("|"),a=[],f=0,l=0;for(o=1;o<u.length;o++){var c=u[o],h=c.charAt(0);c=c.slice(1),c=c.replace(new RegExp("e,-","g"),"e-");var p=c.split(",");p.length>0&&p[0]===""&&p.shift();for(var d=0;d<p.length;d++)p[d]=parseFloat(p[d]);while(p.length>0){if(isNaN(p[0]))break;var v=null,m=[],g,y,b,w,E,S,x,T,N=f,C=l;switch(h){case"l":f+=p.shift(),l+=p.shift(),v="L",m.push(f,l);break;case"L":f=p.shift(),l=p.shift(),m.push(f,l);break;case"m":f+=p.shift(),l+=p.shift(),v="M",m.push(f,l),h="l";break;case"M":f=p.shift(),l=p.shift(),v="M",m.push(f,l),h="L";break;case"h":f+=p.shift(),v="L",m.push(f,l);break;case"H":f=p.shift(),v="L",m.push(f,l);break;case"v":l+=p.shift(),v="L",m.push(f,l);break;case"V":l=p.shift(),v="L",m.push(f,l);break;case"C":m.push(p.shift(),p.shift(),p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"c":m.push(f+p.shift(),l+p.shift(),f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"S":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,p.shift(),p.shift()),f=p.shift(),l=p.shift(),v="C",m.push(f,l);break;case"s":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"Q":m.push(p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"q":m.push(f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="Q",m.push(f,l);break;case"T":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f=p.shift(),l=p.shift(),v="Q",m.push(g,y,f,l);break;case"t":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f+=p.shift(),l+=p.shift(),v="Q",m.push(g,y,f,l);break;case"A":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f=p.shift(),l=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S);break;case"a":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f+=p.shift(),l+=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S)}for(var k=0,L=m.length;k<L;k+=2)m[k]+=t,m[k+1]+=n;a.push(new r(v||h,m))}(h==="z"||h==="Z")&&a.push(new r("z",[]))}return a},_convertPoint:function(e,t,n,r,i,u,a,f,l){var c=l*(Math.PI/180),h=Math.cos(c)*(e-n)/2+Math.sin(c)*(t-r)/2,p=-1*Math.sin(c)*(e-n)/2+Math.cos(c)*(t-r)/2,d=h*h/(a*a)+p*p/(f*f);d>1&&(a*=Math.sqrt(d),f*=Math.sqrt(d));var v=Math.sqrt((a*a*f*f-a*a*p*p-f*f*h*h)/(a*a*p*p+f*f*h*h));i===u&&(v*=-1),isNaN(v)&&(v=0);var m=v*a*p/f,g=v*-f*h/a,y=(e+n)/2+Math.cos(c)*m-Math.sin(c)*g,b=(t+r)/2+Math.sin(c)*m+Math.cos(c)*g,w=o([1,0],[(h-m)/a,(p-g)/f]),E=[(h-m)/a,(p-g)/f],S=[(-1*h-m)/a,(-1*p-g)/f],x=o(E,S);return s(E,S)<=-1&&(x=Math.PI),s(E,S)>=1&&(x=0),u===0&&x>0&&(x-=2*Math.PI),u===1&&x<0&&(x+=2*Math.PI),[y,b,a,f,w,x,c,u]},buildPath:function(e,t){var n=t.path,r=t.x||0,i=t.y||0;t.pathArray=t.pathArray||this.buildPathArray(n,r,i);var s=t.pathArray,o=t.pointList=[],u=[];for(var a=0,f=s.length;a<f;a++){s[a].command.toUpperCase()=="M"&&(u.length>0&&o.push(u),u=[]);var l=s[a].points;for(var c=0,h=l.length;c<h;c+=2)u.push([l[c],l[c+1]])}u.length>0&&o.push(u);for(var a=0,f=s.length;a<f;a++){var p=s[a].command,l=s[a].points;switch(p){case"L":e.lineTo(l[0],l[1]);break;case"M":e.moveTo(l[0],l[1]);break;case"C":e.bezierCurveTo(l[0],l[1],l[2],l[3],l[4],l[5]);break;case"Q":e.quadraticCurveTo(l[0],l[1],l[2],l[3]);break;case"A":var d=l[0],v=l[1],m=l[2],g=l[3],y=l[4],b=l[5],w=l[6],E=l[7],S=m>g?m:g,x=m>g?1:m/g,T=m>g?g/m:1;e.translate(d,v),e.rotate(w),e.scale(x,T),e.arc(0,0,S,y,y+b,1-E),e.scale(1/x,1/T),e.rotate(-w),e.translate(-d,-v);break;case"z":e.closePath()}}return},getRect:function(e){if(e.__rect)return e.__rect;var t;e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0;var n=Number.MAX_VALUE,r=Number.MIN_VALUE,i=Number.MAX_VALUE,s=Number.MIN_VALUE,o=e.x||0,u=e.y||0,a=e.pathArray||this.buildPathArray(e.path);for(var f=0;f<a.length;f++){var l=a[f].points;for(var c=0;c<l.length;c++)c%2===0?(l[c]+o<n&&(n=l[c]),l[c]+o>r&&(r=l[c])):(l[c]+u<i&&(i=l[c]),l[c]+u>s&&(s=l[c]))}var h;return n===Number.MAX_VALUE||r===Number.MIN_VALUE||i===Number.MAX_VALUE||s===Number.MIN_VALUE?h={x:0,y:0,width:0,height:0}:h={x:Math.round(n-t/2),y:Math.round(i-t/2),width:r-n+t,height:s-i+t},e.__rect=h,h}},e("../tool/util").inherits(u,t),u}),define("zrender/loadingEffect/Bar",["require","./Base","../tool/util","../tool/color","../shape/Rectangle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Rectangle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effectOption:{x:0,y:this.canvasHeight/2-30,width:this.canvasWidth,height:5,brushType:"fill",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=new i({highlightStyle:n.clone(a)});f.highlightStyle.color=a.color||r.getLinearGradient(a.x,a.y,a.x+a.width,a.y+a.height,[[0,"#ff6400"],[.5,"#ffe100"],[1,"#b1ff00"]]);if(s.progress!=null){e(u),f.highlightStyle.width=this.adjust(s.progress,[0,1])*s.effectOption.width,e(f),e(o),t();return}return f.highlightStyle.width=0,setInterval(function(){e(u),f.highlightStyle.width<a.width?f.highlightStyle.width+=8:f.highlightStyle.width=0,e(f),e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Bubble",["require","./Base","../tool/util","../tool/color","../shape/Circle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Circle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{n:50,lineWidth:2,brushType:"stroke",color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effect,f=a.n,l=a.brushType,c=a.lineWidth,h=[],p=this.canvasWidth,d=this.canvasHeight;for(var v=0;v<f;v++){var m=a.color=="random"?r.alpha(r.random(),.3):a.color;h[v]=new i({highlightStyle:{x:Math.ceil(Math.random()*p),y:Math.ceil(Math.random()*d),r:Math.ceil(Math.random()*40),brushType:l,color:m,strokeColor:m,lineWidth:c},animationY:Math.ceil(Math.random()*20)})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=h[n].highlightStyle;r.y-h[n].animationY+r.r<=0&&(h[n].highlightStyle.y=d+r.r,h[n].highlightStyle.x=Math.ceil(Math.random()*p)),h[n].highlightStyle.y-=h[n].animationY,e(h[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/DynamicLine",["require","./Base","../tool/util","../tool/color","../shape/Line"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Line");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#fff"},backgroundColor:"rgba(0, 0, 0, 0.8)",effectOption:{n:30,lineWidth:1,color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=a.n,l=a.lineWidth,c=[],h=this.canvasWidth,p=this.canvasHeight;for(var d=0;d<f;d++){var v=-Math.ceil(Math.random()*1e3),m=Math.ceil(Math.random()*400),g=Math.ceil(Math.random()*p),y=a.color=="random"?r.random():a.color;c[d]=new i({highlightStyle:{xStart:v,yStart:g,xEnd:v+m,yEnd:g,strokeColor:y,lineWidth:l},animationX:Math.ceil(Math.random()*100),len:m})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=c[n].highlightStyle;r.xStart>=h&&(c[n].len=Math.ceil(Math.random()*400),r.xStart=-400,r.xEnd=-400+c[n].len,r.yStart=Math.ceil(Math.random()*p),r.yEnd=r.yStart),r.xStart+=c[n].animationX,r.xEnd+=c[n].animationX,e(c[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Ring",["require","./Base","../tool/util","../tool/color","../shape/Ring","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Ring"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#07a"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{x:this.canvasWidth/2,y:this.canvasHeight/2,r0:60,r:100,color:"#bbdcff",brushType:"fill",textPosition:"inside",textFont:"normal 30px verdana",textColor:"rgba(30, 144, 255, 0.6)",timeInterval:100}}),u=o.effect,a=o.textStyle;a.x==null&&(a.x=u.x),a.y==null&&(a.y=u.y+(u.r0+u.r)/2-5);var f=this.createTextShape(o.textStyle),l=this.createBackgroundShape(o.backgroundColor),c=u.x,h=u.y,p=u.r0+6,d=u.r-6,v=u.color,m=r.lift(v,.1),g=new i({highlightStyle:n.clone(u)}),y=[],b=r.getGradientColors(["#ff6400","#ffe100","#97ff00"],25),w=15,E=240;for(var S=0;S<16;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2]],[1,b[S*2+1]]])})),E-=w;E=360;for(var S=0;S<4;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2+32]],[1,b[S*2+33]]])})),E-=w;var x=0;if(o.progress!=null){e(l),x=this.adjust(o.progress,[0,1]).toFixed(2)*100/5,g.highlightStyle.text=x*5+"%",e(g);for(var S=0;S<20;S++)y[S].highlightStyle.color=S<x?y[S]._color:m,e(y[S]);e(f),t();return}return setInterval(function(){e(l),x+=x>=20?-20:1,e(g);for(var n=0;n<20;n++)y[n].highlightStyle.color=n<x?y[n]._color:m,e(y[n]);e(f),t()},u.timeInterval)},o}),define("zrender/loadingEffect/Spin",["require","./Base","../tool/util","../tool/color","../tool/area","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../tool/area"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#fff",textAlign:"start"},backgroundColor:"rgba(0, 0, 0, 0.8)"}),u=this.createTextShape(o.textStyle),a=10,f=i.getTextWidth(u.highlightStyle.text,u.highlightStyle.textFont),l=i.getTextHeight(u.highlightStyle.text,u.highlightStyle.textFont),c=n.merge(this.options.effect||{},{r0:9,r:15,n:18,color:"#fff",timeInterval:100}),h=this.getLocation(this.options.textStyle,f+a+c.r*2,Math.max(c.r*2,l));c.x=h.x+c.r,c.y=u.highlightStyle.y=h.y+h.height/2,u.highlightStyle.x=c.x+c.r+a;var p=this.createBackgroundShape(o.backgroundColor),d=c.n,v=c.x,m=c.y,g=c.r0,y=c.r,b=c.color,w=[],E=Math.round(180/d);for(var S=0;S<d;S++)w[S]=new s({highlightStyle:{x:v,y:m,r0:g,r:y,startAngle:E*S*2,endAngle:E*S*2+E,color:r.alpha(b,(S+1)/d),brushType:"fill"}});var x=[0,v,m];return setInterval(function(){e(p),x[0]-=.3;for(var n=0;n<d;n++)w[n].rotation=x,e(w[n]);e(u),t()},c.timeInterval)},o}),define("zrender/loadingEffect/Whirling",["require","./Base","../tool/util","../tool/area","../shape/Ring","../shape/Droplet","../shape/Circle"],function(e){function u(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/area"),i=e("../shape/Ring"),s=e("../shape/Droplet"),o=e("../shape/Circle");return n.inherits(u,t),u.prototype._start=function(e,t){var u=n.merge(this.options,{textStyle:{color:"#888",textAlign:"start"},backgroundColor:"rgba(250, 250, 250, 0.8)"}),a=this.createTextShape(u.textStyle),f=10,l=r.getTextWidth(a.highlightStyle.text,a.highlightStyle.textFont),c=r.getTextHeight(a.highlightStyle.text,a.highlightStyle.textFont),h=n.merge(this.options.effect||{},{r:18,colorIn:"#fff",colorOut:"#555",colorWhirl:"#6cf",timeInterval:50}),p=this.getLocation(this.options.textStyle,l+f+h.r*2,Math.max(h.r*2,c));h.x=p.x+h.r,h.y=a.highlightStyle.y=p.y+p.height/2,a.highlightStyle.x=h.x+h.r+f;var d=this.createBackgroundShape(u.backgroundColor),v=new s({highlightStyle:{a:Math.round(h.r/2),b:Math.round(h.r-h.r/6),brushType:"fill",color:h.colorWhirl}}),m=new o({highlightStyle:{r:Math.round(h.r/6),brushType:"fill",color:h.colorIn}}),g=new i({highlightStyle:{r0:Math.round(h.r-h.r/3),r:h.r,brushType:"fill",color:h.colorOut}}),y=[0,h.x,h.y];return v.highlightStyle.x=m.highlightStyle.x=g.highlightStyle.x=y[1],v.highlightStyle.y=m.highlightStyle.y=g.highlightStyle.y=y[2],setInterval(function(){e(d),e(g),y[0]-=.3,v.rotation=y,e(v),e(m),e(a),t()},h.timeInterval)},u});
\ No newline at end of file
+define("zrender/dep/excanvas",["require"],function(e){return document.createElement("canvas").getContext?G_vmlCanvasManager=!1:function(){function f(){return this.context_||(this.context_=new I(this))}function c(e,t,n){var r=l.call(arguments,2);return function(){return e.apply(t,r.concat(l.call(arguments)))}}function h(e){return String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function p(e,t,n){e.namespaces[t]||e.namespaces.add(t,n,"#default#VML")}function d(e){p(e,"g_vml_","urn:schemas-microsoft-com:vml"),p(e,"g_o_","urn:schemas-microsoft-com:office:office");if(!e.styleSheets.ex_canvas_){var t=e.createStyleSheet();t.owningElement.id="ex_canvas_",t.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}function m(e){var t=e.srcElement;switch(e.propertyName){case"width":t.getContext().clearRect(),t.style.width=t.attributes.width.nodeValue+"px",t.firstChild.style.width=t.clientWidth+"px";break;case"height":t.getContext().clearRect(),t.style.height=t.attributes.height.nodeValue+"px",t.firstChild.style.height=t.clientHeight+"px"}}function g(e){var t=e.srcElement;t.firstChild&&(t.firstChild.style.width=t.clientWidth+"px",t.firstChild.style.height=t.clientHeight+"px")}function E(){return[[1,0,0],[0,1,0],[0,0,1]]}function S(e,t){var n=E();for(var r=0;r<3;r++)for(var i=0;i<3;i++){var s=0;for(var o=0;o<3;o++)s+=e[r][o]*t[o][i];n[r][i]=s}return n}function x(e,t){t.fillStyle=e.fillStyle,t.lineCap=e.lineCap,t.lineJoin=e.lineJoin,t.lineWidth=e.lineWidth,t.miterLimit=e.miterLimit,t.shadowBlur=e.shadowBlur,t.shadowColor=e.shadowColor,t.shadowOffsetX=e.shadowOffsetX,t.shadowOffsetY=e.shadowOffsetY,t.strokeStyle=e.strokeStyle,t.globalAlpha=e.globalAlpha,t.font=e.font,t.textAlign=e.textAlign,t.textBaseline=e.textBaseline,t.scaleX_=e.scaleX_,t.scaleY_=e.scaleY_,t.lineScale_=e.lineScale_}function N(e){var t=e.indexOf("(",3),n=e.indexOf(")",t+1),r=e.substring(t+1,n).split(",");if(r.length!=4||e.charAt(3)!="a")r[3]=1;return r}function C(e){return parseFloat(e)/100}function k(e,t,n){return Math.min(n,Math.max(t,e))}function L(e){var t,n,r,i,s,o;i=parseFloat(e[0])/360%360,i<0&&i++,s=k(C(e[1]),0,1),o=k(C(e[2]),0,1);if(s==0)t=n=r=o;else{var u=o<.5?o*(1+s):o+s-o*s,a=2*o-u;t=A(a,u,i+1/3),n=A(a,u,i),r=A(a,u,i-1/3)}return"#"+y[Math.floor(t*255)]+y[Math.floor(n*255)]+y[Math.floor(r*255)]}function A(e,t,n){return n<0&&n++,n>1&&n--,6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function M(e){if(e in O)return O[e];var t,n=1;e=String(e);if(e.charAt(0)=="#")t=e;else if(/^rgb/.test(e)){var r=N(e),t="#",i;for(var s=0;s<3;s++)r[s].indexOf("%")!=-1?i=Math.floor(C(r[s])*255):i=+r[s],t+=y[k(i,0,255)];n=+r[3]}else if(/^hsl/.test(e)){var r=N(e);t=L(r),n=r[3]}else t=T[e]||e;return O[e]={color:t,alpha:n}}function P(e){if(D[e])return D[e];var t=document.createElement("div"),n=t.style,r;try{n.font=e,r=n.fontFamily.split(",")[0]}catch(i){}return D[e]={style:n.fontStyle||_.style,variant:n.fontVariant||_.variant,weight:n.fontWeight||_.weight,size:n.fontSize||_.size,family:r||_.family}}function H(e,t){var n={};for(var r in e)n[r]=e[r];var i=parseFloat(t.currentStyle.fontSize),s=parseFloat(e.size);return typeof e.size=="number"?n.size=e.size:e.size.indexOf("px")!=-1?n.size=s:e.size.indexOf("em")!=-1?n.size=i*s:e.size.indexOf("%")!=-1?n.size=i/100*s:e.size.indexOf("pt")!=-1?n.size=s/.75:n.size=i,n}function B(e){return e.style+" "+e.variant+" "+e.weight+" "+e.size+"px '"+e.family+"'"}function F(e){return j[e]||"square"}function I(e){this.m_=E(),this.mStack_=[],this.aStack_=[],this.currentPath_=[],this.strokeStyle="#000",this.fillStyle="#000",this.lineWidth=1,this.lineJoin="miter",this.lineCap="butt",this.miterLimit=o*1,this.globalAlpha=1,this.font="12px 微软雅黑",this.textAlign="left",this.textBaseline="alphabetic",this.canvas=e;var t="width:"+e.clientWidth+"px;height:"+e.clientHeight+"px;overflow:hidden;position:absolute",n=e.ownerDocument.createElement("div");n.style.cssText=t,e.appendChild(n);var r=n.cloneNode(!1);r.style.backgroundColor="#fff",r.style.filter="alpha(opacity=0)",e.appendChild(r),this.element_=n,this.scaleX_=1,this.scaleY_=1,this.lineScale_=1}function R(e,t,n,r){e.currentPath_.push({type:"bezierCurveTo",cp1x:t.x,cp1y:t.y,cp2x:n.x,cp2y:n.y,x:r.x,y:r.y}),e.currentX_=r.x,e.currentY_=r.y}function U(e,t){var n=M(e.strokeStyle),r=n.color,i=n.alpha*e.globalAlpha,s=e.lineScale_*e.lineWidth;s<1&&(i*=s),t.push("<g_vml_:stroke",' opacity="',i,'"',' joinstyle="',e.lineJoin,'"',' miterlimit="',e.miterLimit,'"',' endcap="',F(e.lineCap),'"',' weight="',s,'px"',' color="',r,'" />')}function z(t,n,r,i){var s=t.fillStyle,u=t.scaleX_,a=t.scaleY_,f=i.x-r.x,l=i.y-r.y;if(s instanceof $){var c=0,h={x:0,y:0},p=0,d=1;if(s.type_=="gradient"){var v=s.x0_/u,m=s.y0_/a,g=s.x1_/u,y=s.y1_/a,b=W(t,v,m),w=W(t,g,y),E=w.x-b.x,S=w.y-b.y;c=Math.atan2(E,S)*180/Math.PI,c<0&&(c+=360),c<1e-6&&(c=0)}else{var b=W(t,s.x0_,s.y0_);h={x:(b.x-r.x)/f,y:(b.y-r.y)/l},f/=u*o,l/=a*o;var x=e.max(f,l);p=2*s.r0_/x,d=2*s.r1_/x-p}var T=s.colors_;T.sort(function(e,t){return e.offset-t.offset});var N=T.length,C=T[0].color,k=T[N-1].color,L=T[0].alpha*t.globalAlpha,A=T[N-1].alpha*t.globalAlpha,O=[];for(var _=0;_<N;_++){var D=T[_];O.push(D.offset*d+p+" "+D.color)}n.push('<g_vml_:fill type="',s.type_,'"',' method="none" focus="100%"',' color="',C,'"',' color2="',k,'"',' colors="',O.join(","),'"',' opacity="',A,'"',' g_o_:opacity2="',L,'"',' angle="',c,'"',' focusposition="',h.x,",",h.y,'" />')}else if(s instanceof J){if(f&&l){var P=-r.x,H=-r.y;n.push("<g_vml_:fill",' position="',P/f*u*u,",",H/l*a*a,'"',' type="tile"',' src="',s.src_,'" />')}}else{var B=M(t.fillStyle),j=B.color,F=B.alpha*t.globalAlpha;n.push('<g_vml_:fill color="',j,'" opacity="',F,'" />')}}function W(e,t,n){var r=e.m_;return{x:o*(t*r[0][0]+n*r[1][0]+r[2][0])-u,y:o*(t*r[0][1]+n*r[1][1]+r[2][1])-u}}function X(e){return isFinite(e[0][0])&&isFinite(e[0][1])&&isFinite(e[1][0])&&isFinite(e[1][1])&&isFinite(e[2][0])&&isFinite(e[2][1])}function V(e,t,n){if(!X(t))return;e.m_=t,e.scaleX_=Math.sqrt(t[0][0]*t[0][0]+t[0][1]*t[0][1]),e.scaleY_=Math.sqrt(t[1][0]*t[1][0]+t[1][1]*t[1][1]);if(n){var r=t[0][0]*t[1][1]-t[0][1]*t[1][0];e.lineScale_=s(i(r))}}function $(e){this.type_=e,this.x0_=0,this.y0_=0,this.r0_=0,this.x1_=0,this.y1_=0,this.r1_=0,this.colors_=[]}function J(e,t){Q(e);switch(t){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=t;break;default:K("SYNTAX_ERR")}this.src_=e.src,this.width_=e.width,this.height_=e.height}function K(e){throw new G(e)}function Q(e){(!e||e.nodeType!=1||e.tagName!="IMG")&&K("TYPE_MISMATCH_ERR"),e.readyState!="complete"&&K("INVALID_STATE_ERR")}function G(e){this.code=this[e],this.message=e+": DOM Exception "+this.code}var e=Math,t=e.round,n=e.sin,r=e.cos,i=e.abs,s=e.sqrt,o=10,u=o/2,a=+navigator.userAgent.match(/MSIE ([\d.]+)?/)[1],l=Array.prototype.slice;d(document);var v={init:function(e){var t=e||document;t.createElement("canvas"),t.attachEvent("onreadystatechange",c(this.init_,this,t))},init_:function(e){var t=e.getElementsByTagName("canvas");for(var n=0;n<t.length;n++)this.initElement(t[n])},initElement:function(e){if(!e.getContext){e.getContext=f,d(e.ownerDocument),e.innerHTML="",e.attachEvent("onpropertychange",m),e.attachEvent("onresize",g);var t=e.attributes;t.width&&t.width.specified?e.style.width=t.width.nodeValue+"px":e.width=e.clientWidth,t.height&&t.height.specified?e.style.height=t.height.nodeValue+"px":e.height=e.clientHeight}return e}};v.init();var y=[];for(var b=0;b<16;b++)for(var w=0;w<16;w++)y[b*16+w]=b.toString(16)+w.toString(16);var T={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",grey:"#808080",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",oldlace:"#FDF5E6",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",whitesmoke:"#F5F5F5",yellowgreen:"#9ACD32"},O={},_={style:"normal",variant:"normal",weight:"normal",size:12,family:"微软雅黑"},D={},j={butt:"flat",round:"round"},q=I.prototype;q.clearRect=function(){this.textMeasureEl_&&(this.textMeasureEl_.removeNode(!0),this.textMeasureEl_=null),this.element_.innerHTML=""},q.beginPath=function(){this.currentPath_=[]},q.moveTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"moveTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.lineTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"lineTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.bezierCurveTo=function(e,t,n,r,i,s){var o=W(this,i,s),u=W(this,e,t),a=W(this,n,r);R(this,u,a,o)},q.quadraticCurveTo=function(e,t,n,r){var i=W(this,e,t),s=W(this,n,r),o={x:this.currentX_+2/3*(i.x-this.currentX_),y:this.currentY_+2/3*(i.y-this.currentY_)},u={x:o.x+(s.x-this.currentX_)/3,y:o.y+(s.y-this.currentY_)/3};R(this,o,u,s)},q.arc=function(e,t,i,s,a,f){i*=o;var l=f?"at":"wa",c=e+r(s)*i-u,h=t+n(s)*i-u,p=e+r(a)*i-u,d=t+n(a)*i-u;c==p&&!f&&(c+=.125);var v=W(this,e,t),m=W(this,c,h),g=W(this,p,d);this.currentPath_.push({type:l,x:v.x,y:v.y,radius:i,xStart:m.x,yStart:m.y,xEnd:g.x,yEnd:g.y})},q.rect=function(e,t,n,r){this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath()},q.strokeRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.stroke(),this.currentPath_=i},q.fillRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.fill(),this.currentPath_=i},q.createLinearGradient=function(e,t,n,r){var i=new $("gradient");return i.x0_=e,i.y0_=t,i.x1_=n,i.y1_=r,i},q.createRadialGradient=function(e,t,n,r,i,s){var o=new $("gradientradial");return o.x0_=e,o.y0_=t,o.r0_=n,o.x1_=r,o.y1_=i,o.r1_=s,o},q.drawImage=function(n,r){var i,s,u,a,f,l,c,h,p=n.runtimeStyle.width,d=n.runtimeStyle.height;n.runtimeStyle.width="auto",n.runtimeStyle.height="auto";var v=n.width,m=n.height;n.runtimeStyle.width=p,n.runtimeStyle.height=d;if(arguments.length==3)i=arguments[1],s=arguments[2],f=l=0,c=u=v,h=a=m;else if(arguments.length==5)i=arguments[1],s=arguments[2],u=arguments[3],a=arguments[4],f=l=0,c=v,h=m;else{if(arguments.length!=9)throw Error("Invalid number of arguments");f=arguments[1],l=arguments[2],c=arguments[3],h=arguments[4],i=arguments[5],s=arguments[6],u=arguments[7],a=arguments[8]}var g=W(this,i,s),y=c/2,b=h/2,w=[],E=10,S=10,x=N=1;w.push(" <g_vml_:group",' coordsize="',o*E,",",o*S,'"',' coordorigin="0,0"',' style="width:',E,"px;height:",S,"px;position:absolute;");if(this.m_[0][0]!=1||this.m_[0][1]||this.m_[1][1]!=1||this.m_[1][0]){var T=[],x=this.scaleX_,N=this.scaleY_;T.push("M11=",this.m_[0][0]/x,",","M12=",this.m_[1][0]/N,",","M21=",this.m_[0][1]/x,",","M22=",this.m_[1][1]/N,",","Dx=",t(g.x/o),",","Dy=",t(g.y/o),"");var C=g,k=W(this,i+u,s),L=W(this,i,s+a),A=W(this,i+u,s+a);C.x=e.max(C.x,k.x,L.x,A.x),C.y=e.max(C.y,k.y,L.y,A.y),w.push("padding:0 ",t(C.x/o),"px ",t(C.y/o),"px 0;filter:progid:DXImageTransform.Microsoft.Matrix(",T.join(""),", SizingMethod='clip');")}else w.push("top:",t(g.y/o),"px;left:",t(g.x/o),"px;");w.push(' ">'),(f||l)&&w.push('<div style="overflow: hidden; width:',Math.ceil((u+f*u/c)*x),"px;"," height:",Math.ceil((a+l*a/h)*N),"px;"," filter:progid:DxImageTransform.Microsoft.Matrix(Dx=",-f*u/c*x,",Dy=",-l*a/h*N,');">'),w.push('<div style="width:',Math.round(x*v*u/c),"px;"," height:",Math.round(N*m*a/h),"px;"," filter:"),this.globalAlpha<1&&w.push(" progid:DXImageTransform.Microsoft.Alpha(opacity="+this.globalAlpha*100+")"),w.push(" progid:DXImageTransform.Microsoft.AlphaImageLoader(src=",n.src,',sizingMethod=scale)">'),(f||l)&&w.push("</div>"),w.push("</div></div>"),this.element_.insertAdjacentHTML("BeforeEnd",w.join(""))},q.stroke=function(e){var n=[],r=!1,i=10,s=10;n.push("<g_vml_:shape",' filled="',!!e,'"',' style="position:absolute;width:',i,"px;height:",s,'px;"',' coordorigin="0,0"',' coordsize="',o*i,",",o*s,'"',' stroked="',!e,'"',' path="');var u=!1,a={x:null,y:null},f={x:null,y:null};for(var l=0;l<this.currentPath_.length;l++){var c=this.currentPath_[l],h;switch(c.type){case"moveTo":h=c,n.push(" m ",t(c.x),",",t(c.y));break;case"lineTo":n.push(" l ",t(c.x),",",t(c.y));break;case"close":n.push(" x "),c=null;break;case"bezierCurveTo":n.push(" c ",t(c.cp1x),",",t(c.cp1y),",",t(c.cp2x),",",t(c.cp2y),",",t(c.x),",",t(c.y));break;case"at":case"wa":n.push(" ",c.type," ",t(c.x-this.scaleX_*c.radius),",",t(c.y-this.scaleY_*c.radius)," ",t(c.x+this.scaleX_*c.radius),",",t(c.y+this.scaleY_*c.radius)," ",t(c.xStart),",",t(c.yStart)," ",t(c.xEnd),",",t(c.yEnd))}if(c){if(a.x==null||c.x<a.x)a.x=c.x;if(f.x==null||c.x>f.x)f.x=c.x;if(a.y==null||c.y<a.y)a.y=c.y;if(f.y==null||c.y>f.y)f.y=c.y}}n.push(' ">'),e?z(this,n,a,f):U(this,n),n.push("</g_vml_:shape>"),this.element_.insertAdjacentHTML("beforeEnd",n.join(""))},q.fill=function(){this.stroke(!0)},q.closePath=function(){this.currentPath_.push({type:"close"})},q.save=function(){var e={};x(this,e),this.aStack_.push(e),this.mStack_.push(this.m_),this.m_=S(E(),this.m_)},q.restore=function(){this.aStack_.length&&(x(this.aStack_.pop(),this),this.m_=this.mStack_.pop())},q.translate=function(e,t){var n=[[1,0,0],[0,1,0],[e,t,1]];V(this,S(n,this.m_),!1)},q.rotate=function(e){var t=r(e),i=n(e),s=[[t,i,0],[-i,t,0],[0,0,1]];V(this,S(s,this.m_),!1)},q.scale=function(e,t){var n=[[e,0,0],[0,t,0],[0,0,1]];V(this,S(n,this.m_),!0)},q.transform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,S(o,this.m_),!0)},q.setTransform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,o,!0)},q.drawText_=function(e,n,r,i,s){var u=this.m_,a=1e3,f=0,l=a,c={x:0,y:0},p=[],d=H(P(this.font),this.element_),v=B(d),m=this.element_.currentStyle,g=this.textAlign.toLowerCase();switch(g){case"left":case"center":case"right":break;case"end":g=m.direction=="ltr"?"right":"left";break;case"start":g=m.direction=="rtl"?"right":"left";break;default:g="left"}switch(this.textBaseline){case"hanging":case"top":c.y=d.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":c.y=-d.size/2.25}switch(g){case"right":f=a,l=.05;break;case"center":f=l=a/2}var y=W(this,n+c.x,r+c.y);p.push('<g_vml_:line from="',-f,' 0" to="',l,' 0.05" ',' coordsize="100 100" coordorigin="0 0"',' filled="',!s,'" stroked="',!!s,'" style="position:absolute;width:1px;height:1px;">'),s?U(this,p):z(this,p,{x:-f,y:0},{x:l,y:d.size});var b=u[0][0].toFixed(3)+","+u[1][0].toFixed(3)+","+u[0][1].toFixed(3)+","+u[1][1].toFixed(3)+",0,0",w=t(y.x/o)+","+t(y.y/o);p.push('<g_vml_:skew on="t" matrix="',b,'" ',' offset="',w,'" origin="',f,' 0" />','<g_vml_:path textpathok="true" />','<g_vml_:textpath on="true" string="',h(e),'" style="v-text-align:',g,";font:",h(v),'" /></g_vml_:line>'),this.element_.insertAdjacentHTML("beforeEnd",p.join(""))},q.fillText=function(e,t,n,r){this.drawText_(e,t,n,r,!1)},q.strokeText=function(e,t,n,r){this.drawText_(e,t,n,r,!0)},q.measureText=function(e){if(!this.textMeasureEl_){var t='<span style="position:absolute;top:-20000px;left:0;padding:0;margin:0;border:none;white-space:pre;"></span>';this.element_.insertAdjacentHTML("beforeEnd",t),this.textMeasureEl_=this.element_.lastChild}var n=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";try{this.textMeasureEl_.style.font=this.font}catch(r){}return this.textMeasureEl_.appendChild(n.createTextNode(e)),{width:this.textMeasureEl_.offsetWidth}},q.clip=function(){},q.arcTo=function(){},q.createPattern=function(e,t){return new J(e,t)},$.prototype.addColorStop=function(e,t){t=M(t),this.colors_.push({offset:e,color:t.color,alpha:t.alpha})};var Y=G.prototype=new Error;Y.INDEX_SIZE_ERR=1,Y.DOMSTRING_SIZE_ERR=2,Y.HIERARCHY_REQUEST_ERR=3,Y.WRONG_DOCUMENT_ERR=4,Y.INVALID_CHARACTER_ERR=5,Y.NO_DATA_ALLOWED_ERR=6,Y.NO_MODIFICATION_ALLOWED_ERR=7,Y.NOT_FOUND_ERR=8,Y.NOT_SUPPORTED_ERR=9,Y.INUSE_ATTRIBUTE_ERR=10,Y.INVALID_STATE_ERR=11,Y.SYNTAX_ERR=12,Y.INVALID_MODIFICATION_ERR=13,Y.NAMESPACE_ERR=14,Y.INVALID_ACCESS_ERR=15,Y.VALIDATION_ERR=16,Y.TYPE_MISMATCH_ERR=17,G_vmlCanvasManager=v,CanvasRenderingContext2D=I,CanvasGradient=$,CanvasPattern=J,DOMException=G}(),G_vmlCanvasManager}),define("zrender/tool/util",["require","../dep/excanvas"],function(e){function u(e){return e&&e.nodeType===1&&typeof e.nodeName=="string"}function a(e){if(typeof e=="object"&&e!==null){var t=e;if(e instanceof Array){t=[];for(var n=0,r=e.length;n<r;n++)t[n]=a(e[n])}else if(!s[o.call(e)]&&!u(e)){t={};for(var i in e)e.hasOwnProperty(i)&&(t[i]=a(e[i]))}return t}return e}function f(e,t,n,r){if(t.hasOwnProperty(n)){var i=e[n];if(typeof i=="object"&&!s[o.call(i)]&&!u(i))l(e[n],t[n],r);else if(r||!(n in e))e[n]=t[n]}}function l(e,t,n){for(var r in t)f(e,t,r,n);return e}function h(){if(!c){e("../dep/excanvas");if(window.G_vmlCanvasManager){var t=document.createElement("div");t.style.position="absolute",t.style.top="-1000px",document.body.appendChild(t),c=G_vmlCanvasManager.initElement(t).getContext("2d")}else c=document.createElement("canvas").getContext("2d")}return c}function p(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1}function d(e,t){function r(){}var n=e.prototype;r.prototype=t.prototype,e.prototype=new r;for(var i in n)e.prototype[i]=n[i];e.constructor=e}function v(e,t,r){if(!e||!t)return;if(e.forEach&&e.forEach===n)e.forEach(t,r);else if(e.length===+e.length)for(var i=0,s=e.length;i<s;i++)t.call(r,e[i],i,e);else for(var o in e)e.hasOwnProperty(o)&&t.call(r,e[o],o,e)}function m(e,t,n){if(!e||!t)return;if(e.map&&e.map===r)return e.map(t,n);var i=[];for(var s=0,o=e.length;s<o;s++)i.push(t.call(n,e[s],s,e));return i}function g(e,t,n){if(!e||!t)return;if(e.filter&&e.filter===i)return e.filter(t,n);var r=[];for(var s=0,o=e.length;s<o;s++)t.call(n,e[s],s,e)&&r.push(e[s]);return r}function y(e,t){return function(){e.apply(t,arguments)}}var t=Array.prototype,n=t.forEach,r=t.map,i=t.filter,s={"[object Function]":1,"[object RegExp]":1,"[object Date]":1,"[object Error]":1,"[object CanvasGradient]":1},o=Object.prototype.toString,c;return{inherits:d,clone:a,merge:l,getContext:h,indexOf:p,each:v,map:m,filter:g,bind:y}}),define("zrender/config",[],function(){var e={EVENT:{RESIZE:"resize",CLICK:"click",DBLCLICK:"dblclick",MOUSEWHEEL:"mousewheel",MOUSEMOVE:"mousemove",MOUSEOVER:"mouseover",MOUSEOUT:"mouseout",MOUSEDOWN:"mousedown",MOUSEUP:"mouseup",GLOBALOUT:"globalout",DRAGSTART:"dragstart",DRAGEND:"dragend",DRAGENTER:"dragenter",DRAGOVER:"dragover",DRAGLEAVE:"dragleave",DROP:"drop",touchClickDelay:300},elementClassName:"zr-element",catchBrushException:!1,debugMode:0,devicePixelRatio:Math.max(window.devicePixelRatio||1,1)};return e}),define("zrender/tool/log",["require","../config"],function(e){var t=e("../config");return function(){if(t.debugMode===0)return;if(t.debugMode==1)for(var e in arguments)throw new Error(arguments[e]);else if(t.debugMode>1)for(var e in arguments)console.log(arguments[e])}}),define("zrender/tool/guid",[],function(){var e=2311;return function(){return"zrender__"+e++}}),define("zrender/tool/env",[],function(){function e(e){var t=this.os={},n=this.browser={},r=e.match(/Web[kK]it[\/]{0,1}([\d.]+)/),i=e.match(/(Android);?[\s\/]+([\d.]+)?/),s=e.match(/(iPad).*OS\s([\d_]+)/),o=e.match(/(iPod)(.*OS\s([\d_]+))?/),u=!s&&e.match(/(iPhone\sOS)\s([\d_]+)/),a=e.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),f=a&&e.match(/TouchPad/),l=e.match(/Kindle\/([\d.]+)/),c=e.match(/Silk\/([\d._]+)/),h=e.match(/(BlackBerry).*Version\/([\d.]+)/),p=e.match(/(BB10).*Version\/([\d.]+)/),d=e.match(/(RIM\sTablet\sOS)\s([\d.]+)/),v=e.match(/PlayBook/),m=e.match(/Chrome\/([\d.]+)/)||e.match(/CriOS\/([\d.]+)/),g=e.match(/Firefox\/([\d.]+)/),y=e.match(/MSIE ([\d.]+)/),b=r&&e.match(/Mobile\//)&&!m,w=e.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/)&&!m,y=e.match(/MSIE\s([\d.]+)/);if(n.webkit=!!r)n.version=r[1];return i&&(t.android=!0,t.version=i[2]),u&&!o&&(t.ios=t.iphone=!0,t.version=u[2].replace(/_/g,".")),s&&(t.ios=t.ipad=!0,t.version=s[2].replace(/_/g,".")),o&&(t.ios=t.ipod=!0,t.version=o[3]?o[3].replace(/_/g,"."):null),a&&(t.webos=!0,t.version=a[2]),f&&(t.touchpad=!0),h&&(t.blackberry=!0,t.version=h[2]),p&&(t.bb10=!0,t.version=p[2]),d&&(t.rimtabletos=!0,t.version=d[2]),v&&(n.playbook=!0),l&&(t.kindle=!0,t.version=l[1]),c&&(n.silk=!0,n.version=c[1]),!c&&t.android&&e.match(/Kindle Fire/)&&(n.silk=!0),m&&(n.chrome=!0,n.version=m[1]),g&&(n.firefox=!0,n.version=g[1]),y&&(n.ie=!0,n.version=y[1]),b&&(e.match(/Safari/)||!!t.ios)&&(n.safari=!0),w&&(n.webview=!0),y&&(n.ie=!0,n.version=y[1]),t.tablet=!!(s||v||i&&!e.match(/Mobile/)||g&&e.match(/Tablet/)||y&&!e.match(/Phone/)&&e.match(/Touch/)),t.phone=!!(!t.tablet&&!t.ipod&&(i||u||a||h||p||m&&e.match(/Android/)||m&&e.match(/CriOS\/([\d.]+)/)||g&&e.match(/Mobile/)||y&&e.match(/Touch/))),{browser:n,os:t,canvasSupported:document.createElement("canvas").getContext?!0:!1}}return e(navigator.userAgent)}),define("zrender/mixin/Eventful",["require"],function(e){var t=function(){this._handlers={}};return t.prototype.one=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!0,ctx:n||this}),this)},t.prototype.bind=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!1,ctx:n||this}),this)},t.prototype.unbind=function(e,t){var n=this._handlers;if(!e)return this._handlers={},this;if(t){if(n[e]){var r=[];for(var i=0,s=n[e].length;i<s;i++)n[e][i]["h"]!=t&&r.push(n[e][i]);n[e]=r}n[e]&&n[e].length===0&&delete n[e]}else delete n[e];return this},t.prototype.dispatch=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>3&&(t=Array.prototype.slice.call(t,1));var r=this._handlers[e],i=r.length;for(var s=0;s<i;){switch(n){case 1:r[s].h.call(r[s].ctx);break;case 2:r[s].h.call(r[s].ctx,t[1]);break;case 3:r[s].h.call(r[s].ctx,t[1],t[2]);break;default:r[s].h.apply(r[s].ctx,t)}r[s].one?(r.splice(s,1),i--):s++}}return this},t.prototype.dispatchWithContext=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>4&&(t=Array.prototype.slice.call(t,1,t.length-1));var r=t[t.length-1],i=this._handlers[e],s=i.length;for(var o=0;o<s;){switch(n){case 1:i[o].h.call(r);break;case 2:i[o].h.call(r,t[1]);break;case 3:i[o].h.call(r,t[1],t[2]);break;default:i[o].h.apply(r,t)}i[o].one?(i.splice(o,1),s--):o++}}return this},t}),define("zrender/tool/event",["require","../mixin/Eventful"],function(e){function n(e){return typeof e.zrenderX!="undefined"&&e.zrenderX||typeof e.offsetX!="undefined"&&e.offsetX||typeof e.layerX!="undefined"&&e.layerX||typeof e.clientX!="undefined"&&e.clientX}function r(e){return typeof e.zrenderY!="undefined"&&e.zrenderY||typeof e.offsetY!="undefined"&&e.offsetY||typeof e.layerY!="undefined"&&e.layerY||typeof e.clientY!="undefined"&&e.clientY}function i(e){return typeof e.zrenderDelta!="undefined"&&e.zrenderDelta||typeof e.wheelDelta!="undefined"&&e.wheelDelta||typeof e.detail!="undefined"&&-e.detail}var t=e("../mixin/Eventful"),s=typeof window.addEventListener=="function"?function(e){e.preventDefault(),e.stopPropagation(),e.cancelBubble=!0}:function(e){e.returnValue=!1,e.cancelBubble=!0};return{getX:n,getY:r,getDelta:i,stop:s,Dispatcher:t}}),define("zrender/tool/vector",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(t,n){var r=new e(2);return r[0]=t||0,r[1]=n||0,r},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e},clone:function(t){var n=new e(2);return n[0]=t[0],n[1]=t[1],n},set:function(e,t,n){return e[0]=t,e[1]=n,e},add:function(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e},scaleAndAdd:function(e,t,n,r){return e[0]=t[0]+n[0]*r,e[1]=t[1]+n[1]*r,e},sub:function(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e},len:function(e){return Math.sqrt(this.lenSquare(e))},lenSquare:function(e){return e[0]*e[0]+e[1]*e[1]},mul:function(e,t,n){return e[0]=t[0]*n[0],e[1]=t[1]*n[1],e},div:function(e,t,n){return e[0]=t[0]/n[0],e[1]=t[1]/n[1],e},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]},scale:function(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e},normalize:function(e,n){var r=t.len(n);return r===0?(e[0]=0,e[1]=0):(e[0]=n[0]/r,e[1]=n[1]/r),e},distance:function(e,t){return Math.sqrt((e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1]))},distanceSquare:function(e,t){return(e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1])},negate:function(e,t){return e[0]=-t[0],e[1]=-t[1],e},lerp:function(e,t,n,r){return e[0]=t[0]+r*(n[0]-t[0]),e[1]=t[1]+r*(n[1]-t[1]),e},applyTransform:function(e,t,n){var r=t[0],i=t[1];return e[0]=n[0]*r+n[2]*i+n[4],e[1]=n[1]*r+n[3]*i+n[5],e},min:function(e,t,n){return e[0]=Math.min(t[0],n[0]),e[1]=Math.min(t[1],n[1]),e},max:function(e,t,n){return e[0]=Math.max(t[0],n[0]),e[1]=Math.max(t[1],n[1]),e}};return t.length=t.len,t.lengthSquare=t.lenSquare,t.dist=t.distance,t.distSquare=t.distanceSquare,t}),define("zrender/tool/matrix",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(){var n=new e(6);return t.identity(n),n},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e[4]=0,e[5]=0,e},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e},mul:function(e,t,n){return e[0]=t[0]*n[0]+t[2]*n[1],e[1]=t[1]*n[0]+t[3]*n[1],e[2]=t[0]*n[2]+t[2]*n[3],e[3]=t[1]*n[2]+t[3]*n[3],e[4]=t[0]*n[4]+t[2]*n[5]+t[4],e[5]=t[1]*n[4]+t[3]*n[5]+t[5],e},translate:function(e,t,n){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4]+n[0],e[5]=t[5]+n[1],e},rotate:function(e,t,n){var r=t[0],i=t[2],s=t[4],o=t[1],u=t[3],a=t[5],f=Math.sin(n),l=Math.cos(n);return e[0]=r*l+o*f,e[1]=-r*f+o*l,e[2]=i*l+u*f,e[3]=-i*f+l*u,e[4]=l*s+f*a,e[5]=l*a-f*s,e},scale:function(e,t,n){var r=n[0],i=n[1];return e[0]=t[0]*r,e[1]=t[1]*i,e[2]=t[2]*r,e[3]=t[3]*i,e[4]=t[4]*r,e[5]=t[5]*i,e},invert:function(e,t){var n=t[0],r=t[2],i=t[4],s=t[1],o=t[3],u=t[5],a=n*o-s*r;return a?(a=1/a,e[0]=o*a,e[1]=-s*a,e[2]=-r*a,e[3]=n*a,e[4]=(r*u-o*i)*a,e[5]=(s*i-n*u)*a,e):null}};return t}),define("zrender/Handler",["require","./config","./tool/env","./tool/event","./tool/util","./tool/vector","./tool/matrix","./mixin/Eventful"],function(e){function h(e,t){return function(n,r){return e.call(t,n,r)}}function p(e,t){return function(n,r,i){return e.call(t,n,r,i)}}function d(e){var t=f.length;while(t--){var n=f[t];e["_"+n+"Handler"]=h(c[n],e)}}function g(e,t,n){if(this._draggingTarget&&this._draggingTarget.id==e.id||e.isSilent())return!1;var r=this._event;if(e.isCover(t,n)){e.hoverable&&this.storage.addHover(e);var i=e.parent;while(i){if(i.clipShape&&!i.clipShape.isCover(this._mouseX,this._mouseY))return!1;i=i.parent}return this._lastHover!=e&&(this._processOutShape(r),this._processDragLeave(r),this._lastHover=e,this._processDragEnter(r)),this._processOverShape(r),this._processDragOver(r),this._hasfound=1,!0}return!1}var t=e("./config"),n=e("./tool/env"),r=e("./tool/event"),i=e("./tool/util"),s=e("./tool/vector"),o=e("./tool/matrix"),u=t.EVENT,a=e("./mixin/Eventful"),f=["resize","click","dblclick","mousewheel","mousemove","mouseout","mouseup","mousedown","touchstart","touchend","touchmove"],l=function(e){if(window.G_vmlCanvasManager)return!0;e=e||window.event;var n=e.toElement||e.relatedTarget||e.srcElement||e.target;return n&&n.className.match(t.elementClassName)},c={resize:function(e){e=e||window.event,this._lastHover=null,this._isMouseDown=0,this.dispatch(u.RESIZE,e)},click:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e);var n=this._lastHover;(n&&n.clickable||!n)&&this._clickThreshold<5&&this._dispatchAgency(n,u.CLICK,e),this._mousemoveHandler(e)},dblclick:function(e,t){if(!l(e)&&!t)return;e=e||window.event,e=this._zrenderEventFixed(e);var n=this._lastHover;(n&&n.clickable||!n)&&this._clickThreshold<5&&this._dispatchAgency(n,u.DBLCLICK,e),this._mousemoveHandler(e)},mousewheel:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e);var n=e.wheelDelta||-e.detail,i=n>0?1.1:1/1.1,s=!1,o=this._mouseX,a=this._mouseY;this.painter.eachBuildinLayer(function(t){var n=t.position;if(t.zoomable){t.__zoom=t.__zoom||1;var u=t.__zoom;u*=i,u=Math.max(Math.min(t.maxZoom,u),t.minZoom),i=u/t.__zoom,t.__zoom=u,n[0]-=(o-n[0])*(i-1),n[1]-=(a-n[1])*(i-1),t.scale[0]*=i,t.scale[1]*=i,t.dirty=!0,s=!0,r.stop(e)}}),s&&this.painter.refresh(),this._dispatchAgency(this._lastHover,u.MOUSEWHEEL,e),this._mousemoveHandler(e)},mousemove:function(e,t){if(!l(e)&&!t)return;if(this.painter.isLoading())return;e=this._zrenderEventFixed(e),this._lastX=this._mouseX,this._lastY=this._mouseY,this._mouseX=r.getX(e),this._mouseY=r.getY(e);var n=this._mouseX-this._lastX,i=this._mouseY-this._lastY;this._processDragStart(e),this._hasfound=0,this._event=e,this._iterateAndFindHover();if(!this._hasfound){if(!this._draggingTarget||this._lastHover&&this._lastHover!=this._draggingTarget)this._processOutShape(e),this._processDragLeave(e);this._lastHover=null,this.storage.delHover(),this.painter.clearHover()}var s="default";if(this._draggingTarget)this.storage.drift(this._draggingTarget.id,n,i),this._draggingTarget.modSelf(),this.storage.addHover(this._draggingTarget),this._clickThreshold++;else if(this._isMouseDown){var o=!1;this.painter.eachBuildinLayer(function(e){e.panable&&(s="move",e.position[0]+=n,e.position[1]+=i,o=!0,e.dirty=!0)}),o&&this.painter.refresh()}this._draggingTarget||this._hasfound&&this._lastHover.draggable?s="move":this._hasfound&&this._lastHover.clickable&&(s="pointer"),this.root.style.cursor=s,this._dispatchAgency(this._lastHover,u.MOUSEMOVE,e),(this._draggingTarget||this._hasfound||this.storage.hasHoverShape())&&this.painter.refreshHover()},mouseout:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e);var n=e.toElement||e.relatedTarget;if(n!=this.root)while(n&&n.nodeType!=9){if(n==this.root){this._mousemoveHandler(e);return}n=n.parentNode}e.zrenderX=this._lastX,e.zrenderY=this._lastY,this.root.style.cursor="default",this._isMouseDown=0,this._processOutShape(e),this._processDrop(e),this._processDragEnd(e),this.painter.isLoading()||this.painter.refreshHover(),this.dispatch(u.GLOBALOUT,e)},mousedown:function(e,t){if(!l(e)&&!t)return;this._clickThreshold=0;if(this._lastDownButton==2){this._lastDownButton=e.button,this._mouseDownTarget=null;return}this._lastMouseDownMoment=new Date,e=this._zrenderEventFixed(e),this._isMouseDown=1,this._mouseDownTarget=this._lastHover,this._dispatchAgency(this._lastHover,u.MOUSEDOWN,e),this._lastDownButton=e.button},mouseup:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e),this.root.style.cursor="default",this._isMouseDown=0,this._mouseDownTarget=null,this._dispatchAgency(this._lastHover,u.MOUSEUP,e),this._processDrop(e),this._processDragEnd(e)},touchstart:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e,!0),this._lastTouchMoment=new Date,this._mobileFindFixed(e),this._mousedownHandler(e)},touchmove:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e,!0),this._mousemoveHandler(e),this._isDragging&&r.stop(e)},touchend:function(e,t){if(!l(e)&&!t)return;e=this._zrenderEventFixed(e,!0),this._mouseupHandler(e);var n=new Date;n-this._lastTouchMoment<u.touchClickDelay&&(this._mobileFindFixed(e),this._clickHandler(e),n-this._lastClickMoment<u.touchClickDelay/2&&(this._dblclickHandler(e),this._lastHover&&this._lastHover.clickable&&r.stop(e)),this._lastClickMoment=n),this.painter.clearHover()}},v=function(e,t,r){a.call(this),this.root=e,this.storage=t,this.painter=r,this._lastX=this._lastY=this._mouseX=this._mouseY=0,this._findHover=p(g,this),this._domHover=r.getDomHover(),d(this),window.addEventListener?(window.addEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.addEventListener("touchstart",this._touchstartHandler),e.addEventListener("touchmove",this._touchmoveHandler),e.addEventListener("touchend",this._touchendHandler)):(e.addEventListener("click",this._clickHandler),e.addEventListener("dblclick",this._dblclickHandler),e.addEventListener("mousewheel",this._mousewheelHandler),e.addEventListener("mousemove",this._mousemoveHandler),e.addEventListener("mousedown",this._mousedownHandler),e.addEventListener("mouseup",this._mouseupHandler)),e.addEventListener("DOMMouseScroll",this._mousewheelHandler),e.addEventListener("mouseout",this._mouseoutHandler)):(window.attachEvent("onresize",this._resizeHandler),e.attachEvent("onclick",this._clickHandler),e.ondblclick=this._dblclickHandler,e.attachEvent("onmousewheel",this._mousewheelHandler),e.attachEvent("onmousemove",this._mousemoveHandler),e.attachEvent("onmouseout",this._mouseoutHandler),e.attachEvent("onmousedown",this._mousedownHandler),e.attachEvent("onmouseup",this._mouseupHandler))};v.prototype.on=function(e,t,n){return this.bind(e,t,n),this},v.prototype.un=function(e,t){return this.unbind(e,t),this},v.prototype.trigger=function(e,t){switch(e){case u.RESIZE:case u.CLICK:case u.DBLCLICK:case u.MOUSEWHEEL:case u.MOUSEMOVE:case u.MOUSEDOWN:case u.MOUSEUP:case u.MOUSEOUT:this["_"+e+"Handler"](t,!0)}},v.prototype.dispose=function(){var e=this.root;window.removeEventListener?(window.removeEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.removeEventListener("touchstart",this._touchstartHandler),e.removeEventListener("touchmove",this._touchmoveHandler),e.removeEventListener("touchend",this._touchendHandler)):(e.removeEventListener("click",this._clickHandler),e.removeEventListener("dblclick",this._dblclickHandler),e.removeEventListener("mousewheel",this._mousewheelHandler),e.removeEventListener("mousemove",this._mousemoveHandler),e.removeEventListener("mousedown",this._mousedownHandler),e.removeEventListener("mouseup",this._mouseupHandler)),e.removeEventListener("DOMMouseScroll",this._mousewheelHandler),e.removeEventListener("mouseout",this._mouseoutHandler)):(window.detachEvent("onresize",this._resizeHandler),e.detachEvent("onclick",this._clickHandler),e.detachEvent("dblclick",this._dblclickHandler),e.detachEvent("onmousewheel",this._mousewheelHandler),e.detachEvent("onmousemove",this._mousemoveHandler),e.detachEvent("onmouseout",this._mouseoutHandler),e.detachEvent("onmousedown",this._mousedownHandler),e.detachEvent("onmouseup",this._mouseupHandler)),this.root=this._domHover=this.storage=this.painter=null,this.un()},v.prototype._processDragStart=function(e){var t=this._lastHover;if(this._isMouseDown&&t&&t.draggable&&!this._draggingTarget&&this._mouseDownTarget==t){if(t.dragEnableTime&&new Date-this._lastMouseDownMoment<t.dragEnableTime)return;var n=t;this._draggingTarget=n,this._isDragging=1,n.invisible=!0,this.storage.mod(n.id),this._dispatchAgency(n,u.DRAGSTART,e),this.painter.refresh()}},v.prototype._processDragEnter=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGENTER,e,this._draggingTarget)},v.prototype._processDragOver=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGOVER,e,this._draggingTarget)},v.prototype._processDragLeave=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGLEAVE,e,this._draggingTarget)},v.prototype._processDrop=function(e){this._draggingTarget&&(this._draggingTarget.invisible=!1,this.storage.mod(this._draggingTarget.id),this.painter.refresh(),this._dispatchAgency(this._lastHover,u.DROP,e,this._draggingTarget))},v.prototype._processDragEnd=function(e){this._draggingTarget&&(this._dispatchAgency(this._draggingTarget,u.DRAGEND,e),this._lastHover=null),this._isDragging=0,this._draggingTarget=null},v.prototype._processOverShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOVER,e)},v.prototype._processOutShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOUT,e)},v.prototype._dispatchAgency=function(e,t,n,r){var i="on"+t,s={type:t,event:n,target:e,cancelBubble:!1},o=e;r&&(s.dragged=r);while(o){o[i]&&(s.cancelBubble=o[i](s)),o.dispatch(t,s),o=o.parent;if(s.cancelBubble)break}if(e)s.cancelBubble||this.dispatch(t,s);else if(!r){var u={type:t,event:n};this.dispatch(t,u),this.painter.eachOtherLayer(function(e){typeof e[i]=="function"&&e[i](u),e.dispatch&&e.dispatch(t,u)})}},v.prototype._iterateAndFindHover=function(){var e=o.create();return function(){var t=this.storage.getShapeList(),n,r,i=[0,0];for(var u=t.length-1;u>=0;u--){var a=t[u];n!==a.zlevel&&(r=this.painter.getLayer(a.zlevel,r),i[0]=this._mouseX,i[1]=this._mouseY,r.needTransform&&(o.invert(e,r.transform),s.applyTransform(i,i,e)));if(this._findHover(a,i[0],i[1]))break}}}();var m=[{x:10},{x:-20},{x:10,y:10},{y:-20}];return v.prototype._mobileFindFixed=function(e){this._lastHover=null,this._mouseX=e.zrenderX,this._mouseY=e.zrenderY,this._event=e,this._iterateAndFindHover();for(var t=0;!this._lastHover&&t<m.length;t++){var n=m[t];n.x&&(this._mouseX+=n.x),n.y&&(this._mouseY+=n.y),this._iterateAndFindHover()}this._lastHover&&(e.zrenderX=this._mouseX,e.zrenderY=this._mouseY)},v.prototype._zrenderEventFixed=function(e,t){if(e.zrenderFixed)return e;if(!t){e=e||window.event;var n=e.toElement||e.relatedTarget||e.srcElement||e.target;n&&n!=this._domHover&&(e.zrenderX=(typeof e.offsetX!="undefined"?e.offsetX:e.layerX)+n.offsetLeft,e.zrenderY=(typeof e.offsetY!="undefined"?e.offsetY:e.layerY)+n.offsetTop)}else{var r=e.type!="touchend"?e.targetTouches[0]:e.changedTouches[0];if(r){var i=this.painter._domRoot.getBoundingClientRect();e.zrenderX=r.clientX-i.left,e.zrenderY=r.clientY-i.top}}return e.zrenderFixed=1,e},i.merge(v.prototype,a.prototype,!0),v}),define("zrender/tool/curve",["require","./vector"],function(e){function a(e){return e>-n&&e<n}function f(e){return e>n||e<-n}function l(e,t,n,r,i){var s=1-i;return s*s*(s*e+3*i*t)+i*i*(i*r+3*s*n)}function c(e,t,n,r,i){var s=1-i;return 3*(((t-e)*s+2*(n-t)*i)*s+(r-n)*i*i)}function h(e,t,n,s,o,u){var f=s+3*(t-n)-e,l=3*(n-t*2+e),c=3*(t-e),h=e-o,p=l*l-3*f*c,d=l*c-9*f*h,v=c*c-3*l*h,m=0;if(a(p)&&a(d))if(a(l))u[0]=0;else{var g=-c/l;g>=0&&g<=1&&(u[m++]=g)}else{var y=d*d-4*p*v;if(a(y)){var b=d/p,g=-l/f+b,w=-b/2;g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w)}else if(y>0){var E=Math.sqrt(y),S=p*l+1.5*f*(-d+E),x=p*l+1.5*f*(-d-E);S<0?S=-Math.pow(-S,i):S=Math.pow(S,i),x<0?x=-Math.pow(-x,i):x=Math.pow(x,i);var g=(-l-(S+x))/(3*f);g>=0&&g<=1&&(u[m++]=g)}else{var T=(2*p*l-3*f*d)/(2*Math.sqrt(p*p*p)),N=Math.acos(T)/3,C=Math.sqrt(p),k=Math.cos(N),g=(-l-2*C*k)/(3*f),w=(-l+C*(k+r*Math.sin(N)))/(3*f),L=(-l+C*(k-r*Math.sin(N)))/(3*f);g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w),L>=0&&L<=1&&(u[m++]=L)}}return m}function p(e,t,n,r,i){var s=6*n-12*t+6*e,o=9*t+3*r-3*e-9*n,u=3*t-3*e,l=0;if(a(o)){if(f(s)){var c=-u/s;c>=0&&c<=1&&(i[l++]=c)}}else{var h=s*s-4*o*u;if(a(h))i[0]=-s/(2*o);else if(h>0){var p=Math.sqrt(h),c=(-s+p)/(2*o),d=(-s-p)/(2*o);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function d(e,t,n,r,i,s){var o=(t-e)*i+e,u=(n-t)*i+t,a=(r-n)*i+n,f=(u-o)*i+o,l=(a-u)*i+u,c=(l-f)*i+f;s[0]=e,s[1]=o,s[2]=f,s[3]=c,s[4]=c,s[5]=l,s[6]=a,s[7]=r}function v(e,r,i,a,f,c,h,p,d,v,m){var g,y=.005,b=Infinity;s[0]=d,s[1]=v;for(var w=0;w<1;w+=.05){o[0]=l(e,i,f,h,w),o[1]=l(r,a,c,p,w);var E=t.distSquare(s,o);E<b&&(g=w,b=E)}b=Infinity;for(var S=0;S<32;S++){if(y<n)break;var x=g-y,T=g+y;o[0]=l(e,i,f,h,x),o[1]=l(r,a,c,p,x);var E=t.distSquare(o,s);if(x>=0&&E<b)g=x,b=E;else{u[0]=l(e,i,f,h,T),u[1]=l(r,a,c,p,T);var N=t.distSquare(u,s);T<=1&&N<b?(g=T,b=N):y*=.5}}return m&&(m[0]=l(e,i,f,h,g),m[1]=l(r,a,c,p,g)),Math.sqrt(b)}function m(e,t,n,r){var i=1-r;return i*(i*e+2*r*t)+r*r*n}function g(e,t,n,r){return 2*((1-r)*(t-e)+r*(n-t))}function y(e,t,n,r,i){var s=e-2*t+n,o=2*(t-e),u=e-r,l=0;if(a(s)){if(f(o)){var c=-u/o;c>=0&&c<=1&&(i[l++]=c)}}else{var h=o*o-4*s*u;if(a(h)){var c=-o/(2*s);c>=0&&c<=1&&(i[l++]=c)}else if(h>0){var p=Math.sqrt(h),c=(-o+p)/(2*s),d=(-o-p)/(2*s);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function b(e,t,n){var r=e+n-2*t;return r===0?.5:(e-t)/r}function w(e,t,n,r,i){var s=(t-e)*r+e,o=(n-t)*r+t,u=(o-s)*r+s;i[0]=e,i[1]=s,i[2]=u,i[3]=u,i[4]=o,i[5]=n}function E(e,r,i,a,f,l,c,h,p){var d,v=.005,g=Infinity;s[0]=c,s[1]=h;for(var y=0;y<1;y+=.05){o[0]=m(e,i,f,y),o[1]=m(r,a,l,y);var b=t.distSquare(s,o);b<g&&(d=y,g=b)}g=Infinity;for(var w=0;w<32;w++){if(v<n)break;var E=d-v,S=d+v;o[0]=m(e,i,f,E),o[1]=m(r,a,l,E);var b=t.distSquare(o,s);if(E>=0&&b<g)d=E,g=b;else{u[0]=m(e,i,f,S),u[1]=m(r,a,l,S);var x=t.distSquare(u,s);S<=1&&x<g?(d=S,g=x):v*=.5}}return p&&(p[0]=m(e,i,f,d),p[1]=m(r,a,l,d)),Math.sqrt(g)}var t=e("./vector"),n=1e-4,r=Math.sqrt(3),i=1/3,s=t.create(),o=t.create(),u=t.create();return{cubicAt:l,cubicDerivativeAt:c,cubicRootAt:h,cubicExtrema:p,cubicSubdivide:d,cubicProjectPoint:v,quadraticAt:m,quadraticDerivativeAt:g,quadraticRootAt:y,quadraticExtremum:b,quadraticSubdivide:w,quadraticProjectPoint:E}}),define("zrender/tool/area",["require","./util","./curve"],function(e){function l(e){return e%=f,e<0&&(e+=f),e}function c(e,n,i,s){if(!n||!e)return!1;var o=e.type;r=r||t.getContext();var u=h(e,n,i,s);if(typeof u!="undefined")return u;if(e.buildPath&&r.isPointInPath)return p(e,r,n,i,s);switch(o){case"ellipse":return!0;case"trochoid":var a=n.location=="out"?n.r1+n.r2+n.d:n.r1-n.r2+n.d;return S(n,i,s,a);case"rose":return S(n,i,s,n.maxr);default:return!1}}function h(e,t,n,r){var i=e.type;switch(i){case"bezier-curve":if(typeof t.cpX2=="undefined")return g(t.xStart,t.yStart,t.cpX1,t.cpY1,t.xEnd,t.yEnd,t.lineWidth,n,r);return m(t.xStart,t.yStart,t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd,t.lineWidth,n,r);case"line":return v(t.xStart,t.yStart,t.xEnd,t.yEnd,t.lineWidth,n,r);case"polyline":return b(t.pointList,t.lineWidth,n,r);case"ring":return w(t.x,t.y,t.r0,t.r,n,r);case"circle":return S(t.x,t.y,t.r,n,r);case"sector":var s=t.startAngle*Math.PI/180,o=t.endAngle*Math.PI/180;return t.clockWise||(s=-s,o=-o),x(t.x,t.y,t.r0,t.r,s,o,!t.clockWise,n,r);case"path":return t.pathArray&&_(t.pathArray,Math.max(t.lineWidth,5),t.brushType,n,r);case"polygon":case"star":case"isogon":return T(t.pointList,n,r);case"text":var u=t.__rect||e.getRect(t);return E(u.x,u.y,u.width,u.height,n,r);case"rectangle":case"image":return E(t.x,t.y,t.width,t.height,n,r)}}function p(e,t,n,r,i){return t.beginPath(),e.buildPath(t,n),t.closePath(),t.isPointInPath(r,i)}function d(e,t,n,r){return!c(e,t,n,r)}function v(e,t,n,r,i,s,o){if(i===0)return!1;var u=Math.max(i,5),a=0,f=e;if(o>t+u&&o>r+u||o<t-u&&o<r-u||s>e+u&&s>n+u||s<e-u&&s<n-u)return!1;if(e===n)return Math.abs(s-e)<=u/2;a=(t-r)/(e-n),f=(e*r-n*t)/(e-n);var l=a*s-o+f,c=l*l/(a*a+1);return c<=u/2*u/2}function m(e,t,r,i,s,o,u,a,f,l,c){if(f===0)return!1;var h=Math.max(f,5);if(c>t+h&&c>i+h&&c>o+h&&c>a+h||c<t-h&&c<i-h&&c<o-h&&c<a-h||l>e+h&&l>r+h&&l>s+h&&l>u+h||l<e-h&&l<r-h&&l<s-h&&l<u-h)return!1;var p=n.cubicProjectPoint(e,t,r,i,s,o,u,a,l,c,null);return p<=h/2}function g(e,t,r,i,s,o,u,a,f){if(u===0)return!1;var l=Math.max(u,5);if(f>t+l&&f>i+l&&f>o+l||f<t-l&&f<i-l&&f<o-l||a>e+l&&a>r+l&&a>s+l||a<e-l&&a<r-l&&a<s-l)return!1;var c=n.quadraticProjectPoint(e,t,r,i,s,o,a,f,null);return c<=l/2}function y(e,t,n,r,i,s,o,u,a){if(o===0)return!1;var c=Math.max(o,5);u-=e,a-=t;var h=Math.sqrt(u*u+a*a);if(h-c>n||h+c<n)return!1;if(Math.abs(r-i)>=f)return!0;if(s){var p=r;r=l(i),i=l(p)}else r=l(r),i=l(i);r>i&&(i+=f);var d=Math.atan2(a,u);return d<0&&(d+=f),d>=r&&d<=i||d+f>=r&&d+f<=i}function b(e,t,n,r){var t=Math.max(t,10);for(var i=0,s=e.length-1;i<s;i++){var o=e[i][0],u=e[i][1],a=e[i+1][0],f=e[i+1][1];if(v(o,u,a,f,t,n,r))return!0}return!1}function w(e,t,n,r,i,s){var o=(i-e)*(i-e)+(s-t)*(s-t);return o<r*r&&o>n*n}function E(e,t,n,r,i,s){return i>=e&&i<=e+n&&s>=t&&s<=t+r}function S(e,t,n,r,i){return(r-e)*(r-e)+(i-t)*(i-t)<n*n}function x(e,t,n,r,i,s,o,u,a){return y(e,t,(n+r)/2,i,s,o,r-n,u,a)}function T(e,t,n){var r=e.length,i=0;for(var s=0,o=r-1;s<r;s++){var u=e[o][0],a=e[o][1],f=e[s][0],l=e[s][1];i+=N(u,a,f,l,t,n),o=s}return i!==0}function N(e,t,n,r,i,s){if(s>t&&s>r||s<t&&s<r)return 0;if(r==t)return 0;var o=r<t?1:-1,u=(s-t)/(r-t),a=u*(n-e)+e;return a>i?o:0}function L(){var e=k[0];k[0]=k[1],k[1]=e}function A(e,t,r,i,s,o,u,a,f,l){if(l>t&&l>i&&l>o&&l>a||l<t&&l<i&&l<o&&l<a)return 0;var c=n.cubicRootAt(t,i,o,a,l,C);if(c===0)return 0;var h=0,p=-1,d,v;for(var m=0;m<c;m++){var g=C[m],y=n.cubicAt(e,r,s,u,g);if(y<f)continue;p<0&&(p=n.cubicExtrema(t,i,o,a,k),k[1]<k[0]&&p>1&&L(),d=n.cubicAt(t,i,o,a,k[0]),p>1&&(v=n.cubicAt(t,i,o,a,k[1]))),p==2?g<k[0]?h+=d<t?1:-1:g<k[1]?h+=v<d?1:-1:h+=a<v?1:-1:g<k[0]?h+=d<t?1:-1:h+=a<d?1:-1}return h}function O(e,t,r,i,s,o,u,a){if(a>t&&a>i&&a>o||a<t&&a<i&&a<o)return 0;var f=n.quadraticRootAt(t,i,o,a,C);if(f===0)return 0;var l=n.quadraticExtremum(t,i,o);if(l>=0&&l<=1){var c=0,h=n.quadraticAt(t,i,o,l);for(var p=0;p<f;p++){var d=n.quadraticAt(e,r,s,C[p]);if(d<u)continue;C[p]<l?c+=h<t?1:-1:c+=o<h?1:-1}return c}var d=n.quadraticAt(e,r,s,C[0]);return d<u?0:o<t?1:-1}function M(e,t,n,r,i,s,o,u){u-=t;if(u>n||u<-n)return 0;var a=Math.sqrt(n*n-u*u);C[0]=-a,C[1]=a;if(Math.abs(r-i)>=f){r=0,i=f;var c=s?1:-1;return o>=C[0]+e&&o<=C[1]+e?c:0}if(s){var a=r;r=l(i),i=l(a)}else r=l(r),i=l(i);r>i&&(i+=f);var h=0;for(var p=0;p<2;p++){var d=C[p];if(d+e>o){var v=Math.atan2(u,d),c=s?1:-1;v<0&&(v=f+v);if(v>=r&&v<=i||v+f>=r&&v+f<=i)v>Math.PI/2&&v<Math.PI*1.5&&(c=-c),h+=c}}return h}function _(e,t,n,r,i){var s=0,o=0,u=0,a=0,f=0,l=!0,c=!0;n=n||"fill";var h=n==="stroke"||n==="both",p=n==="fill"||n==="both";for(var d=0;d<e.length;d++){var b=e[d],w=b.points;if(l||b.command==="M"){if(d>0){p&&(s+=N(o,u,a,f,r,i));if(s!==0)return!0}a=w[w.length-2],f=w[w.length-1],l=!1,c&&b.command!=="A"&&(c=!1,o=a,u=f)}switch(b.command){case"M":o=w[0],u=w[1];break;case"L":if(h&&v(o,u,w[0],w[1],t,r,i))return!0;p&&(s+=N(o,u,w[0],w[1],r,i)),o=w[0],u=w[1];break;case"C":if(h&&m(o,u,w[0],w[1],w[2],w[3],w[4],w[5],t,r,i))return!0;p&&(s+=A(o,u,w[0],w[1],w[2],w[3],w[4],w[5],r,i)),o=w[4],u=w[5];break;case"Q":if(h&&g(o,u,w[0],w[1],w[2],w[3],t,r,i))return!0;p&&(s+=O(o,u,w[0],w[1],w[2],w[3],r,i)),o=w[2],u=w[3];break;case"A":var E=w[0],S=w[1],x=w[2],T=w[3],C=w[4],k=w[5],L=Math.cos(C)*x+E,_=Math.sin(C)*T+S;c?(c=!1,a=L,f=_):s+=N(o,u,L,_);var D=(r-E)*T/x+E;if(h&&y(E,S,T,C,C+k,1-w[7],t,D,i))return!0;p&&(s+=M(E,S,T,C,C+k,1-w[7],D,i)),o=Math.cos(C+k)*x+E,u=Math.sin(C+k)*T+S;break;case"z":if(h&&v(o,u,a,f,t,r,i))return!0;l=!0}}return p&&(s+=N(o,u,a,f,r,i)),s!==0}function D(e,n){var s=e+":"+n;if(i[s])return i[s];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var u=0;for(var f=0,l=e.length;f<l;f++)u=Math.max(r.measureText(e[f]).width,u);return r.restore(),i[s]=u,++o>a&&(o=0,i={}),u}function P(e,n){var i=e+":"+n;if(s[i])return s[i];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var o=(r.measureText("国").width+2)*e.length;return r.restore(),s[i]=o,++u>a&&(u=0,s={}),o}var t=e("./util"),n=e("./curve"),r,i={},s={},o=0,u=0,a=5e3,f=Math.PI*2,C=[-1,-1,-1],k=[-1,-1];return{isInside:c,isOutside:d,getTextWidth:D,getTextHeight:P,isInsidePath:_,isInsidePolygon:T,isInsideSector:x,isInsideCircle:S,isInsideLine:v,isInsideRect:E,isInsidePolyline:b,isInsideCubicStroke:m,isInsideQuadraticStroke:g}}),define("zrender/mixin/Transformable",["require","../tool/matrix","../tool/vector"],function(e){function o(e){return e>-s&&e<s}function u(e){return e>s||e<-s}var t=e("../tool/matrix"),n=e("../tool/vector"),r=[0,0],i=t.translate,s=5e-5,a=function(){this.position||(this.position=[0,0]),typeof this.rotation=="undefined"&&(this.rotation=[0,0,0]),this.scale||(this.scale=[1,1,0,0]),this.needLocalTransform=!1,this.needTransform=!1};return a.prototype={constructor:a,updateNeedTransform:function(){this.needLocalTransform=u(this.rotation[0])||u(this.position[0])||u(this.position[1])||u(this.scale[0]-1)||u(this.scale[1]-1)},updateTransform:function(){this.updateNeedTransform();var e=this.parent&&this.parent.needTransform;this.needTransform=this.needLocalTransform||e;if(!this.needTransform)return;var n=this.transform||t.create();t.identity(n);if(this.needLocalTransform){var s=this.scale;if(u(s[0])||u(s[1])){r[0]=-s[2]||0,r[1]=-s[3]||0;var o=u(r[0])||u(r[1]);o&&i(n,n,r),t.scale(n,n,s),o&&(r[0]=-r[0],r[1]=-r[1],i(n,n,r))}if(this.rotation instanceof Array){if(this.rotation[0]!==0){r[0]=-this.rotation[1]||0,r[1]=-this.rotation[2]||0;var o=u(r[0])||u(r[1]);o&&i(n,n,r),t.rotate(n,n,this.rotation[0]),o&&(r[0]=-r[0],r[1]=-r[1],i(n,n,r))}}else this.rotation!==0&&t.rotate(n,n,this.rotation);(u(this.position[0])||u(this.position[1]))&&i(n,n,this.position)}e&&(this.needLocalTransform?t.mul(n,this.parent.transform,n):t.copy(n,this.parent.transform)),this.transform=n,this.invTransform=this.invTransform||t.create(),t.invert(this.invTransform,n)},setTransform:function(e){if(this.needTransform){var t=this.transform;e.transform(t[0],t[1],t[2],t[3],t[4],t[5])}},lookAt:function(){var e=n.create();return function(r){this.transform||(this.transform=t.create());var i=this.transform;n.sub(e,r,this.position);if(o(e[0])&&o(e[1]))return;n.normalize(e,e);var s=this.scale;i[2]=e[0]*s[1],i[3]=e[1]*s[1],i[0]=e[1]*s[0],i[1]=-e[0]*s[0],i[4]=this.position[0],i[5]=this.position[1],this.decomposeTransform()}}(),decomposeTransform:function(){if(!this.transform)return;var e=this.transform,t=e[0]*e[0]+e[1]*e[1],n=this.position,r=this.scale,i=this.rotation;u(t-1)&&(t=Math.sqrt(t));var s=e[2]*e[2]+e[3]*e[3];u(s-1)&&(s=Math.sqrt(s)),n[0]=e[4],n[1]=e[5],r[0]=t,r[1]=s,r[2]=r[3]=0,i[0]=Math.atan2(-e[1]/s,e[0]/t),i[1]=i[2]=0},transformCoordToLocal:function(e,t){var r=[e,t];return this.needTransform&&this.invTransform&&n.applyTransform(r,r,this.invTransform),r}},a}),define("zrender/tool/color",["require","../tool/util"],function(e){function f(e){r=e}function l(){r=i}function c(e,t){return e|=0,t=t||r,t[e%t.length]}function h(e){s=e}function p(){o=s}function d(){return s}function v(e,r,i,s,o,u,a){n||(n=t.getContext());var f=n.createRadialGradient(e,r,i,s,o,u);for(var l=0,c=a.length;l<c;l++)f.addColorStop(a[l][0],a[l][1]);return f.__nonRecursion=!0,f}function m(e,r,i,s,o){n||(n=t.getContext());var u=n.createLinearGradient(e,r,i,s);for(var a=0,f=o.length;a<f;a++)u.addColorStop(o[a][0],o[a][1]);return u.__nonRecursion=!0,u}function g(e,t,n){e=S(e),t=S(t),e=F(e),t=F(t);var r=[],i=(t[0]-e[0])/n,s=(t[1]-e[1])/n,o=(t[2]-e[2])/n,u=(t[3]-e[3])/n;for(var a=0,f=e[0],l=e[1],c=e[2],h=e[3];a<n;a++)r[a]=b([R(Math.floor(f),[0,255]),R(Math.floor(l),[0,255]),R(Math.floor(c),[0,255]),h.toFixed(4)-0],"rgba"),f+=i,l+=s,c+=o,h+=u;return f=t[0],l=t[1],c=t[2],h=t[3],r[a]=b([f,l,c,h],"rgba"),r}function y(e,t){var n=[],r=e.length;t===undefined&&(t=20);if(r===1)n=g(e[0],e[0],t);else if(r>1)for(var i=0,s=r-1;i<s;i++){var o=g(e[i],e[i+1],t);i<s-1&&o.pop(),n=n.concat(o)}return n}function b(e,t){t=t||"rgb";if(e&&(e.length===3||e.length===4)){e=q(e,function(e){return e>1?Math.ceil(e):e});if(t.indexOf("hex")>-1)return"#"+((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1);if(t.indexOf("hs")>-1){var n=q(e.slice(1,3),function(e){return e+"%"});e[1]=n[0],e[2]=n[1]}return t.indexOf("a")>-1?(e.length===3&&e.push(1),e[3]=R(e[3],[0,1]),t+"("+e.slice(0,4).join(",")+")"):t+"("+e.slice(0,3).join(",")+")"}}function w(e){e=_(e),e.indexOf("rgba")<0&&(e=S(e));var t=[],n=0;return e.replace(/[\d.]+/g,function(e){n<3?e|=0:e=+e,t[n++]=e}),t}function E(e,t){if(!U(e))return e;var n=F(e),r=n[3];return typeof r=="undefined"&&(r=1),e.indexOf("hsb")>-1?n=z(n):e.indexOf("hsl")>-1&&(n=W(n)),t.indexOf("hsb")>-1||t.indexOf("hsv")>-1?n=V(n):t.indexOf("hsl")>-1&&(n=$(n)),n[3]=r,b(n,t)}function S(e){return E(e,"rgba")}function x(e){return E(e,"rgb")}function T(e){return E(e,"hex")}function N(e){return E(e,"hsva")}function C(e){return E(e,"hsv")}function k(e){return E(e,"hsba")}function L(e){return E(e,"hsb")}function A(e){return E(e,"hsla")}function O(e){return E(e,"hsl")}function M(e){for(var t in a)if(T(a[t])===T(e))return t;return null}function _(e){return String(e).replace(/\s+/g,"")}function D(e){a[e]&&(e=a[e]),e=_(e),e=e.replace(/hsv/i,"hsb");if(/^#[\da-f]{3}$/i.test(e)){e=parseInt(e.slice(1),16);var t=(e&3840)<<8,n=(e&240)<<4,r=e&15;e="#"+((1<<24)+(t<<4)+t+(n<<4)+n+(r<<4)+r).toString(16).slice(1)}return e}function P(e,t){if(!U(e))return e;var n=t>0?1:-1;typeof t=="undefined"&&(t=0),t=Math.abs(t)>1?1:Math.abs(t),e=x(e);var r=F(e);for(var i=0;i<3;i++)n===1?r[i]=r[i]*(1-t)|0:r[i]=(255-r[i])*t+r[i]|0;return"rgb("+r.join(",")+")"}function H(e){if(!U(e))return e;var t=F(S(e));return t=q(t,function(e){return 255-e}),b(t,"rgb")}function B(e,t,n){if(!U(e)||!U(t))return e;typeof n=="undefined"&&(n=.5),n=1-R(n,[0,1]);var r=n*2-1,i=F(S(e)),s=F(S(t)),o=i[3]-s[3],u=((r*o===-1?r:(r+o)/(1+r*o))+1)/2,a=1-u,f=[];for(var l=0;l<3;l++)f[l]=i[l]*u+s[l]*a;var c=i[3]*n+s[3]*(1-n);return c=Math.max(0,Math.min(1,c)),i[3]===1&&s[3]===1?b(f,"rgb"):(f[3]=c,b(f,"rgba"))}function j(){return"#"+(Math.random().toString(16)+"0000").slice(2,8)}function F(e){e=D(e);var t=e.match(u);if(t===null)throw new Error("The color format error");var n,r,i=[],s;if(t[2])n=t[2].replace("#","").split(""),s=[n[0]+n[1],n[2]+n[3],n[4]+n[5]],i=q(s,function(e){return R(parseInt(e,16),[0,255])});else if(t[4]){var o=t[4].split(",");r=o[3],s=o.slice(0,3),i=q(s,function(e){return e=Math.floor(e.indexOf("%")>0?parseInt(e,0)*2.55:e),R(e,[0,255])}),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}else if(t[5]||t[6]){var a=(t[5]||t[6]).split(","),f=parseInt(a[0],0)/360,l=a[1],c=a[2];r=a[3],i=q([l,c],function(e){return R(parseFloat(e)/100,[0,1])}),i.unshift(f),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}return i}function I(e,t){if(!U(e))return e;t===null&&(t=1);var n=F(S(e));return n[3]=R(Number(t).toFixed(4),[0,1]),b(n,"rgba")}function q(e,t){if(typeof t!="function")throw new TypeError;var n=e?e.length:0;for(var r=0;r<n;r++)e[r]=t(e[r]);return e}function R(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e}function U(e){return e instanceof Array||typeof e=="string"}function z(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u=t*6;u===6&&(u=0);var a=u|0,f=r*(1-n),l=r*(1-n*(u-a)),c=r*(1-n*(1-(u-a))),h=0,p=0,d=0;a===0?(h=r,p=c,d=f):a===1?(h=l,p=r,d=f):a===2?(h=f,p=r,d=c):a===3?(h=f,p=l,d=r):a===4?(h=c,p=f,d=r):(h=r,p=f,d=l),i=h*255,s=p*255,o=d*255}return[i,s,o]}function W(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u;r<.5?u=r*(1+n):u=r+n-n*r;var a=2*r-u;i=255*X(a,u,t+1/3),s=255*X(a,u,t),o=255*X(a,u,t-1/3)}return[i,s,o]}function X(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function V(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=s,a,f;if(o===0)a=0,f=0;else{f=o/s;var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}function $(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=(s+i)/2,a,f;if(o===0)a=0,f=0;else{u<.5?f=o/(s+i):f=o/(2-s-i);var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}var t=e("../tool/util"),n,r=["#ff9277"," #dddd00"," #ffc877"," #bbe3ff"," #d5ffbb","#bbbbff"," #ddb000"," #b0dd00"," #e2bbff"," #ffbbe3","#ff7777"," #ff9900"," #83dd00"," #77e3ff"," #778fff","#c877ff"," #ff77ab"," #ff6600"," #aa8800"," #77c7ff","#ad77ff"," #ff77ff"," #dd0083"," #777700"," #00aa00","#0088aa"," #8400dd"," #aa0088"," #dd0000"," #772e00"],i=r,s="rgba(255,255,0,0.5)",o=s,u=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#0ff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000",blanchedalmond:"#ffebcd",blue:"#00f",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#0ff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgrey:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#f0f",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#789",lightslategrey:"#789",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#0f0",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#f0f",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#f00",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#fff",whitesmoke:"#f5f5f5",yellow:"#ff0",yellowgreen:"#9acd32"};return{customPalette:f,resetPalette:l,getColor:c,getHighlightColor:d,customHighlight:h,resetHighlight:p,getRadialGradient:v,getLinearGradient:m,getGradientColors:y,getStepColors:g,reverse:H,mix:B,lift:P,trim:_,random:j,toRGB:x,toRGBA:S,toHex:T,toHSL:O,toHSLA:A,toHSB:L,toHSBA:k,toHSV:C,toHSVA:N,toName:M,toColor:b,toArray:w,alpha:I,getData:F}}),define("zrender/shape/Base",["require","../tool/matrix","../tool/guid","../tool/util","../tool/log","../mixin/Transformable","../mixin/Eventful","../tool/area","../tool/area","../tool/color","../tool/area"],function(e){function a(t,n,r,i,s,o,u){s&&(t.font=s),t.textAlign=o,t.textBaseline=u;var a=f(n,r,i,s,o,u);n=(n+"").split("\n");var l=e("../tool/area").getTextHeight("国",s);switch(u){case"top":i=a.y;break;case"bottom":i=a.y+l;break;default:i=a.y+l/2}for(var c=0,h=n.length;c<h;c++)t.fillText(n[c],r,i),i+=l}function f(t,n,r,i,s,o){var u=e("../tool/area"),a=u.getTextWidth(t,i),f=u.getTextHeight("国",i);t=(t+"").split("\n");switch(s){case"end":case"right":n-=a;break;case"center":n-=a/2}switch(o){case"top":break;case"bottom":r-=f*t.length;break;default:r-=f*t.length/2}return{x:n,y:r,width:a,height:f*t.length}}var t=window.G_vmlCanvasManager,n=e("../tool/matrix"),r=e("../tool/guid"),i=e("../tool/util"),s=e("../tool/log"),o=e("../mixin/Transformable"),u=e("../mixin/Eventful"),l=function(e){e=e||{},this.id=e.id||r();for(var t in e)this[t]=e[t];this.style=this.style||{},this.highlightStyle=this.highlightStyle||null,this.parent=null,this.__dirty=!0,this.__clipShapes=[],o.call(this),u.call(this)};l.prototype.invisible=!1,l.prototype.ignore=!1,l.prototype.zlevel=0,l.prototype.draggable=!1,l.prototype.clickable=!1,l.prototype.hoverable=!0,l.prototype.z=0,l.prototype.brush=function(e,t){var n=this.beforeBrush(e,t);e.beginPath(),this.buildPath(e,n);switch(n.brushType){case"both":e.fill();case"stroke":n.lineWidth>0&&e.stroke();break;default:e.fill()}this.drawText(e,n,this.style),this.afterBrush(e)},l.prototype.beforeBrush=function(e,t){var n=this.style;return this.brushTypeOnly&&(n.brushType=this.brushTypeOnly),t&&(n=this.getHighlightStyle(n,this.highlightStyle||{},this.brushTypeOnly)),this.brushTypeOnly=="stroke"&&(n.strokeColor=n.strokeColor||n.color),e.save(),this.doClip(e),this.setContext(e,n),this.setTransform(e),n},l.prototype.afterBrush=function(e){e.restore()};var c=[["color","fillStyle"],["strokeColor","strokeStyle"],["opacity","globalAlpha"],["lineCap","lineCap"],["lineJoin","lineJoin"],["miterLimit","miterLimit"],["lineWidth","lineWidth"],["shadowBlur","shadowBlur"],["shadowColor","shadowColor"],["shadowOffsetX","shadowOffsetX"],["shadowOffsetY","shadowOffsetY"]];l.prototype.setContext=function(e,t){for(var n=0,r=c.length;n<r;n++){var i=c[n][0],s=t[i],o=c[n][1];typeof s!="undefined"&&(e[o]=s)}};var h=n.create();return l.prototype.doClip=function(e){if(this.__clipShapes&&!t)for(var r=0;r<this.__clipShapes.length;r++){var i=this.__clipShapes[r];if(i.needTransform){var s=i.transform;n.invert(h,s),e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}e.beginPath(),i.buildPath(e,i.style),e.clip();if(i.needTransform){var s=h;e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}}},l.prototype.getHighlightStyle=function(t,n,r){var i={};for(var s in t)i[s]=t[s];var o=e("../tool/color"),u=o.getHighlightColor();t.brushType!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom(),i.brushType="both"):r!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom()):i.strokeColor=n.strokeColor||o.mix(t.strokeColor,o.toRGB(u));for(var s in n)typeof n[s]!="undefined"&&(i[s]=n[s]);return i},l.prototype.getHighlightZoom=function(){return this.type!="text"?6:2},l.prototype.drift=function(e,t){this.position[0]+=e,this.position[1]+=t},l.prototype.buildPath=function(e,t){s("buildPath not implemented in "+this.type)},l.prototype.getRect=function(e){s("getRect not implemented in "+this.type)},l.prototype.isCover=function(t,n){var r=this.transformCoordToLocal(t,n);return t=r[0],n=r[1],this.isCoverRect(t,n)?e("../tool/area").isInside(this,this.style,t,n):!1},l.prototype.isCoverRect=function(e,t){var n=this.style.__rect;return n||(n=this.style.__rect=this.getRect(this.style)),e>=n.x&&e<=n.x+n.width&&t>=n.y&&t<=n.y+n.height},l.prototype.drawText=function(e,t,n){if(typeof t.text=="undefined"||t.text===!1)return;var r=t.textColor||t.color||t.strokeColor;e.fillStyle=r;var i=10,s,o,u,f,l=t.textPosition||this.textPosition||"top";switch(l){case"inside":case"top":case"bottom":case"left":case"right":if(this.getRect){var c=(n||t).__rect||this.getRect(n||t);switch(l){case"inside":u=c.x+c.width/2,f=c.y+c.height/2,s="center",o="middle",t.brushType!="stroke"&&r==t.color&&(e.fillStyle="#fff");break;case"left":u=c.x-i,f=c.y+c.height/2,s="end",o="middle";break;case"right":u=c.x+c.width+i,f=c.y+c.height/2,s="start",o="middle";break;case"top":u=c.x+c.width/2,f=c.y-i,s="center",o="bottom";break;case"bottom":u=c.x+c.width/2,f=c.y+c.height+i,s="center",o="top"}}break;case"start":case"end":var h=t.pointList||[[t.xStart||0,t.yStart||0],[t.xEnd||0,t.yEnd||0]],p=h.length;if(p<2)return;var d,v,m,g;switch(l){case"start":d=h[1][0],v=h[0][0],m=h[1][1],g=h[0][1];break;case"end":d=h[p-2][0],v=h[p-1][0],m=h[p-2][1],g=h[p-1][1]}u=v,f=g;var y=Math.atan((m-g)/(v-d))/Math.PI*180;v-d<0?y+=180:m-g<0&&(y+=360),i=5,y>=30&&y<=150?(s="center",o="bottom",f-=i):y>150&&y<210?(s="right",o="middle",u-=i):y>=210&&y<=330?(s="center",o="top",f+=i):(s="left",o="middle",u+=i);break;case"specific":u=t.textX||0,f=t.textY||0,s="start",o="middle"}u!=null&&f!=null&&a(e,t.text,u,f,t.textFont,t.textAlign||s,t.textBaseline||o)},l.prototype.modSelf=function(){this.__dirty=!0,this.style&&(this.style.__rect=null),this.highlightStyle&&(this.highlightStyle.__rect=null)},l.prototype.isSilent=function(){return!(this.hoverable||this.draggable||this.clickable||this.onmousemove||this.onmouseover||this.onmouseout||this.onmousedown||this.onmouseup||this.onclick||this.ondragenter||this.ondragover||this.ondragleave||this.ondrop)},i.merge(l.prototype,o.prototype,!0),i.merge(l.prototype,u.prototype,!0),l}),define("zrender/shape/Text",["require","../tool/area","./Base","../tool/util"],function(e){var t=e("../tool/area"),n=e("./Base"),r=function(e){n.call(this,e)};return r.prototype={type:"text",brush:function(e,n){var r=this.style;n&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));if(typeof r.text=="undefined"||r.text===!1)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e),r.textFont&&(e.font=r.textFont),e.textAlign=r.textAlign||"start",e.textBaseline=r.textBaseline||"middle";var i=(r.text+"").split("\n"),s=t.getTextHeight("国",r.textFont),o=this.getRect(r),u=r.x,a;r.textBaseline=="top"?a=o.y:r.textBaseline=="bottom"?a=o.y+s:a=o.y+s/2;for(var f=0,l=i.length;f<l;f++){if(r.maxWidth)switch(r.brushType){case"fill":e.fillText(i[f],u,a,r.maxWidth);break;case"stroke":e.strokeText(i[f],u,a,r.maxWidth);break;case"both":e.fillText(i[f],u,a,r.maxWidth),e.strokeText(i[f],u,a,r.maxWidth);break;default:e.fillText(i[f],u,a,r.maxWidth)}else switch(r.brushType){case"fill":e.fillText(i[f],u,a);break;case"stroke":e.strokeText(i[f],u,a);break;case"both":e.fillText(i[f],u,a),e.strokeText(i[f],u,a);break;default:e.fillText(i[f],u,a)}a+=s}e.restore();return},getRect:function(e){if(e.__rect)return e.__rect;var n=t.getTextWidth(e.text,e.textFont),r=t.getTextHeight(e.text,e.textFont),i=e.x;e.textAlign=="end"||e.textAlign=="right"?i-=n:e.textAlign=="center"&&(i-=n/2);var s;return e.textBaseline=="top"?s=e.y:e.textBaseline=="bottom"?s=e.y-r:s=e.y-r/2,e.__rect={x:i,y:s,width:n,height:r},e.__rect}},e("../tool/util").inherits(r,n),r}),define("zrender/shape/Rectangle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"rectangle",_buildRadiusPath:function(e,t){var n=t.x,r=t.y,i=t.width,s=t.height,o=t.radius,u,a,f,l;typeof o=="number"?u=a=f=l=o:o instanceof Array?o.length===1?u=a=f=l=o[0]:o.length===2?(u=f=o[0],a=l=o[1]):o.length===3?(u=o[0],a=l=o[1],f=o[2]):(u=o[0],a=o[1],f=o[2],l=o[3]):u=a=f=l=0;var c;u+a>i&&(c=u+a,u*=i/c,a*=i/c),f+l>i&&(c=f+l,f*=i/c,l*=i/c),a+f>s&&(c=a+f,a*=s/c,f*=s/c),u+l>s&&(c=u+l,u*=s/c,l*=s/c),e.moveTo(n+u,r),e.lineTo(n+i-a,r),a!==0&&e.quadraticCurveTo(n+i,r,n+i,r+a),e.lineTo(n+i,r+s-f),f!==0&&e.quadraticCurveTo(n+i,r+s,n+i-f,r+s),e.lineTo(n+l,r+s),l!==0&&e.quadraticCurveTo(n,r+s,n,r+s-l),e.lineTo(n,r+u),u!==0&&e.quadraticCurveTo(n,r,n+u,r)},buildPath:function(e,t){t.radius?this._buildRadiusPath(e,t):(e.moveTo(t.x,t.y),e.lineTo(t.x+t.width,t.y),e.lineTo(t.x+t.width,t.y+t.height),e.lineTo(t.x,t.y+t.height),e.lineTo(t.x,t.y)),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-t/2),y:Math.round(e.y-t/2),width:e.width+t,height:e.height+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/loadingEffect/Base",["require","../tool/util","../shape/Text","../shape/Rectangle"],function(e){function o(e){this.setOptions(e)}var t=e("../tool/util"),n=e("../shape/Text"),r=e("../shape/Rectangle"),i="Loading...",s="normal 16px Arial";return o.prototype.createTextShape=function(e){return new n({highlightStyle:t.merge({x:this.canvasWidth/2,y:this.canvasHeight/2,text:i,textAlign:"center",textBaseline:"middle",textFont:s,color:"#333",brushType:"fill"},e,!0)})},o.prototype.createBackgroundShape=function(e){return new r({highlightStyle:{x:0,y:0,width:this.canvasWidth,height:this.canvasHeight,brushType:"fill",color:e}})},o.prototype.start=function(e){function t(t){e.storage.addHover(t)}function n(){e.refreshHover()}this.canvasWidth=e._width,this.canvasHeight=e._height,this.loadingTimer=this._start(t,n)},o.prototype._start=function(){return setInterval(function(){},1e4)},o.prototype.stop=function(){clearInterval(this.loadingTimer)},o.prototype.setOptions=function(e){this.options=e||{}},o.prototype.adjust=function(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e},o.prototype.getLocation=function(e,t,n){var r=e.x!=null?e.x:"center";switch(r){case"center":r=Math.floor((this.canvasWidth-t)/2);break;case"left":r=0;break;case"right":r=this.canvasWidth-t}var i=e.y!=null?e.y:"center";switch(i){case"center":i=Math.floor((this.canvasHeight-n)/2);break;case"top":i=0;break;case"bottom":i=this.canvasHeight-n}return{x:r,y:i,width:t,height:n}},o}),define("zrender/Layer",["require","./mixin/Transformable","./tool/util","./config"],function(e){function s(){return!1}function o(e,t,n){var r=document.createElement(t),s=n.getWidth(),o=n.getHeight();return r.style.position="absolute",r.style.left=0,r.style.top=0,r.style.width=s+"px",r.style.height=o+"px",r.width=s*i.devicePixelRatio,r.height=o*i.devicePixelRatio,r.setAttribute("data-zr-dom-id",e),r}var t=e("./mixin/Transformable"),n=e("./tool/util"),r=window.G_vmlCanvasManager,i=e("./config"),u=function(e,n){this.id=e,this.dom=o(e,"canvas",n),this.dom.onselectstart=s,this.dom.style["-webkit-user-select"]="none",this.dom.style["user-select"]="none",this.dom.style["-webkit-touch-callout"]="none",this.dom.style["-webkit-tap-highlight-color"]="rgba(0,0,0,0)",this.dom.className=i.elementClassName,r&&r.initElement(this.dom),this.domBack=null,this.ctxBack=null,this.painter=n,this.unusedCount=0,this.config=null,this.dirty=!0,this.elCount=0,this.clearColor=0,this.motionBlur=!1,this.lastFrameAlpha=.7,this.zoomable=!1,this.panable=!1,this.maxZoom=Infinity,this.minZoom=0,t.call(this)};return u.prototype.initContext=function(){this.ctx=this.dom.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctx.scale(e,e)},u.prototype.createBackBuffer=function(){if(r)return;this.domBack=o("back-"+this.id,"canvas",this.painter),this.ctxBack=this.domBack.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctxBack.scale(e,e)},u.prototype.resize=function(e,t){var n=i.devicePixelRatio;this.dom.style.width=e+"px",this.dom.style.height=t+"px",this.dom.setAttribute("width",e*n),this.dom.setAttribute("height",t*n),n!=1&&this.ctx.scale(n,n),this.domBack&&(this.domBack.setAttribute("width",e*n),this.domBack.setAttribute("height",t*n),n!=1&&this.ctxBack.scale(n,n))},u.prototype.clear=function(){var e=this.dom,t=this.ctx,n=e.width,s=e.height,o=this.clearColor&&!r,u=this.motionBlur&&!r,a=this.lastFrameAlpha,f=i.devicePixelRatio;u&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(e,0,0,n/f,s/f)),t.clearRect(0,0,n/f,s/f),o&&(t.save(),t.fillStyle=this.clearColor,t.fillRect(0,0,n/f,s/f),t.restore());if(u){var l=this.domBack;t.save(),t.globalAlpha=a,t.drawImage(l,0,0,n/f,s/f),t.restore()}},n.merge(u.prototype,t.prototype),u}),define("zrender/shape/Image",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"image",brush:function(e,t,n){var r=this.style||{};t&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));var i=r.image,s=this;this._imageCache||(this._imageCache={});if(typeof i=="string"){var o=i;this._imageCache[o]?i=this._imageCache[o]:(i=new Image,i.onload=function(){i.onload=null,s.modSelf(),n()},i.src=o,this._imageCache[o]=i)}if(i){if(i.nodeName.toUpperCase()=="IMG")if(window.ActiveXObject){if(i.readyState!="complete")return}else if(!i.complete)return;var u=r.width||i.width,a=r.height||i.height,f=r.x,l=r.y;if(!i.width||!i.height)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e);if(r.sWidth&&r.sHeight){var c=r.sx||0,h=r.sy||0;e.drawImage(i,c,h,r.sWidth,r.sHeight,f,l,u,a)}else if(r.sx&&r.sy){var c=r.sx,h=r.sy,p=u-c,d=a-h;e.drawImage(i,c,h,p,d,f,l,u,a)}else e.drawImage(i,f,l,u,a);r.width||(r.width=u),r.height||(r.height=a),this.style.width||(this.style.width=u),this.style.height||(this.style.height=a),this.drawText(e,r,this.style),e.restore()}},getRect:function(e){return{x:e.x,y:e.y,width:e.width,height:e.height}},clearCache:function(){this._imageCache={}}},e("../tool/util").inherits(n,t),n}),define("zrender/Painter",["require","./config","./tool/util","./tool/log","./loadingEffect/Base","./Layer","./shape/Image"],function(e){function o(){return!1}function u(){}function a(e){return e?e.isBuildin?!0:typeof e.resize!="function"||typeof e.refresh!="function"?!1:!0:!1}var t=e("./config"),n=e("./tool/util"),r=e("./tool/log"),i=e("./loadingEffect/Base"),s=e("./Layer"),f=function(e,n){this.root=e,e.style["-webkit-tap-highlight-color"]="transparent",e.style["-webkit-user-select"]="none",e.style["user-select"]="none",e.style["-webkit-touch-callout"]="none",this.storage=n,e.innerHTML="",this._width=this._getWidth(),this._height=this._getHeight();var r=document.createElement("div");this._domRoot=r,r.style.position="relative",r.style.overflow="hidden",r.style.width=this._width+"px",r.style.height=this._height+"px",e.appendChild(r),this._layers={},this._zlevelList=[],this._layerConfig={},this._loadingEffect=new i({}),this.shapeToImage=this._createShapeToImageProcessor(),this._bgDom=document.createElement("div"),this._bgDom.style.cssText=["position:absolute;left:0px;top:0px;width:",this._width,"px;height:",this._height+"px;","-webkit-user-select:none;user-select;none;","-webkit-touch-callout:none;"].join(""),this._bgDom.setAttribute("data-zr-dom-id","bg"),this._bgDom.className=t.elementClassName,r.appendChild(this._bgDom),this._bgDom.onselectstart=o;var u=new s("_zrender_hover_",this);this._layers.hover=u,r.appendChild(u.dom),u.initContext(),u.dom.onselectstart=o,u.dom.style["-webkit-user-select"]="none",u.dom.style["user-select"]="none",u.dom.style["-webkit-touch-callout"]="none",this.refreshNextFrame=null};return f.prototype.render=function(e){return this.isLoading()&&this.hideLoading(),this.refresh(e,!0),this},f.prototype.refresh=function(e,t){var n=this.storage.getShapeList(!0);this._paintList(n,t);for(var r=0;r<this._zlevelList.length;r++){var i=this._zlevelList[r],s=this._layers[i];!s.isBuildin&&s.refresh&&s.refresh()}return typeof e=="function"&&e(),this},f.prototype._preProcessLayer=function(e){e.unusedCount++,e.updateTransform()},f.prototype._postProcessLayer=function(e){e.dirty=!1,e.unusedCount==1&&e.clear()},f.prototype._paintList=function(e,n){typeof n=="undefined"&&(n=!1),this._updateLayerStatus(e);var i,s,o;this.eachBuildinLayer(this._preProcessLayer);for(var u=0,a=e.length;u<a;u++){var f=e[u];s!==f.zlevel&&(i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),s=f.zlevel,i=this.getLayer(s),i.isBuildin||r("ZLevel "+s+" has been used by unkown layer "+i.id),o=i.ctx,i.unusedCount=0,(i.dirty||n)&&i.clear(),i.needTransform&&(o.save(),i.setTransform(o)));if((i.dirty||n)&&!f.invisible)if(!f.onbrush||f.onbrush&&!f.onbrush(o,!1))if(t.catchBrushException)try{f.brush(o,!1,this.refreshNextFrame)}catch(l){r(l,"brush error of "+f.type,f)}else f.brush(o,!1,this.refreshNextFrame);f.__dirty=!1}i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),this.eachBuildinLayer(this._postProcessLayer)},f.prototype.getLayer=function(e){var t=this._layers[e];return t||(t=new s(e,this),t.isBuildin=!0,this._layerConfig[e]&&n.merge(t,this._layerConfig[e],!0),t.updateTransform(),this.insertLayer(e,t),t.initContext()),t},f.prototype.insertLayer=function(e,t){if(this._layers[e]){r("ZLevel "+e+" has been used already");return}if(!a(t)){r("Layer of zlevel "+e+" is not valid");return}var n=this._zlevelList.length,i=null,s=-1;if(n>0&&e>this._zlevelList[0]){for(s=0;s<n-1;s++)if(this._zlevelList[s]<e&&this._zlevelList[s+1]>e)break;i=this._layers[this._zlevelList[s]]}this._zlevelList.splice(s+1,0,e);var o=i?i.dom:this._bgDom;o.nextSibling?o.parentNode.insertBefore(t.dom,o.nextSibling):o.parentNode.appendChild(t.dom),this._layers[e]=t},f.prototype.eachLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n];e.call(t,this._layers[r],r)}},f.prototype.eachBuildinLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin&&e.call(t,i,r)}},f.prototype.eachOtherLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin||e.call(t,i,r)}},f.prototype.getLayers=function(){return this._layers},f.prototype._updateLayerStatus=function(e){var t=this._layers,n={};this.eachBuildinLayer(function(e,t){n[t]=e.elCount,e.elCount=0});for(var r=0,i=e.length;r<i;r++){var s=e[r],o=s.zlevel,u=t[o];if(u){u.elCount++;if(u.dirty)continue;u.dirty=s.__dirty}}this.eachBuildinLayer(function(e,t){n[t]!==e.elCount&&(e.dirty=!0)})},f.prototype.refreshShapes=function(e,t){for(var n=0,r=e.length;n<r;n++){var i=e[n];i.modSelf()}return this.refresh(t),this},f.prototype.setLoadingEffect=function(e){return this._loadingEffect=e,this},f.prototype.clear=function(){return this.eachBuildinLayer(this._clearLayer),this},f.prototype._clearLayer=function(e){e.clear()},f.prototype.modLayer=function(e,t){if(t){this._layerConfig[e]?n.merge(this._layerConfig[e],t,!0):this._layerConfig[e]=t;var r=this._layers[e];r&&n.merge(r,this._layerConfig[e],!0)}},f.prototype.delLayer=function(e){var t=this._layers[e];if(!t)return;this.modLayer(e,{position:t.position,rotation:t.rotation,scale:t.scale}),t.dom.parentNode.removeChild(t.dom),delete this._layers[e],this._zlevelList.splice(n.indexOf(this._zlevelList,e),1)},f.prototype.refreshHover=function(){this.clearHover();var e=this.storage.getHoverShapes(!0);for(var t=0,n=e.length;t<n;t++)this._brushHover(e[t]);var r=this._layers.hover.ctx;return r.flush&&r.flush(),this.storage.delHover(),this},f.prototype.clearHover=function(){var e=this._layers.hover;return e&&e.clear(),this},f.prototype.showLoading=function(e){return this._loadingEffect&&this._loadingEffect.stop(),e&&this.setLoadingEffect(e),this._loadingEffect.start(this),this.loading=!0,this},f.prototype.hideLoading=function(){return this._loadingEffect.stop(),this.clearHover(),this.loading=!1,this},f.prototype.isLoading=function(){return this.loading},f.prototype.resize=function(){var e=this._domRoot;e.style.display="none";var t=this._getWidth(),n=this._getHeight();e.style.display="";if(this._width!=t||n!=this._height){this._width=t,this._height=n,e.style.width=t+"px",e.style.height=n+"px";for(var r in this._layers)this._layers[r].resize(t,n);this.refresh(null,!0)}return this},f.prototype.clearLayer=function(e){var t=this._layers[e];t&&t.clear()},f.prototype.dispose=function(){this.isLoading()&&this.hideLoading(),this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},f.prototype.getDomHover=function(){return this._layers.hover.dom},f.prototype.toDataURL=function(e,n,i){if(window.G_vmlCanvasManager)return null;var o=new s("image",this);this._bgDom.appendChild(o.dom),o.initContext();var u=o.ctx;o.clearColor=n||"#fff",o.clear();var a=this;this.storage.iterShape(function(e){if(!e.invisible)if(!e.onbrush||e.onbrush&&!e.onbrush(u,!1))if(t.catchBrushException)try{e.brush(u,!1,a.refreshNextFrame)}catch(n){r(n,"brush error of "+e.type,e)}else e.brush(u,!1,a.refreshNextFrame)},{normal:"up",update:!0});var f=o.dom.toDataURL(e,i);return u=null,this._bgDom.removeChild(o.dom),f},f.prototype.getWidth=function(){return this._width},f.prototype.getHeight=function(){return this._height},f.prototype._getWidth=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientWidth||parseInt(t.width,10))-parseInt(t.paddingLeft,10)-parseInt(t.paddingRight,10)).toFixed(0)-0},f.prototype._getHeight=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientHeight||parseInt(t.height,10))-parseInt(t.paddingTop,10)-parseInt(t.paddingBottom,10)).toFixed(0)-0},f.prototype._brushHover=function(e){var n=this._layers.hover.ctx;if(!e.onbrush||e.onbrush&&!e.onbrush(n,!0)){var i=this.getLayer(e.zlevel);i.needTransform&&(n.save(),i.setTransform(n));if(t.catchBrushException)try{e.brush(n,!0,this.refreshNextFrame)}catch(s){r(s,"hoverBrush error of "+e.type,e)}else e.brush(n,!0,this.refreshNextFrame);i.needTransform&&n.restore()}},f.prototype._shapeToImage=function(t,n,r,i,s){var o=document.createElement("canvas"),u=o.getContext("2d");o.style.width=r+"px",o.style.height=i+"px",o.setAttribute("width",r*s),o.setAttribute("height",i*s),u.clearRect(0,0,r*s,i*s);var a={position:n.position,rotation:n.rotation,scale:n.scale};n.position=[0,0,0],n.rotation=0,n.scale=[1,1],n&&n.brush(u,!1);var f=e("./shape/Image"),l=new f({id:t,style:{x:0,y:0,image:o}});return a.position!=null&&(l.position=n.position=a.position),a.rotation!=null&&(l.rotation=n.rotation=a.rotation),a.scale!=null&&(l.scale=n.scale=a.scale),l},f.prototype._createShapeToImageProcessor=function(){if(window.G_vmlCanvasManager)return u;var e=this;return function(n,r,i,s){return e._shapeToImage(n,r,i,s,t.devicePixelRatio)}},f}),define("zrender/Group",["require","./tool/guid","./tool/util","./mixin/Transformable","./mixin/Eventful"],function(e){var t=e("./tool/guid"),n=e("./tool/util"),r=e("./mixin/Transformable"),i=e("./mixin/Eventful"),s=function(e){e=e||{},this.id=e.id||t();for(var n in e)this[n]=e[n];this.type="group",this.clipShape=null,this._children=[],this._storage=null,this.__dirty=!0,r.call(this),i.call(this)};return s.prototype.ignore=!1,s.prototype.children=function(){return this._children.slice()},s.prototype.childAt=function(e){return this._children[e]},s.prototype.addChild=function(e){if(e==this)return;if(e.parent==this)return;e.parent&&e.parent.removeChild(e),this._children.push(e),e.parent=this,this._storage&&this._storage!==e._storage&&(this._storage.addToMap(e),e instanceof s&&e.addChildrenToStorage(this._storage))},s.prototype.removeChild=function(e){var t=n.indexOf(this._children,e);t>=0&&this._children.splice(t,1),e.parent=null,this._storage&&(this._storage.delFromMap(e.id),e instanceof s&&e.delChildrenFromStorage(this._storage))},s.prototype.clearChildren=function(){for(var e=0;e<this._children.length;e++){var t=this._children[e];this._storage&&(this._storage.delFromMap(t.id),t instanceof s&&t.delChildrenFromStorage(this._storage))}this._children.length=0},s.prototype.eachChild=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i)}},s.prototype.traverse=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i),i.type==="group"&&i.traverse(e,t)}},s.prototype.addChildrenToStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.addToMap(n),n instanceof s&&n.addChildrenToStorage(e)}},s.prototype.delChildrenFromStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.delFromMap(n.id),n instanceof s&&n.delChildrenFromStorage(e)}},s.prototype.modSelf=function(){this.__dirty=!0},n.merge(s.prototype,r.prototype,!0),n.merge(s.prototype,i.prototype,!0),s}),define("zrender/Storage",["require","./tool/util","./Group"],function(e){function i(e,t){return e.zlevel==t.zlevel?e.z==t.z?e.__renderidx-t.__renderidx:e.z-t.z:e.zlevel-t.zlevel}var t=e("./tool/util"),n=e("./Group"),r={hover:!1,normal:"down",update:!1},s=function(){this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0};return s.prototype.iterShape=function(e,t){t||(t=r);if(t.hover)for(var n=0,i=this._hoverElements.length;n<i;n++){var s=this._hoverElements[n];s.updateTransform();if(e(s))return this}t.update&&this.updateShapeList();switch(t.normal){case"down":var i=this._shapeList.length;while(i--)if(e(this._shapeList[i]))return this;break;default:for(var n=0,i=this._shapeList.length;n<i;n++)if(e(this._shapeList[n]))return this}return this},s.prototype.getHoverShapes=function(e){var t=[];for(var n=0,r=this._hoverElements.length;n<r;n++){t.push(this._hoverElements[n]);var s=this._hoverElements[n].hoverConnect;if(s){var o;s=s instanceof Array?s:[s];for(var u=0,a=s.length;u<a;u++)o=s[u].id?s[u]:this.get(s[u]),o&&t.push(o)}}t.sort(i);if(e)for(var n=0,r=t.length;n<r;n++)t[n].updateTransform();return t},s.prototype.getShapeList=function(e){return e&&this.updateShapeList(),this._shapeList},s.prototype.updateShapeList=function(){this._shapeListOffset=0;for(var e=0,t=this._roots.length;e<t;e++){var n=this._roots[e];this._updateAndAddShape(n)}this._shapeList.length=this._shapeListOffset;for(var e=0,t=this._shapeList.length;e<t;e++)this._shapeList[e].__renderidx=e;this._shapeList.sort(i)},s.prototype._updateAndAddShape=function(e,t){if(e.ignore)return;e.updateTransform(),e.clipShape&&(e.clipShape.parent=e,e.clipShape.updateTransform(),t?(t=t.slice(),t.push(e.clipShape)):t=[e.clipShape]);if(e.type=="group"){for(var n=0;n<e._children.length;n++){var r=e._children[n];r.__dirty=e.__dirty||r.__dirty,this._updateAndAddShape(r,t)}e.__dirty=!1}else e.__clipShapes=t,this._shapeList[this._shapeListOffset++]=e},s.prototype.mod=function(e,n){typeof e=="string"&&(e=this._elements[e]);if(e){e.modSelf();if(n)if(n.parent||n._storage||n.__clipShapes){var r={};for(var i in n){if(i==="parent"||i==="_storage"||i==="__clipShapes")continue;n.hasOwnProperty(i)&&(r[i]=n[i])}t.merge(e,r,!0)}else t.merge(e,n,!0)}return this},s.prototype.drift=function(e,t,n){var r=this._elements[e];return r&&(r.needTransform=!0,r.draggable==="horizontal"?n=0:r.draggable==="vertical"&&(t=0),(!r.ondrift||r.ondrift&&!r.ondrift(t,n))&&r.drift(t,n)),this},s.prototype.addHover=function(e){return e.updateNeedTransform(),this._hoverElements.push(e),this},s.prototype.delHover=function(){return this._hoverElements=[],this},s.prototype.hasHoverShape=function(){return this._hoverElements.length>0},s.prototype.addRoot=function(e){if(this._elements[e.id])return;e instanceof n&&e.addChildrenToStorage(this),this.addToMap(e),this._roots.push(e)},s.prototype.delRoot=function(e){if(typeof e=="undefined"){for(var r=0;r<this._roots.length;r++){var i=this._roots[r];i instanceof n&&i.delChildrenFromStorage(this)}this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0;return}if(e instanceof Array){for(var r=0,s=e.length;r<s;r++)this.delRoot(e[r]);return}var o;typeof e=="string"?o=this._elements[e]:o=e;var u=t.indexOf(this._roots,o);u>=0&&(this.delFromMap(o.id),this._roots.splice(u,1),o instanceof n&&o.delChildrenFromStorage(this))},s.prototype.addToMap=function(e){return e instanceof n&&(e._storage=this),e.modSelf(),this._elements[e.id]=e,this},s.prototype.get=function(e){return this._elements[e]},s.prototype.delFromMap=function(e){var t=this._elements[e];return t&&(delete this._elements[e],t instanceof n&&(t._storage=null)),this},s.prototype.dispose=function(){this._elements=this._renderList=this._roots=this._hoverElements=null},s}),define("zrender/animation/easing",[],function(){var e={Linear:function(e){return e},QuadraticIn:function(e){return e*e},QuadraticOut:function(e){return e*(2-e)},QuadraticInOut:function(e){return(e*=2)<1?.5*e*e:-0.5*(--e*(e-2)-1)},CubicIn:function(e){return e*e*e},CubicOut:function(e){return--e*e*e+1},CubicInOut:function(e){return(e*=2)<1?.5*e*e*e:.5*((e-=2)*e*e+2)},QuarticIn:function(e){return e*e*e*e},QuarticOut:function(e){return 1- --e*e*e*e},QuarticInOut:function(e){return(e*=2)<1?.5*e*e*e*e:-0.5*((e-=2)*e*e*e-2)},QuinticIn:function(e){return e*e*e*e*e},QuinticOut:function(e){return--e*e*e*e*e+1},QuinticInOut:function(e){return(e*=2)<1?.5*e*e*e*e*e:.5*((e-=2)*e*e*e*e+2)},SinusoidalIn:function(e){return 1-Math.cos(e*Math.PI/2)},SinusoidalOut:function(e){return Math.sin(e*Math.PI/2)},SinusoidalInOut:function(e){return.5*(1-Math.cos(Math.PI*e))},ExponentialIn:function(e){return e===0?0:Math.pow(1024,e-1)},ExponentialOut:function(e){return e===1?1:1-Math.pow(2,-10*e)},ExponentialInOut:function(e){return e===0?0:e===1?1:(e*=2)<1?.5*Math.pow(1024,e-1):.5*(-Math.pow(2,-10*(e-1))+2)},CircularIn:function(e){return 1-Math.sqrt(1-e*e)},CircularOut:function(e){return Math.sqrt(1- --e*e)},CircularInOut:function(e){return(e*=2)<1?-0.5*(Math.sqrt(1-e*e)-1):.5*(Math.sqrt(1-(e-=2)*e)+1)},ElasticIn:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),-(n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)))},ElasticOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*e)*Math.sin((e-t)*2*Math.PI/r)+1)},ElasticInOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),(e*=2)<1?-0.5*n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r):n*Math.pow(2,-10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)*.5+1)},BackIn:function(e){var t=1.70158;return e*e*((t+1)*e-t)},BackOut:function(e){var t=1.70158;return--e*e*((t+1)*e+t)+1},BackInOut:function(e){var t=2.5949095;return(e*=2)<1?.5*e*e*((t+1)*e-t):.5*((e-=2)*e*((t+1)*e+t)+2)},BounceIn:function(t){return 1-e.BounceOut(1-t)},BounceOut:function(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375},BounceInOut:function(t){return t<.5?e.BounceIn(t*2)*.5:e.BounceOut(t*2-1)*.5+.5}};return e}),define("zrender/animation/Clip",["require","./easing"],function(e){function n(e){this._targetPool=e.target||{},this._targetPool instanceof Array||(this._targetPool=[this._targetPool]),this._life=e.life||1e3,this._delay=e.delay||0,this._startTime=(new Date).getTime()+this._delay,this._endTime=this._startTime+this._life*1e3,this.loop=typeof e.loop=="undefined"?!1:e.loop,this.gap=e.gap||0,this.easing=e.easing||"Linear",this.onframe=e.onframe,this.ondestroy=e.ondestroy,this.onrestart=e.onrestart}var t=e("./easing");return n.prototype={step:function(e){var n=(e-this._startTime)/this._life;if(n<0)return;n=Math.min(n,1);var r=typeof this.easing=="string"?t[this.easing]:this.easing,i=typeof r=="function"?r(n):n;return this.fire("frame",i),n==1?this.loop?(this.restart(),"restart"):(this.__needsRemove=!0,"destroy"):null},restart:function(){var e=(new Date).getTime(),t=(e-this._startTime)%this._life;this._startTime=(new Date).getTime()-t+this.gap,this.__needsRemove=!1},fire:function(e,t){for(var n=0,r=this._targetPool.length;n<r;n++)this["on"+e]&&this["on"+e](this._targetPool[n],t)},constructor:n},n}),define("zrender/animation/Animation",["require","./Clip","../tool/color","../tool/util","../tool/event"],function(e){function a(e,t){return e[t]}function f(e,t,n){e[t]=n}function l(e,t,n){return(t-e)*n+e}function c(e,t,n,r,i){var s=e.length;if(i==1)for(var o=0;o<s;o++)r[o]=l(e[o],t[o],n);else{var u=e[0].length;for(var o=0;o<s;o++)for(var a=0;a<u;a++)r[o][a]=l(e[o][a],t[o][a],n)}}function h(e){switch(typeof e){case"undefined":case"string":return!1}return typeof e.length!="undefined"}function p(e,t,n,r,i,s,o,u,a){var f=e.length;if(a==1)for(var l=0;l<f;l++)u[l]=d(e[l],t[l],n[l],r[l],i,s,o);else{var c=e[0].length;for(var l=0;l<f;l++)for(var h=0;h<c;h++)u[l][h]=d(e[l][h],t[l][h],n[l][h],r[l][h],i,s,o)}}function d(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}function v(e){if(h(e)){var t=e.length;if(h(e[0])){var n=[];for(var r=0;r<t;r++)n.push(o.call(e[r]));return n}return o.call(e)}return e}function m(e){return e[0]=Math.floor(e[0]),e[1]=Math.floor(e[1]),e[2]=Math.floor(e[2]),"rgba("+e.join(",")+")"}var t=e("./Clip"),n=e("../tool/color"),r=e("../tool/util"),i=e("../tool/event").Dispatcher,s=window.requestAnimationFrame||window.msRequestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(e){setTimeout(e,16)},o=Array.prototype.slice,u=function(e){e=e||{},this.stage=e.stage||{},this.onframe=e.onframe||function(){},this._clips=[],this._running=!1,this._time=0,i.call(this)};u.prototype={add:function(e){this._clips.push(e)},remove:function(e){if(e.__inStep)e.__needsRemove=!0;else{var t=r.indexOf(this._clips,e);t>=0&&this._clips.splice(t,1)}},_update:function(){var e=(new Date).getTime(),t=e-this._time,n=this._clips,r=n.length,i=[],s=[];for(var o=0;o<r;o++){var u=n[o];u.__inStep=!0;var a=u.step(e);u.__inStep=!1,a&&(i.push(a),s.push(u))}for(var o=0;o<r;)n[o].__needsRemove?(n[o]=n[r-1],n.pop(),r--):o++;r=i.length;for(var o=0;o<r;o++)s[o].fire(i[o]);this._time=e,this.onframe(t),this.dispatch("frame",t),this.stage.update&&this.stage.update()},start:function(){function t(){e._running&&(s(t),e._update())}var e=this;this._running=!0,this._time=(new Date).getTime(),s(t)},stop:function(){this._running=!1},clear:function(){this._clips=[]},animate:function(e,t){t=t||{};var n=new g(e,t.loop,t.getter,t.setter);return n.animation=this,n},constructor:u},r.merge(u.prototype,i.prototype,!0);var g=function(e,t,n,r){this._tracks={},this._target=e,this._loop=t||!1,this._getter=n||a,this._setter=r||f,this._clipCount=0,this._delay=0,this._doneList=[],this._onframeList=[],this._clipList=[]};return g.prototype={when:function(e,t){for(var n in t)this._tracks[n]||(this._tracks[n]=[],e!==0&&this._tracks[n].push({time:0,value:v(this._getter(this._target,n))})),this._tracks[n].push({time:parseInt(e,10),value:t[n]});return this},during:function(e){return this._onframeList.push(e),this},start:function(e){var r=this,i=this._setter,s=this._getter,o=e==="spline",u=function(){r._clipCount--;if(r._clipCount===0){r._tracks={};var e=r._doneList.length;for(var t=0;t<e;t++)r._doneList[t].call(r)}},a=function(a,f){var v=a.length;if(!v)return;var g=a[0].value,y=h(g),b=!1,w=y&&h(g[0])?2:1;a.sort(function(e,t){return e.time-t.time});var E;if(!v)return;E=a[v-1].time;var S=[],x=[];for(var T=0;T<v;T++){S.push(a[T].time/E);var N=a[T].value;typeof N=="string"&&(N=n.toArray(N),N.length===0&&(N[0]=N[1]=N[2]=0,N[3]=1),b=!0),x.push(N)}var C=0,k=0,L,T,A,O,M,_,D;if(b)var P=[0,0,0,0];var H=function(e,t){if(t<k){L=Math.min(C+1,v-1);for(T=L;T>=0;T--)if(S[T]<=t)break;T=Math.min(T,v-2)}else{for(T=C;T<v;T++)if(S[T]>t)break;T=Math.min(T-1,v-2)}C=T,k=t;var n=S[T+1]-S[T];if(n===0)return;A=(t-S[T])/n;if(o){M=x[T],O=x[T===0?T:T-1],_=x[T>v-2?v-1:T+1],D=x[T>v-3?v-1:T+2];if(y)p(O,M,_,D,A,A*A,A*A*A,s(e,f),w);else{var u;b?(u=p(O,M,_,D,A,A*A,A*A*A,P,1),u=m(P)):u=d(O,M,_,D,A,A*A,A*A*A),i(e,f,u)}}else if(y)c(x[T],x[T+1],A,s(e,f),w);else{var u;b?(c(x[T],x[T+1],A,P,1),u=m(P)):u=l(x[T],x[T+1],A),i(e,f,u)}for(T=0;T<r._onframeList.length;T++)r._onframeList[T](e,t)},B=new t({target:r._target,life:E,loop:r._loop,delay:r._delay,onframe:H,ondestroy:u});e&&e!=="spline"&&(B.easing=e),r._clipList.push(B),r._clipCount++,r.animation.add(B)};for(var f in this._tracks)a(this._tracks[f],f);return this},stop:function(){for(var e=0;e<this._clipList.length;e++){var t=this._clipList[e];this.animation.remove(t)}this._clipList=[]},delay:function(e){return this._delay=e,this},done:function(e){return e&&this._doneList.push(e),this}},u}),define("zrender/zrender",["require","./dep/excanvas","./tool/util","./tool/log","./tool/guid","./Handler","./Painter","./Storage","./animation/Animation","./tool/env"],function(e){function l(e){return function(){e._needsRefreshNextFrame&&e.refresh()}}e("./dep/excanvas");var t=e("./tool/util"),n=e("./tool/log"),r=e("./tool/guid"),i=e("./Handler"),s=e("./Painter"),o=e("./Storage"),u=e("./animation/Animation"),a={},f={};f.version="2.1.1",f.init=function(e){var t=new c(r(),e);return a[t.id]=t,t},f.dispose=function(e){if(e)e.dispose();else{for(var t in a)a[t].dispose();a={}}return f},f.getInstance=function(e){return a[e]},f.delInstance=function(e){return delete a[e],f};var c=function(t,n){this.id=t,this.env=e("./tool/env"),this.storage=new o,this.painter=new s(n,this.storage),this.handler=new i(n,this.storage,this.painter),this.animation=new u({stage:{update:l(this)}}),this.animation.start();var r=this;this.painter.refreshNextFrame=function(){r.refreshNextFrame()},this._needsRefreshNextFrame=!1;var r=this,a=this.storage,f=a.delFromMap;a.delFromMap=function(e){var t=a.get(e);r.stopAnimation(t),f.call(a,e)}};return c.prototype.getId=function(){return this.id},c.prototype.addShape=function(e){return this.addElement(e),this},c.prototype.addGroup=function(e){return this.addElement(e),this},c.prototype.delShape=function(e){return this.delElement(e),this},c.prototype.delGroup=function(e){return this.delElement(e),this},c.prototype.modShape=function(e,t){return this.modElement(e,t),this},c.prototype.modGroup=function(e,t){return this.modElement(e,t),this},c.prototype.addElement=function(e){return this.storage.addRoot(e),this._needsRefreshNextFrame=!0,this},c.prototype.delElement=function(e){return this.storage.delRoot(e),this._needsRefreshNextFrame=!0,this},c.prototype.modElement=function(e,t){return this.storage.mod(e,t),this._needsRefreshNextFrame=!0,this},c.prototype.modLayer=function(e,t){return this.painter.modLayer(e,t),this._needsRefreshNextFrame=!0,this},c.prototype.addHoverShape=function(e){return this.storage.addHover(e),this},c.prototype.render=function(e){return this.painter.render(e),this._needsRefreshNextFrame=!1,this},c.prototype.refresh=function(e){return this.painter.refresh(e),this._needsRefreshNextFrame=!1,this},c.prototype.refreshNextFrame=function(){return this._needsRefreshNextFrame=!0,this},c.prototype.refreshHover=function(e){return this.painter.refreshHover(e),this},c.prototype.refreshShapes=function(e,t){return this.painter.refreshShapes(e,t),this},c.prototype.resize=function(){return this.painter.resize(),this},c.prototype.animate=function(e,r,i){var s=this;typeof e=="string"&&(e=this.storage.get(e));if(e){var o;if(r){var u=r.split("."),a=e;for(var f=0,l=u.length;f<l;f++){if(!a)continue;a=a[u[f]]}a&&(o=a)}else o=e;if(!o){n('Property "'+r+'" is not existed in element '+e.id);return}e.__animators==null&&(e.__animators=[]);var c=e.__animators,h=this.animation.animate(o,{loop:i}).during(function(){s.modShape(e)}).done(function(){var n=t.indexOf(e.__animators,h);n>=0&&c.splice(n,1)});return c.push(h),h}n("Element not existed")},c.prototype.stopAnimation=function(e){if(e.__animators){var t=e.__animators,n=t.length;for(var r=0;r<n;r++)t[r].stop();t.length=0}return this},c.prototype.clearAnimation=function(){return this.animation.clear(),this},c.prototype.showLoading=function(e){return this.painter.showLoading(e),this},c.prototype.hideLoading=function(){return this.painter.hideLoading(),this},c.prototype.getWidth=function(){return this.painter.getWidth()},c.prototype.getHeight=function(){return this.painter.getHeight()},c.prototype.toDataURL=function(e,t,n){return this.painter.toDataURL(e,t,n)},c.prototype.shapeToImage=function(e,t,n){var i=r();return this.painter.shapeToImage(i,e,t,n)},c.prototype.on=function(e,t,n){return this.handler.on(e,t,n),this},c.prototype.un=function(e,t){return this.handler.un(e,t),this},c.prototype.trigger=function(e,t){return this.handler.trigger(e,t),this},c.prototype.clear=function(){return this.storage.delRoot(),this.painter.clear(),this},c.prototype.dispose=function(){this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,f.delInstance(this.id)},f}),define("zrender",["zrender/zrender"],function(e){return e}),define("zrender/tool/math",[],function(){function t(t,n){return Math.sin(n?t*e:t)}function n(t,n){return Math.cos(n?t*e:t)}function r(t){return t*e}function i(t){return t/e}var e=Math.PI/180;return{sin:t,cos:n,degreeToRadian:r,radianToDegree:i}}),define("zrender/shape/Rose",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"rose",buildPath:function(t,n){var r,i,s=n.r,o,u=n.k,a=n.n||1,f=n.x,l=n.y,c=e("../tool/math");t.moveTo(f,l);for(var h=0,p=s.length;h<p;h++){o=s[h];for(var d=0;d<=360*a;d++)r=o*c.sin(u/a*d%360,!0)*c.cos(d,!0)+f,i=o*c.sin(u/a*d%360,!0)*c.sin(d,!0)+l,t.lineTo(r,i)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.x,r=e.y,i=0;for(var s=0,o=t.length;s<o;s++)t[s]>i&&(i=t[s]);e.maxr=i;var u;return e.brushType=="stroke"||e.brushType=="fill"?u=e.lineWidth||1:u=0,e.__rect={x:-i-u+n,y:-i-u+r,width:2*i+3*u,height:2*i+3*u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Trochoid",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"trochoid",buildPath:function(t,n){var r,i,s,o,u=n.r,a=n.r0,f=n.d,l=n.x,c=n.y,h=n.location=="out"?1:-1,p=e("../tool/math");if(n.location&&u<=a){alert("参数错误");return}var d=0,v=1,m;r=(u+h*a)*p.cos(0)-h*f*p.cos(0)+l,i=(u+h*a)*p.sin(0)-f*p.sin(0)+c,t.moveTo(r,i);do d++;while(a*d%(u+h*a)!==0);do m=Math.PI/180*v,s=(u+h*a)*p.cos(m)-h*f*p.cos((u/a+h)*m)+l,o=(u+h*a)*p.sin(m)-f*p.sin((u/a+h)*m)+c,t.lineTo(s,o),v++;while(v<=a*d/(u+h*a)*360)},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.r0,r=e.d,i=e.location=="out"?1:-1,s=t+r+i*n,o=e.x,u=e.y,a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:-s-a+o,y:-s-a+u,width:2*s+2*a,height:2*s+2*a},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Circle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"circle",buildPath:function(e,t){e.moveTo(t.x+t.r,t.y),e.arc(t.x,t.y,t.r,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/tool/computeBoundingBox",["require","./vector","./curve"],function(e){function r(e,t,n){if(e.length===0)return;var r=e[0][0],i=e[0][0],s=e[0][1],o=e[0][1];for(var u=1;u<e.length;u++){var a=e[u];a[0]<r&&(r=a[0]),a[0]>i&&(i=a[0]),a[1]<s&&(s=a[1]),a[1]>o&&(o=a[1])}t[0]=r,t[1]=s,n[0]=i,n[1]=o}function i(e,t,r,i,s,o){var u=[];n.cubicExtrema(e[0],t[0],r[0],i[0],u);for(var a=0;a<u.length;a++)u[a]=n.cubicAt(e[0],t[0],r[0],i[0],u[a]);var f=[];n.cubicExtrema(e[1],t[1],r[1],i[1],f);for(var a=0;a<f.length;a++)f[a]=n.cubicAt(e[1],t[1],r[1],i[1],f[a]);u.push(e[0],i[0]),f.push(e[1],i[1]);var l=Math.min.apply(null,u),c=Math.max.apply(null,u),h=Math.min.apply(null,f),p=Math.max.apply(null,f);s[0]=l,s[1]=h,o[0]=c,o[1]=p}function s(e,t,r,i,s){var o=n.quadraticExtremum(e[0],t[0],r[0]),u=n.quadraticExtremum(e[1],t[1],r[1]);o=Math.max(Math.min(o,1),0),u=Math.max(Math.min(u,1),0);var a=1-o,f=1-u,l=a*a*e[0]+2*a*o*t[0]+o*o*r[0],c=a*a*e[1]+2*a*o*t[1]+o*o*r[1],h=f*f*e[0]+2*f*u*t[0]+u*u*r[0],p=f*f*e[1]+2*f*u*t[1]+u*u*r[1];i[0]=Math.min(e[0],r[0],l,h),i[1]=Math.min(e[1],r[1],c,p),s[0]=Math.max(e[0],r[0],l,h),s[1]=Math.max(e[1],r[1],c,p)}var t=e("./vector"),n=e("./curve"),o=t.create(),u=t.create(),a=t.create(),f=function(e,n,r,i,s,f,l,c){if(Math.abs(i-s)>=Math.PI*2){l[0]=e-r,l[1]=n-r,c[0]=e+r,c[1]=n+r;return}o[0]=Math.cos(i)*r+e,o[1]=Math.sin(i)*r+n,u[0]=Math.cos(s)*r+e,u[1]=Math.sin(s)*r+n,t.min(l,o,u),t.max(c,o,u),i%=Math.PI*2,i<0&&(i+=Math.PI*2),s%=Math.PI*2,s<0&&(s+=Math.PI*2),i>s&&!f?s+=Math.PI*2:i<s&&f&&(i+=Math.PI*2);if(f){var h=s;s=i,i=h}for(var p=0;p<s;p+=Math.PI/2)p>i&&(a[0]=Math.cos(p)*r+e,a[1]=Math.sin(p)*r+n,t.min(l,a,l),t.max(c,a,c))};return r.cubeBezier=i,r.quadraticBezier=s,r.arc=f,r}),define("zrender/shape/Sector",["require","../tool/math","../tool/computeBoundingBox","../tool/vector","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=e("../tool/computeBoundingBox"),r=e("../tool/vector"),i=e("./Base"),s=r.create(),o=r.create(),u=r.create(),a=r.create(),f=function(e){i.call(this,e)};return f.prototype={type:"sector",buildPath:function(e,n){var r=n.x,i=n.y,s=n.r0||0,o=n.r,u=n.startAngle,a=n.endAngle,f=n.clockWise||!1;u=t.degreeToRadian(u),a=t.degreeToRadian(a),f||(u=-u,a=-a);var l=t.cos(u),c=t.sin(u);e.moveTo(l*s+r,c*s+i),e.lineTo(l*o+r,c*o+i),e.arc(r,i,o,u,a,!f),e.lineTo(t.cos(a)*s+r,t.sin(a)*s+i),s!==0&&e.arc(r,i,s,a,u,f),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var i=e.x,f=e.y,l=e.r0||0,c=e.r,h=t.degreeToRadian(e.startAngle),p=t.degreeToRadian(e.endAngle),d=e.clockWise;return d||(h=-h,p=-p),l>1?n.arc(i,f,l,h,p,!d,s,u):(s[0]=u[0]=i,s[1]=u[1]=f),n.arc(i,f,c,h,p,!d,o,a),r.min(s,s,o),r.max(u,u,a),e.__rect={x:s[0],y:s[1],width:u[0]-s[0],height:u[1]-s[1]},e.__rect}},e("../tool/util").inherits(f,i),f}),define("zrender/shape/Ring",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ring",buildPath:function(e,t){e.arc(t.x,t.y,t.r,0,Math.PI*2,!1),e.moveTo(t.x+t.r0,t.y),e.arc(t.x,t.y,t.r0,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Ellipse",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ellipse",buildPath:function(e,t){var n=.5522848,r=t.x,i=t.y,s=t.a,o=t.b,u=s*n,a=o*n;e.moveTo(r-s,i),e.bezierCurveTo(r-s,i-a,r-u,i-o,r,i-o),e.bezierCurveTo(r+u,i-o,r+s,i-a,r+s,i),e.bezierCurveTo(r+s,i+a,r+u,i+o,r,i+o),e.bezierCurveTo(r-u,i+o,r-s,i+a,r-s,i),e.closePath()},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.a-t/2),y:Math.round(e.y-e.b-t/2),width:e.a*2+t,height:e.b*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/PathProxy",["require","../../tool/vector"],function(e){var t=e("../../tool/vector"),n=function(e,t){this.command=e,this.points=t||null},r=function(){this.pathCommands=[],this._ctx=null,this._min=[],this._max=[]};return r.prototype.fastBoundingRect=function(){var e=this._min,n=this._max;e[0]=e[1]=Infinity,n[0]=n[1]=-Infinity;for(var r=0;r<this.pathCommands.length;r++){var i=this.pathCommands[r],s=i.points;switch(i.command){case"M":t.min(e,e,s),t.max(n,n,s);break;case"L":t.min(e,e,s),t.max(n,n,s);break;case"C":for(var o=0;o<6;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"Q":for(var o=0;o<4;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"A":var u=s[0],a=s[1],f=s[2],l=s[3];e[0]=Math.min(e[0],e[0],u-f),e[1]=Math.min(e[1],e[1],a-l),n[0]=Math.max(n[0],n[0],u+f),n[1]=Math.max(n[1],n[1],a+l)}}return{x:e[0],y:e[1],width:n[0]-e[0],height:n[1]-e[1]}},r.prototype.begin=function(e){return this._ctx=e||null,this.pathCommands.length=0,this},r.prototype.moveTo=function(e,t){return this.pathCommands.push(new n("M",[e,t])),this._ctx&&this._ctx.moveTo(e,t),this},r.prototype.lineTo=function(e,t){return this.pathCommands.push(new n("L",[e,t])),this._ctx&&this._ctx.lineTo(e,t),this},r.prototype.bezierCurveTo=function(e,t,r,i,s,o){return this.pathCommands.push(new n("C",[e,t,r,i,s,o])),this._ctx&&this._ctx.bezierCurveTo(e,t,r,i,s,o),this},r.prototype.quadraticCurveTo=function(e,t,r,i){return this.pathCommands.push(new n("Q",[e,t,r,i])),this._ctx&&this._ctx.quadraticCurveTo(e,t,r,i),this},r.prototype.arc=function(e,t,r,i,s,o){return this.pathCommands.push(new n("A",[e,t,r,r,i,s-i,0,o?0:1])),this._ctx&&this._ctx.arc(e,t,r,i,s,o),this},r.prototype.arcTo=function(e,t,n,r,i){return this._ctx&&this._ctx.arcTo(e,t,n,r,i),this},r.prototype.rect=function(e,t,n,r){return this._ctx&&this._ctx.rect(e,t,n,r),this},r.prototype.closePath=function(){return this.pathCommands.push(new n("z")),this._ctx&&this._ctx.closePath(),this},r.prototype.isEmpty=function(){return this.pathCommands.length===0},r.PathSegment=n,r}),define("zrender/shape/Heart",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"heart",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y),r.bezierCurveTo(t.x+t.a/2,t.y-t.b*2/3,t.x+t.a*2,t.y+t.b/3,t.x,t.y+t.b),r.bezierCurveTo(t.x-t.a*2,t.y+t.b/3,t.x-t.a/2,t.y-t.b*2/3,t.x,t.y),r.closePath();return},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.transformCoordToLocal(e,t);e=n[0],t=n[1];if(this.isCoverRect(e,t))return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/Droplet",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"droplet",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y+t.a),r.bezierCurveTo(t.x+t.a,t.y+t.a,t.x+t.a*3/2,t.y-t.a/3,t.x,t.y-t.b),r.bezierCurveTo(t.x-t.a*3/2,t.y-t.a/3,t.x-t.a,t.y+t.a,t.x,t.y+t.a),r.closePath()},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.transformCoordToLocal(e,t);e=n[0],t=n[1];if(this.isCoverRect(e,t))return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/util/dashedLineTo",[],function(){var e=[5,5];return function(t,n,r,i,s,o){if(t.setLineDash){e[0]=e[1]=o,t.setLineDash(e),t.moveTo(n,r),t.lineTo(i,s);return}o=typeof o!="number"?5:o;var u=i-n,a=s-r,f=Math.floor(Math.sqrt(u*u+a*a)/o);u/=f,a/=f;var l=!0;for(var c=0;c<f;++c)l?t.moveTo(n,r):t.lineTo(n,r),l=!l,n+=u,r+=a;t.lineTo(i,s)}}),define("zrender/shape/Line",["require","./Base","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/dashedLineTo"),r=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return r.prototype={type:"line",buildPath:function(e,t){if(!t.lineType||t.lineType=="solid")e.moveTo(t.xStart,t.yStart),e.lineTo(t.xEnd,t.yEnd);else if(t.lineType=="dashed"||t.lineType=="dotted"){var r=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);n(e,t.xStart,t.yStart,t.xEnd,t.yEnd,r)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.lineWidth||1;return e.__rect={x:Math.min(e.xStart,e.xEnd)-t,y:Math.min(e.yStart,e.yEnd)-t,width:Math.abs(e.xStart-e.xEnd)+t,height:Math.abs(e.yStart-e.yEnd)+t},e.__rect}},e("../tool/util").inherits(r,t),r}),define("zrender/shape/Star",["require","../tool/math","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base"),o=function(e){s.call(this,e)};return o.prototype={type:"star",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=t.r0;f==null&&(f=s>4?a*r(2*i/s)/r(i/s):a/3);var l=i/s,c=-i/2,h=o+a*r(c),p=u+a*n(c);c+=l;var d=t.pointList=[];d.push([h,p]);for(var v=0,m=s*2-1,g;v<m;v++)g=v%2===0?f:a,d.push([o+g*r(c),u+g*n(c)]),c+=l;d.push([h,p]),e.moveTo(d[0][0],d[0][1]);for(var v=0;v<d.length;v++)e.lineTo(d[v][0],d[v][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/Isogon",["require","../tool/math","./Base","../tool/util"],function(e){function o(e){s.call(this,e)}var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base");return o.prototype={type:"isogon",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=2*i/s,l=-i/2,c=o+a*r(l),h=u+a*n(l);l+=f;var p=t.pointList=[];p.push([c,h]);for(var d=0,v=s-1;d<v;d++)p.push([o+a*r(l),u+a*n(l)]),l+=f;p.push([c,h]),e.moveTo(p[0][0],p[0][1]);for(var d=0;d<p.length;d++)e.lineTo(p[d][0],p[d][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/BezierCurve",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return n.prototype={type:"bezier-curve",buildPath:function(e,t){e.moveTo(t.xStart,t.yStart),typeof t.cpX2!="undefined"&&typeof t.cpY2!="undefined"?e.bezierCurveTo(t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd):e.quadraticCurveTo(t.cpX1,t.cpY1,t.xEnd,t.yEnd)},getRect:function(e){if(e.__rect)return e.__rect;var t=Math.min(e.xStart,e.xEnd,e.cpX1),n=Math.min(e.yStart,e.yEnd,e.cpY1),r=Math.max(e.xStart,e.xEnd,e.cpX1),i=Math.max(e.yStart,e.yEnd,e.cpY1),s=e.cpX2,o=e.cpY2;typeof s!="undefined"&&typeof o!="undefined"&&(t=Math.min(t,s),n=Math.min(n,o),r=Math.max(r,s),i=Math.max(i,o));var u=e.lineWidth||1;return e.__rect={x:t-u,y:n-u,width:r-t+u,height:i-n+u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/smoothSpline",["require","../../tool/vector"],function(e){function n(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}var t=e("../../tool/vector");return function(e,r,i){var s=e.length,o=[],u=0;for(var a=1;a<s;a++)u+=t.distance(e[a-1],e[a]);var f=u/5;f=f<s?s:f;for(var a=0;a<f;a++){var l=a/(f-1)*(r?s:s-1),c=Math.floor(l),h=l-c,p,d=e[c%s],v,m;r?(p=e[(c-1+s)%s],v=e[(c+1)%s],m=e[(c+2)%s]):(p=e[c===0?c:c-1],v=e[c>s-2?s-1:c+1],m=e[c>s-3?s-1:c+2]);var g=h*h,y=h*g;o.push([n(p[0],d[0],v[0],m[0],h,g,y),n(p[1],d[1],v[1],m[1],h,g,y)])}return o}}),define("zrender/shape/util/smoothBezier",["require","../../tool/vector"],function(e){var t=e("../../tool/vector");return function(e,n,r,i){var s=[],o=[],u=[],a=[],f,l,c=!!i,h,p;if(c){h=[Infinity,Infinity],p=[-Infinity,-Infinity];for(var d=0,v=e.length;d<v;d++)t.min(h,h,e[d]),t.max(p,p,e[d]);t.min(h,h,i[0]),t.max(p,p,i[1])}for(var d=0,v=e.length;d<v;d++){var m=e[d],f,l;if(r)f=e[d?d-1:v-1],l=e[(d+1)%v];else{if(d===0||d===v-1){s.push(t.clone(e[d]));continue}f=e[d-1],l=e[d+1]}t.sub(o,l,f),t.scale(o,o,n);var g=t.distance(m,f),y=t.distance(m,l),b=g+y;b!==0&&(g/=b,y/=b),t.scale(u,o,-g),t.scale(a,o,y);var w=t.add([],m,u),E=t.add([],m,a);c&&(t.max(w,w,h),t.min(w,w,p),t.max(E,E,h),t.min(E,E,p)),s.push(w),s.push(E)}return r&&s.push(t.clone(s.shift())),s}}),define("zrender/shape/Polygon",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){t.call(this,e)};return s.prototype={type:"polygon",buildPath:function(e,t){var s=t.pointList;if(s.length<2)return;if(t.smooth&&t.smooth!=="spline"){var o=r(s,t.smooth,!0,t.smoothConstraint);e.moveTo(s[0][0],s[0][1]);var u,a,f,l=s.length;for(var c=0;c<l;c++)u=o[c*2],a=o[c*2+1],f=s[(c+1)%l],e.bezierCurveTo(u[0],u[1],a[0],a[1],f[0],f[1])}else{t.smooth==="spline"&&(s=n(s,!0));if(!t.lineType||t.lineType=="solid"){e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)e.lineTo(s[c][0],s[c][1]);e.lineTo(s[0][0],s[0][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var p=t._dashLength||(t.lineWidth||1)*(t.lineType=="dashed"?5:1);t._dashLength=p,e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)i(e,s[c-1][0],s[c-1][1],s[c][0],s[c][1],p);i(e,s[s.length-1][0],s[s.length-1][1],s[0][0],s[0][1],p)}}e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t=Number.MAX_VALUE,n=Number.MIN_VALUE,r=Number.MAX_VALUE,i=Number.MIN_VALUE,s=e.pointList;for(var o=0,u=s.length;o<u;o++)s[o][0]<t&&(t=s[o][0]),s[o][0]>n&&(n=s[o][0]),s[o][1]<r&&(r=s[o][1]),s[o][1]>i&&(i=s[o][1]);var a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:Math.round(t-a/2),y:Math.round(r-a/2),width:n-t+a,height:i-r+a},e.__rect}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Polyline",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","./Polygon","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return s.prototype={type:"polyline",buildPath:function(e,t){var r=t.pointList;if(r.length<2)return;var s=Math.min(t.pointList.length,Math.round(t.pointListLength||t.pointList.length));if(t.smooth&&t.smooth!=="spline"){t.controlPointList||this.updateControlPoints(t);var o=t.controlPointList;e.moveTo(r[0][0],r[0][1]);var u,a,f;for(var l=0;l<s-1;l++)u=o[l*2],a=o[l*2+1],f=r[l+1],e.bezierCurveTo(u[0],u[1],a[0],a[1],f[0],f[1])}else{t.smooth==="spline"&&(r=n(r),s=r.length);if(!t.lineType||t.lineType=="solid"){e.moveTo(r[0][0],r[0][1]);for(var l=1;l<s;l++)e.lineTo(r[l][0],r[l][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var c=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);e.moveTo(r[0][0],r[0][1]);for(var l=1;l<s;l++)i(e,r[l-1][0],r[l-1][1],r[l][0],r[l][1],c)}}return},updateControlPoints:function(e){e.controlPointList=r(e.pointList,e.smooth,!1,e.smoothConstraint)},getRect:function(t){return e("./Polygon").prototype.getRect(t)}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Path",["require","./Base","./util/PathProxy","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=n.PathSegment,i=function(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])},s=function(e,t){return(e[0]*t[0]+e[1]*t[1])/(i(e)*i(t))},o=function(e,t){return(e[0]*t[1]<e[1]*t[0]?-1:1)*Math.acos(s(e,t))},u=function(e){t.call(this,e)};return u.prototype={type:"path",buildPathArray:function(e,t,n){if(!e)return[];t=t||0,n=n||0;var i=e,s=["m","M","l","L","v","V","h","H","z","Z","c","C","q","Q","t","T","s","S","a","A"];i=i.replace(/-/g," -"),i=i.replace(/  /g," "),i=i.replace(/ /g,","),i=i.replace(/,,/g,",");var o;for(o=0;o<s.length;o++)i=i.replace(new RegExp(s[o],"g"),"|"+s[o]);var u=i.split("|"),a=[],f=0,l=0;for(o=1;o<u.length;o++){var c=u[o],h=c.charAt(0);c=c.slice(1),c=c.replace(new RegExp("e,-","g"),"e-");var p=c.split(",");p.length>0&&p[0]===""&&p.shift();for(var d=0;d<p.length;d++)p[d]=parseFloat(p[d]);while(p.length>0){if(isNaN(p[0]))break;var v=null,m=[],g,y,b,w,E,S,x,T,N=f,C=l;switch(h){case"l":f+=p.shift(),l+=p.shift(),v="L",m.push(f,l);break;case"L":f=p.shift(),l=p.shift(),m.push(f,l);break;case"m":f+=p.shift(),l+=p.shift(),v="M",m.push(f,l),h="l";break;case"M":f=p.shift(),l=p.shift(),v="M",m.push(f,l),h="L";break;case"h":f+=p.shift(),v="L",m.push(f,l);break;case"H":f=p.shift(),v="L",m.push(f,l);break;case"v":l+=p.shift(),v="L",m.push(f,l);break;case"V":l=p.shift(),v="L",m.push(f,l);break;case"C":m.push(p.shift(),p.shift(),p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"c":m.push(f+p.shift(),l+p.shift(),f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"S":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,p.shift(),p.shift()),f=p.shift(),l=p.shift(),v="C",m.push(f,l);break;case"s":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"Q":m.push(p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"q":m.push(f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="Q",m.push(f,l);break;case"T":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f=p.shift(),l=p.shift(),v="Q",m.push(g,y,f,l);break;case"t":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f+=p.shift(),l+=p.shift(),v="Q",m.push(g,y,f,l);break;case"A":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f=p.shift(),l=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S);break;case"a":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f+=p.shift(),l+=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S)}for(var k=0,L=m.length;k<L;k+=2)m[k]+=t,m[k+1]+=n;a.push(new r(v||h,m))}(h==="z"||h==="Z")&&a.push(new r("z",[]))}return a},_convertPoint:function(e,t,n,r,i,u,a,f,l){var c=l*(Math.PI/180),h=Math.cos(c)*(e-n)/2+Math.sin(c)*(t-r)/2,p=-1*Math.sin(c)*(e-n)/2+Math.cos(c)*(t-r)/2,d=h*h/(a*a)+p*p/(f*f);d>1&&(a*=Math.sqrt(d),f*=Math.sqrt(d));var v=Math.sqrt((a*a*f*f-a*a*p*p-f*f*h*h)/(a*a*p*p+f*f*h*h));i===u&&(v*=-1),isNaN(v)&&(v=0);var m=v*a*p/f,g=v*-f*h/a,y=(e+n)/2+Math.cos(c)*m-Math.sin(c)*g,b=(t+r)/2+Math.sin(c)*m+Math.cos(c)*g,w=o([1,0],[(h-m)/a,(p-g)/f]),E=[(h-m)/a,(p-g)/f],S=[(-1*h-m)/a,(-1*p-g)/f],x=o(E,S);return s(E,S)<=-1&&(x=Math.PI),s(E,S)>=1&&(x=0),u===0&&x>0&&(x-=2*Math.PI),u===1&&x<0&&(x+=2*Math.PI),[y,b,a,f,w,x,c,u]},buildPath:function(e,t){var n=t.path,r=t.x||0,i=t.y||0;t.pathArray=t.pathArray||this.buildPathArray(n,r,i);var s=t.pathArray,o=t.pointList=[],u=[];for(var a=0,f=s.length;a<f;a++){s[a].command.toUpperCase()=="M"&&(u.length>0&&o.push(u),u=[]);var l=s[a].points;for(var c=0,h=l.length;c<h;c+=2)u.push([l[c],l[c+1]])}u.length>0&&o.push(u);for(var a=0,f=s.length;a<f;a++){var p=s[a].command,l=s[a].points;switch(p){case"L":e.lineTo(l[0],l[1]);break;case"M":e.moveTo(l[0],l[1]);break;case"C":e.bezierCurveTo(l[0],l[1],l[2],l[3],l[4],l[5]);break;case"Q":e.quadraticCurveTo(l[0],l[1],l[2],l[3]);break;case"A":var d=l[0],v=l[1],m=l[2],g=l[3],y=l[4],b=l[5],w=l[6],E=l[7],S=m>g?m:g,x=m>g?1:m/g,T=m>g?g/m:1;e.translate(d,v),e.rotate(w),e.scale(x,T),e.arc(0,0,S,y,y+b,1-E),e.scale(1/x,1/T),e.rotate(-w),e.translate(-d,-v);break;case"z":e.closePath()}}return},getRect:function(e){if(e.__rect)return e.__rect;var t;e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0;var n=Number.MAX_VALUE,r=Number.MIN_VALUE,i=Number.MAX_VALUE,s=Number.MIN_VALUE,o=e.x||0,u=e.y||0,a=e.pathArray||this.buildPathArray(e.path);for(var f=0;f<a.length;f++){var l=a[f].points;for(var c=0;c<l.length;c++)c%2===0?(l[c]+o<n&&(n=l[c]),l[c]+o>r&&(r=l[c])):(l[c]+u<i&&(i=l[c]),l[c]+u>s&&(s=l[c]))}var h;return n===Number.MAX_VALUE||r===Number.MIN_VALUE||i===Number.MAX_VALUE||s===Number.MIN_VALUE?h={x:0,y:0,width:0,height:0}:h={x:Math.round(n-t/2),y:Math.round(i-t/2),width:r-n+t,height:s-i+t},e.__rect=h,h}},e("../tool/util").inherits(u,t),u}),define("zrender/loadingEffect/Bar",["require","./Base","../tool/util","../tool/color","../shape/Rectangle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Rectangle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effectOption:{x:0,y:this.canvasHeight/2-30,width:this.canvasWidth,height:5,brushType:"fill",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=new i({highlightStyle:n.clone(a)});f.highlightStyle.color=a.color||r.getLinearGradient(a.x,a.y,a.x+a.width,a.y+a.height,[[0,"#ff6400"],[.5,"#ffe100"],[1,"#b1ff00"]]);if(s.progress!=null){e(u),f.highlightStyle.width=this.adjust(s.progress,[0,1])*s.effectOption.width,e(f),e(o),t();return}return f.highlightStyle.width=0,setInterval(function(){e(u),f.highlightStyle.width<a.width?f.highlightStyle.width+=8:f.highlightStyle.width=0,e(f),e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Bubble",["require","./Base","../tool/util","../tool/color","../shape/Circle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Circle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{n:50,lineWidth:2,brushType:"stroke",color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effect,f=a.n,l=a.brushType,c=a.lineWidth,h=[],p=this.canvasWidth,d=this.canvasHeight;for(var v=0;v<f;v++){var m=a.color=="random"?r.alpha(r.random(),.3):a.color;h[v]=new i({highlightStyle:{x:Math.ceil(Math.random()*p),y:Math.ceil(Math.random()*d),r:Math.ceil(Math.random()*40),brushType:l,color:m,strokeColor:m,lineWidth:c},animationY:Math.ceil(Math.random()*20)})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=h[n].highlightStyle;r.y-h[n].animationY+r.r<=0&&(h[n].highlightStyle.y=d+r.r,h[n].highlightStyle.x=Math.ceil(Math.random()*p)),h[n].highlightStyle.y-=h[n].animationY,e(h[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/DynamicLine",["require","./Base","../tool/util","../tool/color","../shape/Line"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Line");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#fff"},backgroundColor:"rgba(0, 0, 0, 0.8)",effectOption:{n:30,lineWidth:1,color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=a.n,l=a.lineWidth,c=[],h=this.canvasWidth,p=this.canvasHeight;for(var d=0;d<f;d++){var v=-Math.ceil(Math.random()*1e3),m=Math.ceil(Math.random()*400),g=Math.ceil(Math.random()*p),y=a.color=="random"?r.random():a.color;c[d]=new i({highlightStyle:{xStart:v,yStart:g,xEnd:v+m,yEnd:g,strokeColor:y,lineWidth:l},animationX:Math.ceil(Math.random()*100),len:m})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=c[n].highlightStyle;r.xStart>=h&&(c[n].len=Math.ceil(Math.random()*400),r.xStart=-400,r.xEnd=-400+c[n].len,r.yStart=Math.ceil(Math.random()*p),r.yEnd=r.yStart),r.xStart+=c[n].animationX,r.xEnd+=c[n].animationX,e(c[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Ring",["require","./Base","../tool/util","../tool/color","../shape/Ring","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Ring"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#07a"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{x:this.canvasWidth/2,y:this.canvasHeight/2,r0:60,r:100,color:"#bbdcff",brushType:"fill",textPosition:"inside",textFont:"normal 30px verdana",textColor:"rgba(30, 144, 255, 0.6)",timeInterval:100}}),u=o.effect,a=o.textStyle;a.x==null&&(a.x=u.x),a.y==null&&(a.y=u.y+(u.r0+u.r)/2-5);var f=this.createTextShape(o.textStyle),l=this.createBackgroundShape(o.backgroundColor),c=u.x,h=u.y,p=u.r0+6,d=u.r-6,v=u.color,m=r.lift(v,.1),g=new i({highlightStyle:n.clone(u)}),y=[],b=r.getGradientColors(["#ff6400","#ffe100","#97ff00"],25),w=15,E=240;for(var S=0;S<16;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2]],[1,b[S*2+1]]])})),E-=w;E=360;for(var S=0;S<4;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2+32]],[1,b[S*2+33]]])})),E-=w;var x=0;if(o.progress!=null){e(l),x=this.adjust(o.progress,[0,1]).toFixed(2)*100/5,g.highlightStyle.text=x*5+"%",e(g);for(var S=0;S<20;S++)y[S].highlightStyle.color=S<x?y[S]._color:m,e(y[S]);e(f),t();return}return setInterval(function(){e(l),x+=x>=20?-20:1,e(g);for(var n=0;n<20;n++)y[n].highlightStyle.color=n<x?y[n]._color:m,e(y[n]);e(f),t()},u.timeInterval)},o}),define("zrender/loadingEffect/Spin",["require","./Base","../tool/util","../tool/color","../tool/area","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../tool/area"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#fff",textAlign:"start"},backgroundColor:"rgba(0, 0, 0, 0.8)"}),u=this.createTextShape(o.textStyle),a=10,f=i.getTextWidth(u.highlightStyle.text,u.highlightStyle.textFont),l=i.getTextHeight(u.highlightStyle.text,u.highlightStyle.textFont),c=n.merge(this.options.effect||{},{r0:9,r:15,n:18,color:"#fff",timeInterval:100}),h=this.getLocation(this.options.textStyle,f+a+c.r*2,Math.max(c.r*2,l));c.x=h.x+c.r,c.y=u.highlightStyle.y=h.y+h.height/2,u.highlightStyle.x=c.x+c.r+a;var p=this.createBackgroundShape(o.backgroundColor),d=c.n,v=c.x,m=c.y,g=c.r0,y=c.r,b=c.color,w=[],E=Math.round(180/d);for(var S=0;S<d;S++)w[S]=new s({highlightStyle:{x:v,y:m,r0:g,r:y,startAngle:E*S*2,endAngle:E*S*2+E,color:r.alpha(b,(S+1)/d),brushType:"fill"}});var x=[0,v,m];return setInterval(function(){e(p),x[0]-=.3;for(var n=0;n<d;n++)w[n].rotation=x,e(w[n]);e(u),t()},c.timeInterval)},o}),define("zrender/loadingEffect/Whirling",["require","./Base","../tool/util","../tool/area","../shape/Ring","../shape/Droplet","../shape/Circle"],function(e){function u(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/area"),i=e("../shape/Ring"),s=e("../shape/Droplet"),o=e("../shape/Circle");return n.inherits(u,t),u.prototype._start=function(e,t){var u=n.merge(this.options,{textStyle:{color:"#888",textAlign:"start"},backgroundColor:"rgba(250, 250, 250, 0.8)"}),a=this.createTextShape(u.textStyle),f=10,l=r.getTextWidth(a.highlightStyle.text,a.highlightStyle.textFont),c=r.getTextHeight(a.highlightStyle.text,a.highlightStyle.textFont),h=n.merge(this.options.effect||{},{r:18,colorIn:"#fff",colorOut:"#555",colorWhirl:"#6cf",timeInterval:50}),p=this.getLocation(this.options.textStyle,l+f+h.r*2,Math.max(h.r*2,c));h.x=p.x+h.r,h.y=a.highlightStyle.y=p.y+p.height/2,a.highlightStyle.x=h.x+h.r+f;var d=this.createBackgroundShape(u.backgroundColor),v=new s({highlightStyle:{a:Math.round(h.r/2),b:Math.round(h.r-h.r/6),brushType:"fill",color:h.colorWhirl}}),m=new o({highlightStyle:{r:Math.round(h.r/6),brushType:"fill",color:h.colorIn}}),g=new i({highlightStyle:{r0:Math.round(h.r-h.r/3),r:h.r,brushType:"fill",color:h.colorOut}}),y=[0,h.x,h.y];return v.highlightStyle.x=m.highlightStyle.x=g.highlightStyle.x=y[1],v.highlightStyle.y=m.highlightStyle.y=g.highlightStyle.y=y[2],setInterval(function(){e(d),e(g),y[0]-=.3,v.rotation=y,e(v),e(m),e(a),t()},h.timeInterval)},u});
\ No newline at end of file
diff --git a/doc/changelog.html b/doc/changelog.html
index bdced3133..cf35ddd2d 100644
--- a/doc/changelog.html
+++ b/doc/changelog.html
@@ -70,6 +70,13 @@
     <div class="container">
         <h2>修改记录</h2>
         <div class="row-fluid">
+            <div>
+                <h3>2.1.1<small>（2015-6-30）</small></h3>
+                <ul>
+                    <li>Fix events bug which triggered manually.</li>
+                    <li>Fix bug of removing clip in step function</li>
+                </ul>
+            </div>
             <div>
                 <h3>2.1.0<small>（2015-6-30）</small></h3>
                 <ul>
diff --git a/doc/doc.html b/doc/doc.html
deleted file mode 100644
index 4d6ac2ad1..000000000
--- a/doc/doc.html
+++ /dev/null
@@ -1,264 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <link href="asset/css/bootstrap.css" rel="stylesheet">
-    <link href="asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="active"><a href="example/demo.html">Demo</a></li>
-                    <li><a href="example/animation.html">Animation</a></li>
-                    <li><a href="example/chart.html">Chart</a></li>
-                    <li><a href="example/colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="example/artist.html">Artist</a></li>
-                    <li><a href="example/slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li class="active"><a href="api/index.html">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container">
-        <div class="row">
-            <div class="span3">
-              <div class="affix accordion" id="accordion">
-                  <div class="accordion-group">
-                    <div class="accordion-heading">
-                      <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-zrender">
-                        <a id="nav-head-zrender" href="#zrender">zrender</a>
-                      </div>
-                    </div>
-                    <div id="collapse-zrender" class="accordion-body collapse in">
-                      <div class="accordion-inner">
-                        <ul class="nav nav-list" id="nav-zrender"></ul>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-group">
-                    <div class="accordion-heading">
-                      <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-zrender-instance">
-                        <a id="nav-head-zrender-instance" href="#zrenderInstance">ZRender</a>
-                      </div>
-                    </div>
-                    <div id="collapse-zrender-instance" class="accordion-body collapse">
-                      <div class="accordion-inner">
-                        <ul class="nav nav-list" id="nav-zrender-instance"></ul>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-group">
-                    <div class="accordion-heading">
-                      <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-shape">
-
-                        <a id="nav-head-shape" href="#shape">shape</a>
-                      </div>
-                    </div>
-                    <div id="collapse-shape" class="accordion-body collapse">
-                      <div class="accordion-inner">
-                        <ul class="nav nav-list" id="nav-shape"></ul>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-group">
-                    <div class="accordion-heading">
-                      <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-tool">
-                        <a id="nav-head-tool" href="#tool">tool</a>
-                      </div>
-                    </div>
-                    <div id="collapse-tool" class="accordion-body collapse">
-                      <div class="accordion-inner">
-                        <ul class="nav nav-list" id="nav-tool"></ul>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-group">
-                    <div class="accordion-heading">
-                      <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-animation">
-                        <a id="nav-head-animation" href="#animation">animation</a>
-                      </div>
-                    </div>
-                    <div id="collapse-animation" class="accordion-body collapse">
-                      <div class="accordion-inner">
-                        <ul class="nav nav-list" id="nav-animation"></ul>
-                      </div>
-                    </div>
-                  </div>
-              </div><!--/.well -->
-            </div><!--/span-->
-            <div class="span9">
-                <div id="main"></div>
-            </div><!--/span-->
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="asset/js/jquery.js"></script>
-    <script src="asset/js/bootstrap-transition.js"></script>
-    <script src="asset/js/bootstrap-alert.js"></script>
-    <script src="asset/js/bootstrap-modal.js"></script>
-    <script src="asset/js/bootstrap-dropdown.js"></script>
-    <script src="asset/js/bootstrap-scrollspy.js"></script>
-    <script src="asset/js/bootstrap-tab.js"></script>
-    <script src="asset/js/bootstrap-tooltip.js"></script>
-    <script src="asset/js/bootstrap-popover.js"></script>
-    <script src="asset/js/bootstrap-button.js"></script>
-    <script src="asset/js/bootstrap-collapse.js"></script>
-    <script src="asset/js/bootstrap-carousel.js"></script>
-    <script src="asset/js/bootstrap-typeahead.js"></script>
-    <script type="text/javascript">
-        var description = {};
-    </script>
-    <script src="asset/js/zDocAnimation.js"></script>
-    <script src="asset/js/zDocShape.js"></script>
-    <script src="asset/js/zDocTool.js"></script>
-    <script src="asset/js/zDocZrender.js"></script>
-    <script src="asset/js/zDocZrenderInstance.js"></script>
-    <script src="asset/js/zrenderDoc.js"></script>
-
-    <script type="text/javascript">
-        var conZrIns = document.getElementById('nav-zrender-instance');
-        var conShape = document.getElementById('nav-shape');
-        var conTool = document.getElementById('nav-tool');
-        var conAnimation = document.getElementById('nav-animation');
-
-        function _resize() {
-            var viewHeight = document.documentElement.clientHeight;
-            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
-            var offsetHeight = document.body.offsetHeight;
-            var maxHeight;
-            var footHole = offsetHeight - scrollHeight - viewHeight;
-            if (footHole > 60) {
-                // 未见footer，60 top、bottom， 40 per one
-                maxHeight = viewHeight - 60 - 40 * 5 - 40;
-            }
-            else {
-                // 见footer
-                maxHeight = viewHeight - 60 - 40 * 5 - (80 - footHole) - 60;
-            }
-            if (conZrIns.scrollHeight > maxHeight) {
-                conZrIns.style.height = maxHeight + 'px';
-            } else {
-                conZrIns.style.height = 'auto';
-            }
-            if (conShape.scrollHeight > maxHeight) {
-                conShape.style.height = maxHeight + 'px';
-            } else {
-                conShape.style.height = 'auto';
-            }
-            if (conTool.scrollHeight > maxHeight) {
-                conTool.style.height = maxHeight + 'px';
-            } else {
-                conTool.style.height = 'auto';
-            }
-            if (conAnimation.scrollHeight > maxHeight) {
-                conAnimation.style.height = maxHeight + 'px';
-            } else {
-                conAnimation.style.height = 'auto';
-            }
-        }
-        $('#accordion').on('shown', _resize);
-        $(window).on('scroll', _resize);
-        $(window).on('resize', _resize);
-        var shapeList = $('#nav-shape').children('li');
-        for (var i = 0 , l = shapeList.length; i < l; i++) {
-            $(shapeList[i]).on('click', _toggle);
-        }
-        var toolList = $('#nav-tool').children('li');
-        for (var i = 0 , l = shapeList.length; i < l; i++) {
-            $(toolList[i]).on('click', _toggle);
-        }
-        var animationList = $('#nav-animation').children('li');
-        for (var i = 0 , l = shapeList.length; i < l; i++) {
-            $(animationList[i]).on('click', _toggle);
-        }
-
-        function _toggle(event){
-            if (event.target.className == 'icon-plus') {
-                event.target.className = 'icon-minus';
-                this.nextSibling.style.height = 'auto';
-            } else if (event.target.className == 'icon-minus') {
-                event.target.className = 'icon-plus';
-                this.nextSibling.style.height = '0px';
-            }
-        }
-
-        var navZr = document.getElementById('nav-head-zrender');
-        var navZrIns = document.getElementById('nav-head-zrender-instance');
-        var navShape = document.getElementById('nav-head-shape');
-        var navTool = document.getElementById('nav-head-tool');
-        var navAnimation = document.getElementById('nav-head-animation');
-
-        navZr.onclick =
-        navZrIns.onclick =
-        navShape.onclick =
-        navTool.onclick =
-        navAnimation.onclick = function(e){
-            window.location= this.href;
-            e = e || window.event;
-            if (e.preventDefault) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            else {
-                e.returnValue = false;
-            }
-        }
-        _resize();
-
-    </script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/animation.html b/doc/example/animation.html
deleted file mode 100644
index c5fa27538..000000000
--- a/doc/example/animation.html
+++ /dev/null
@@ -1,209 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <script src="../asset/js/codemirror.js"></script>
-    <script src="../asset/js/javascript.js"></script>
-
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/codemirror.css" rel="stylesheet">
-    <link href="../asset/css/monokai.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li class="active"><a href="animation.html">Animation</a></li>
-                    <li><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div id="sidebar-code" class="span4">
-                <div class="well sidebar-nav">
-                    <div class="nav-header">code
-                    <a href="#" onclick="autoResize()" class="icon-resize-full" id ="icon-resize" ></a>
-                    </div>
-                    <textarea id="code" name="code">
-/*
- *  zr has been init like this, just use it!
- *
- *  var zrender = require('zrender');
- *  var zr = zrender.init(document.getElementById('main'));
- */
-clearInterval(animationTicket); // 请跳过这句，动画索引
-zr.clear();
-var color = require('zrender/tool/color');
-var colorIdx = 0;
-var width = Math.ceil(zr.getWidth());
-var height = Math.ceil(zr.getHeight());
-
-var i;
-var n = 50;
-var shapeList = [];
-var CircleShape = require('zrender/shape/Circle');
-// 动画元素
-for(i = 0; i < n; i++) {
-    shapeList[i] = new CircleShape({
-        style : {
-            x : Math.ceil(Math.random() * width),
-            y : Math.ceil(Math.random() * height),
-            r : Math.ceil(Math.random() * 40),
-            brushType : Math.ceil(Math.random() * 100) % 3 >= 1 ? 'both' : 'stroke',
-            color : 'rgba('
-                    + Math.round(Math.random() * 256) + ','
-                    + Math.round(Math.random() * 256) + ','
-                    + Math.round(Math.random() * 256) + ', 0.5)',
-            strokeColor : 'rgba('
-                    + Math.round(Math.random() * 256) + ','
-                    + Math.round(Math.random() * 256) + ','
-                    + Math.round(Math.random() * 256) + ', 0.3)',
-            lineWidth : 3
-        },
-        _animationX : Math.ceil(Math.random() * 20),
-        _animationY : Math.ceil(Math.random() * 20),
-        hoverable : false
-    });
-    if (shapeList[i].style.x < 100 || shapeList[i].style.x > (width - 100)) {
-        shapeList[i].style.x = width / 2;
-    }
-    if (shapeList[i].style.y < 100 || shapeList[i].style.y > (height - 100)) {
-        shapeList[i].style.y = height / 2;
-    }
-    zr.addShape(shapeList[i]);
-}
-
-// 绘画，利用render的callback可以在绘画完成后马上开始动画
-zr.render(function(){
-    animationTicket = setInterval(
-        function(){
-            var style;
-            for( i = 0; i < n; i++) {
-                // 可以跳过
-                style = shapeList[i].style;
-                if (style.brushType == 'both') {
-                    if (style.x + style.r + shapeList[i]._animationX >= width
-                        || style.x - style.r + shapeList[i]._animationX <= 0
-                    ){
-                        shapeList[i]._animationX = -shapeList[i]._animationX;
-                    }
-                    shapeList[i].style.x += shapeList[i]._animationX;
-                }
-
-                if (style.brushType == 'both') {
-                    if (style.y + style.r + shapeList[i]._animationY >= height ||
-                        style.y - style.r + shapeList[i]._animationY <= 0){
-                        shapeList[i]._animationY = -shapeList[i]._animationY;
-                    }
-                    shapeList[i].style.y += shapeList[i]._animationY;
-                }
-                else {
-                    if (style.y - shapeList[i]._animationY + style.r <= 0){
-                        shapeList[i].style.y = height + style.r;
-                        shapeList[i].style.x = Math.ceil(Math.random() * width);
-                    }
-                    shapeList[i].style.y -= shapeList[i]._animationY;
-                }
-
-
-                // 就看这句就行
-                zr.modShape(shapeList[i].id, shapeList[i]);
-            }
-            zr.refresh();
-        },
-        50
-    )
-});
-                    </textarea>
-              </div><!--/.well -->
-            </div><!--/span-->
-            <div id="graphic" class="span8">
-                <div id="main" class="main"></div>
-                <div>
-                    <button onclick="refresh(true)">Refresh ~</button>
-                    <span id='wrong-message' style="color:red"></span>
-                </div>
-            </div><!--/span-->
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script type="text/javascript">
-        var animationTicket;    // 全局动画索引
-    </script>
-    <script src="../asset/js/zrenderDemo.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/artist.html b/doc/example/artist.html
deleted file mode 100644
index d79a27f59..000000000
--- a/doc/example/artist.html
+++ /dev/null
@@ -1,325 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li class="active"><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container">
-        <div class="row">
-            <div class="span12">
-                <div id="main" class="main" style="cursor: none !important"></div>
-                <button id="refresh">Refresh ~</button>
-                <span id='wrong-message' style="color:red"></span>
-            </div>
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script type="text/javascript">
-        var developMode = false;
-        if (developMode) {
-            // for develop
-            require.config({
-                packages: [
-                    {
-                        name: 'zrender',
-                        location: '../../src',
-                        main: 'zrender'
-                    }
-                ]
-            });
-        }
-        else {
-            // for echarts online home page
-            var fileLocation = './www/js/zrender';
-            require.config({
-                paths:{ 
-                    zrender: fileLocation,
-                    'zrender/shape/Circle': fileLocation,
-                    'zrender/shape/Rectangle': fileLocation,
-                    'zrender/shape/Ring': fileLocation,
-                    'zrender/shape/Polygon': fileLocation
-                }
-            });
-        }
-
-        require(
-            ['zrender', 'zrender/shape/Circle', 'zrender/shape/Rectangle', 'zrender/shape/Ring', 'zrender/shape/Polygon'],
-            function(zrender, CircleShape, RectangleShape, RingShape, PolygonShape) {
-                zr = zrender.init(document.getElementById('main'));
-                var eventTool = require('zrender/tool/event');
-                var myPalette = ['#ffa500','#87cefa','#da70d6','#32cd32','#ff7f50','#ba55d3','#6495ed','#cd5c5c'];
-                var width = Math.ceil(zr.getWidth());
-                var height = Math.ceil(zr.getHeight());
-                var brush;
-                var curPalette;
-                var isMobile = navigator.userAgent.match(/mobile/i);
-                document.getElementById('refresh').onclick = init;
-
-                init();
-                function init(){
-                    document.getElementById('wrong-message').innerHTML = '';
-                    zr.clear();
-
-                    buildBrush();
-
-                    buildPalette();
-
-                    Draft();
-
-                    zr.render();
-                }
-
-                function buildBrush() {
-                    brush = new CircleShape({
-                        zlevel : 3, // 频繁变动的画笔单独在一层中
-                        style : {
-                            x : width / 2,
-                            y : height / 2,
-                            r : 10,
-                            brushType : 'both',
-                            color : myPalette[0],
-                            strokeColor : 'yellow',
-                            lineWidth : 5
-                        },
-                        _colorIdx : 0,
-                        hoverable : false   // default true
-                    })
-
-                    if (!isMobile) {
-                        zr.addShape(brush);
-                        zr.on(
-                            'mousemove',
-                            function(params) {
-                                brush.style.x = eventTool.getX(params.event);
-                                brush.style.y = eventTool.getY(params.event);
-                                zr.modShape(brush.id, brush);
-                                zr.refresh();
-                            }
-                        );
-
-                        zr.on(
-                            'mousewheel',
-                            function(params) {
-                                eventTool.stop(params.event);
-                                brush._colorIdx = (brush._colorIdx + 1) % myPalette.length;
-                                brush.style.color = myPalette[brush._colorIdx];
-                                zr.modShape(brush.id, brush);
-                                zr.refresh();
-                            }
-                        );
-                    }
-                }
-
-                function buildPalette() {
-                    var length = myPalette.length;
-                    var pWidth = 60;
-                    var pHeight = 40;
-                    var startY = 5;
-                    var space = Math.round((height - 10 - pHeight * length) / (length - 1));
-                    for (var i = 0; i < length; i++) {
-                        zr.addShape(new RectangleShape({
-                            shape : 'rectangle',
-                            zlevel : 0,             // 默认为0，不变的图形元素可以单独一层
-                            style : {
-                                x : 5,
-                                y : startY,
-                                width : pWidth,
-                                height: pHeight,
-                                color : myPalette[i]
-                            },
-                            _colorIdx : i,
-                            hoverable: false,
-                            clickable : true,
-                            onclick : paletteHandler
-                        }));
-                        startY += pHeight + space;
-                    }
-                    curPalette = new RectangleShape({
-                        shape : 'rectangle',
-                        zlevel : 1,             // 偶尔需要改变的图形元素单独一层
-                        style : {
-                            x : 5,
-                            y : 5,
-                            width : pWidth,
-                            height: pHeight,
-                            strokeColor : 'yellow',
-                            lineWidth : 4,
-                            brushType : 'stroke'
-                        },
-                        hoverable: false
-                    });
-                    zr.addShape(curPalette);
-                }
-
-                function paletteHandler(params) {
-                    var target = params.target;
-                    brush.style.color = target.style.color;
-                    brush._colorIdx = target._colorIdx;
-
-                    if (!isMobile) {
-                        zr.modShape(brush.id, brush);
-                    }
-
-
-                    curPalette.style.x = target.style.x;
-                    curPalette.style.y = target.style.y;
-                    zr.modShape(curPalette.id, curPalette);
-
-                    zr.refresh();
-                }
-
-                function Draft() {
-                    var shapeList = [];
-                    shapeList.push(new PolygonShape({
-                        style : {
-                            pointList : [[180, 250], [680, 250], [580, 350], [80, 350]]
-                        }
-                    }));
-                    shapeList.push(new PolygonShape({
-                        style : {
-                            pointList : [[300, 150], [400, 200], [200, 200]]
-                        }
-                    }));
-                    shapeList.push(new RectangleShape({
-                        style : {
-                            x : 240,
-                            y : 200,
-                            width : 120,
-                            height : 100
-                        }
-                    }));
-                    shapeList.push(new RectangleShape({
-                        style : {
-                            x : 280,
-                            y : 260,
-                            width : 40,
-                            height : 40
-                        }
-                    }));
-                    for (var i = 0; i < 15; i++) {
-                        shapeList.push(new CircleShape({
-                            style : {
-                                x : Math.ceil(Math.random() * 500 + 100),
-                                y : Math.ceil(Math.random() * 130 + 20),
-                                r : Math.ceil(Math.random() * 20 + 5)
-                            }
-                        }));
-                    }
-                    for (var i = 0; i < 15; i++) {
-                        shapeList.push(new RingShape({
-                            style : {
-                                x : 900,
-                                y : 200,
-                                r0: i * 12,
-                                r : (i + 1) * 12
-                            }
-                        }));
-                    }
-                    for (var i = 0, l = shapeList.length; i < l; i++) {
-                        shapeList[i].zlevel = 1;             // 偶尔需要改变的图形元素单独一层
-                        shapeList[i].style.brushType = 'both';
-                        shapeList[i].style.strokeColor = 'black';
-                        shapeList[i].style.color = 'white';
-                        shapeList[i].style.lineWidth = 2;
-                        shapeList[i].hoverable = false;
-                        shapeList[i].clickable = true;
-                        shapeList[i].onclick = contentHandler;
-                        zr.addShape(shapeList[i]);
-                    }
-
-                }
-
-                function contentHandler(params) {
-                    var target = params.target;
-                    target.style.color = brush.style.color;
-                    target.style.strokeColor = 'white';
-                    zr.modShape(target.id, target);
-                    zr.refresh();
-                }
-            }
-        )
-    </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/chart.html b/doc/example/chart.html
deleted file mode 100644
index 40586d395..000000000
--- a/doc/example/chart.html
+++ /dev/null
@@ -1,183 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <script src="../asset/js/codemirror.js"></script>
-    <script src="../asset/js/javascript.js"></script>
-
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/codemirror.css" rel="stylesheet">
-    <link href="../asset/css/monokai.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li class="active"><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div id="sidebar-code" class="span4">
-                <div class="well sidebar-nav">
-                    <div class="nav-header">code
-                    <a href="#" onclick="autoResize()" class="icon-resize-full" id ="icon-resize" ></a>
-                    </div>
-                    <textarea id="code" name="code">
-/*
- *  zr has been init like this, just use it!
- *
- *  var zrender = require('zrender');
- *  var zr = zrender.init(document.getElementById('main'));
- */
-require(
-    [
-        'zrender',
-        'zrender/tool/color',
-        'zrender/shape/Sector'
-    ],
-    function ( zrender, zrColor, SectorShape) {
-        var zr = zrender.init(document.getElementById('main'));
-        zr.clear();
-        
-        var data = [10,13,23,8,35,18];
-        var total = 0;
-        for (var i = 0, l = data.length; i < l; i++) {
-            total += data[i];
-        }
-        var percent;
-        var startAngle = 0;
-        var endAngle;
-        var x = Math.round(zr.getWidth() / 2);
-        var y = Math.round(zr.getHeight() / 2);
-        var r0 = 30;
-        var r = 100;
-
-        for (var i = 0, l = data.length; i < l; i++){
-
-            percent = data[i] / total;
-            endAngle = (percent * 360 + startAngle).toFixed(2) - 0;
-            percent = (percent * 100).toFixed(2) + '%';
-            zr.addShape(new SectorShape({
-                style : {
-                    x : x,          // 圆心横坐标
-                    y : y,          // 圆心纵坐标
-                    r0 : r0,        // 圆环内半径
-                    r : r,          // 圆环外半径
-                    startAngle : startAngle,
-                    endAngle : endAngle,
-                    brushType : 'both',
-                    color : zrColor.getColor(i),
-                    strokeColor : '#fff'
-                },
-                highlightStyle : {
-                    text : percent,
-                    textPosition : 'specific',
-                    textX : x,
-                    textY : y,
-                    textAlign : 'center',
-                    textBaseline: 'middle',
-                    textColor : 'blue',
-                    textFont : 'bold 10px verdana'
-                },
-                clickable : true,
-                onclick : function(params) {
-                    alert(params.target.highlightStyle.text);
-                }
-            }))
-            startAngle = endAngle;
-        }
-        zr.render();
-    }
-);
-                    </textarea>
-              </div><!--/.well -->
-            </div><!--/span-->
-            <div id="graphic" class="span8">
-                <div id="main" class="main"></div>
-                <div>
-                    <button onclick="refresh(true)">Refresh ~</button>
-                    <span id='wrong-message' style="color:red"></span>
-                </div>
-            </div><!--/span-->
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script src="../asset/js/zrenderDemo.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/colorSeries.html b/doc/example/colorSeries.html
deleted file mode 100644
index cd5506d2d..000000000
--- a/doc/example/colorSeries.html
+++ /dev/null
@@ -1,291 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li><a href="chart.html">Chart</a></li>
-                    <li class="active"><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container">
-        <div class="row">
-            <div class="span12">
-                <div id="main" class="main"></div>
-                <button id="refresh">Refresh ~</button>
-                <p id='color-series'></p>
-            </div>
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script type="text/javascript">
-        var developMode = false;
-        if (developMode) {
-            // for develop
-            require.config({
-                packages: [
-                    {
-                        name: 'zrender',
-                        location: '../../src',
-                        main: 'zrender'
-                    }
-                ]
-            });
-        }
-        else {
-            // for echarts online home page
-            var fileLocation = './www/js/zrender';
-            require.config({
-                paths:{ 
-                    zrender: fileLocation,
-                    'zrender/shape/Rectangle': fileLocation
-                }
-            });
-        }
-
-        require(
-            ['zrender', 'zrender/shape/Rectangle'],
-            function(zrender, RectangleShape) {
-                zr = zrender.init(document.getElementById('main'));
-                var zrColor = require('zrender/tool/color');
-                var max = 30;
-                var width = Math.ceil(zr.getWidth());
-                var height = Math.ceil(zr.getHeight());
-                var w;
-                var h;
-                var lastY;
-                var customerShape;
-                var customerSeries;
-                var selectedShape;
-                document.getElementById('refresh').onclick = init;
-                function init(){
-                    zr.clear();
-                    w = Math.round(width / max);
-                    h = 30;
-                    lastY = 0;
-                    customerShape = [];
-                    customerSeries = [];
-                    selectedShape = {};
-                    buildDefault();
-                    buildCustomer();
-                    buildColorSeries();
-
-                    zr.render();
-                }
-
-
-                function buildDefault() {
-                    for (var i = 0; i < max; i++) {
-                        zr.addShape(new RectangleShape({
-                            zlevel:0,
-                            style : {
-                                x : i * w + 1,
-                                y : 0,
-                                width : w,
-                                height : h,
-                                brushType : 'both',
-                                color : zrColor.getColor(i),
-                                strokeColor : '#fff'
-                            }
-                        }));
-                    }
-                }
-
-                function buildCustomer() {
-                    lastY += h + 20;
-                    for (var i = 0; i < max; i++) {
-                        customerShape.push(new RectangleShape({
-                            zlevel:1,
-                            style : {
-                                x : i * w + 1,
-                                y : lastY,
-                                width : w,
-                                height : h,
-                                brushType : 'both',
-                                color :'#ccc',
-                                strokeColor : '#fff'
-                            },
-                            clickable : true,
-                            onclick : deleteColor,
-                            _idx : i
-                        }));
-                        zr.addShape(customerShape[i]);
-                    }
-                }
-
-                function refreshCustomer() {
-                    for (var i = 0; i < max; i++) {
-                        zr.modShape(
-                            customerShape[i].id,
-                            {style : {color : customerSeries[i] || '#ccc'}}
-                        );
-                    }
-                    document.getElementById('color-series').innerHTML =
-                        "Selected color series : <br/>'" + customerSeries.join("', '") + "'";
-                }
-
-                function buildColorSeries() {
-                    h = 34;
-                    lastY += h + 20;
-                    var colorSpace = [
-                        ['#440000', '#444400', '#004400','#004444','#000044','#440044','#440000'],
-                        ['#770000', '#777700', '#007700','#007777','#000077','#770077','#770000'],
-                        ['#aa0000', '#aaaa00', '#00aa00','#00aaaa','#0000aa','#aa00aa','#aa0000'],
-                        ['#dd0000', '#dddd00', '#00dd00','#00dddd','#0000dd','#dd00dd','#dd0000'],
-                        ['#ff0000', '#ffff00', '#00ff00','#00ffff','#0000ff','#ff00ff','#ff0000'],
-                        ['#ff7777', '#ffff77', '#77ff77','#77ffff','#7777ff','#ff77ff','#ff7777'],
-                        ['#ffbbbb', '#ffffbb', '#bbffbb','#bbffff','#bbbbff','#ffbbff','#ffbbbb'],
-                        ['#ffdddd', '#ffffdd', '#ddffdd','#ddffff','#ddddff','#ffddff','#ffdddd']
-                    ]
-                    var colorList;
-                    for (var i = 0, l = colorSpace.length; i < l; i++) {
-                        colorList = zrColor.getGradientColors(colorSpace[i], 10);
-                        w = Math.floor(width / colorList.length) + 0.6;
-                        for (var j = 0, k = colorList.length; j < k; j++) {
-                            zr.addShape(new RectangleShape({
-                                zlevel:2,
-                                style: {
-                                    x: w * j, y: lastY, width : w, height : h,
-                                    color : zrColor.toHex(colorList[j]),
-                                    brushType : 'both',
-                                    strokeColor : '#fff'
-                                },
-                                clickable : true,
-                                onclick : selectColor
-                            }));
-                        }
-                        lastY += h + 1;
-                    }
-                }
-
-                function deleteColor(params) {
-                    var target = params.target;
-                    var idx = target._idx;
-                    if (idx > customerSeries.length) {
-                        return;
-                    }
-                    zr.modShape(
-                        selectedShape[idx].id,
-                        {style : {brushType : 'both'}}
-                    );
-                    var newColorList = [];
-                    for (var i = 0; i < max; i++) {
-                        if (i != idx && customerSeries[i]) {
-                            newColorList.push(customerSeries[i]);
-                            selectedShape[newColorList.length - 1] = selectedShape[i];
-                            selectedShape[newColorList.length - 1]._idx = newColorList.length - 1;
-                        }
-                    }
-                    customerSeries = newColorList;
-                    refreshCustomer();
-                    zr.refresh();
-                }
-
-                function selectColor(params) {
-                    var target = params.target;
-                    if (target.style.brushType == 'stroke') {
-                        deleteColor({
-                            target : customerShape[target._idx]
-                        });
-                        return;
-                    }
-                    if (customerSeries.length >= max) {
-                        return;
-                    }
-                    customerSeries.push(target.style.color);
-                    selectedShape[customerSeries.length - 1] = target;
-                    zr.modShape(
-                        target.id,
-                        {
-                            style : {brushType : 'stroke'},
-                            _idx : customerSeries.length - 1
-                        }
-                    );
-                    refreshCustomer();
-                    zr.refresh();
-                }
-
-                init();
-            }
-        )
-    </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/demo.html b/doc/example/demo.html
deleted file mode 100644
index 31e9ec77c..000000000
--- a/doc/example/demo.html
+++ /dev/null
@@ -1,516 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <script src="../asset/js/codemirror.js"></script>
-    <script src="../asset/js/javascript.js"></script>
-
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/codemirror.css" rel="stylesheet">
-    <link href="../asset/css/monokai.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="active"><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div id="sidebar-code" class="span4">
-                <div class="well sidebar-nav">
-                    <div class="nav-header">code
-                    <a href="#" onclick="autoResize()" class="icon-resize-full" id ="icon-resize" ></a>
-                    </div>
-                    <textarea id="code" name="code">
-/*
- *  zr has been init like this, just use it!
- *
- *  var zrender = require('zrender');
- *  var zr = zrender.init(document.getElementById('main'));
- */
-zr.clear();
-var color = require('zrender/tool/color');
-var colorIdx = 0;
-var width = Math.ceil(zr.getWidth());
-var height = Math.ceil(zr.getHeight());
-
-var CircleShape = require('zrender/shape/Circle');
-var SectorShape = require('zrender/shape/Sector');
-var RingShape = require('zrender/shape/Ring');
-var EllipseShape = require('zrender/shape/Ellipse');
-var HeartShape = require('zrender/shape/Heart');
-var DropletShape = require('zrender/shape/Droplet');
-var PolygonShape = require('zrender/shape/Polygon');
-var RectangleShape = require('zrender/shape/Rectangle');
-var PolylineShape = require('zrender/shape/Polyline');
-var LineShape = require('zrender/shape/Line');
-var BezierCurveShape = require('zrender/shape/BezierCurve');
-var TextShape = require('zrender/shape/Text');
-var ImageShape = require('zrender/shape/Image');
-var PathShape = require('zrender/shape/Path');
-var TrochoidShape = require('zrender/shape/Trochoid');
-var RoseShape = require('zrender/shape/Rose');
-var StarShape = require('zrender/shape/Star');
-var IsogonShape = require('zrender/shape/Isogon');
-
-// 圆形
-zr.addShape(new CircleShape({
-    style : {
-        x : 100,
-        y : 100,
-        r : 50,
-        brushType : 'both',
-        color : 'rgba(220, 20, 60, 0.8)',          // rgba supported
-        strokeColor : color.getColor(colorIdx++),  // getColor from default palette
-        lineWidth : 5,
-        text :'circle',
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true,   // default false
-    clickable : true,   // default false
-
-    // 可自带任何有效自定义属性
-    _name : 'Hello~',
-    onclick: function(params){
-        alert(params.target._name);
-    },
-
-    // 响应事件并动态修改图形元素
-    onmousewheel: function(params){
-        var eventTool = require('zrender/tool/event');
-        var delta = eventTool.getDelta(params.event);
-        var r = params.target.style.r;
-        r += (delta > 0 ? 1 : -1) * 10;
-        if (r < 10) {
-            r = 10;
-        };
-        zr.modShape(params.target.id, {style: {r: r}})
-        zr.refresh();
-        eventTool.stop(params.event);
-    }
-    /* 封装支持事件，见shape/base, config.EVENT
-    onmousemove : function(e){console.log('onmousemove',e)},
-    onmouseover : function(e){console.log('onmouseover',e)},
-    onmouseout  : function(e){console.log('onmouseout',e)},
-    onmousedown : function(e){console.log('onmousedown',e)},
-    onmouseup   : function(e){console.log('onmouseup',e)},
-    ondragstart : function(e){console.log('ondragstart',e)},
-    ondragend   : function(e){console.log('ondragend',e)},
-    ondragenter : function(e){console.log('ondragenter',e)},
-    ondragover  : function(e){console.log('ondragover',e)},
-    ondragleave : function(e){console.log('ondragleave',e)},
-    ondrop      : function(e){console.log('ondrop',e)}
-    */
-}));
-
-// 扇形
-zr.addShape(new SectorShape({
-    style : {
-        x : width - 250,
-        y : 150,
-        r : 100,
-        // r0 : 50,
-        startAngle : 30,
-        endAngle : 90,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 8,
-        lineJoin : 'round',
-        text:'sector'
-    },
-    draggable : true
-}));
-
-// 圆环
-zr.addShape(new RingShape({
-    style : {
-        x : width / 2,
-        y : height / 2,
-        r : 100,
-        r0 : 50,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 3,
-        text : 'ring'
-    },
-    draggable : true
-}));
-
-
-// 椭圆
-zr.addShape(new EllipseShape({
-    style : {
-        x : 350,
-        y : 100,
-        a : 70,
-        b : 30,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 8,
-        text:'ellipse',
-        textPosition:'inside'
-    },
-    draggable : true
-}));
-
-// 心形
-zr.addShape(new HeartShape({
-    style : {
-        x : width - 350,
-        y : 100,
-        a : 50,
-        b : 70,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 8,
-        text:'heart',
-        textPosition:'inside'
-    },
-    draggable : true
-}));
-
-// 水滴
-zr.addShape(new DropletShape({
-    style : {
-        x : 380,
-        y : 300,
-        a : 50,
-        b : 70,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 8,
-        text:'droplet',
-        textPosition:'inside'
-    },
-    draggable : true
-}));
-
-// 多边形
-zr.addShape(new PolygonShape({
-    style : {
-        pointList : [[310, 120], [360, 120], [348, 230], [250, 340], [146, 200]],
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 10,
-        text : 'polygon',
-        textPosition : 'inside'     // default top
-    },
-    draggable:true
-}));
-
-// 矩形
-zr.addShape(new RectangleShape({
-    style : {
-        x : width - 350,
-        y : 210,
-        width : 300,
-        height: 100,
-        radius: [20, 50],
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 15,
-        lineJoin : 'round',
-        text : 'rectangle'
-    },
-    draggable : true
-}));
-
-// 折线
-zr.addShape(new PolylineShape({
-    style : {
-        pointList : [[10, 10], [60, 100], [148, 130], [250, 40], [446, 100]],
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 3,
-        text : 'polyline'
-    },
-    draggable:true
-}));
-
-// 直线
-zr.addShape(new LineShape({
-    style : {
-        xStart : 0,
-        yStart : 0,
-        xEnd : width,
-        yEnd : height,
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 2,
-        lineType : 'dashed',    // default solid
-        text : 'line'
-    },
-    draggable:true
-}));
-
-// 贝塞尔曲线
-zr.addShape(new BezierCurveShape({
-    style : {
-        xStart : width,
-        yStart : 0,
-        cpX1 : width / 2,
-        cpY1 : 0,
-        cpX2 : width / 2,
-        cpY2 : height,
-        xEnd : 0,
-        yEnd : height,
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 2,
-        text : 'beziercurve'
-    },
-    draggable:true
-}));
-
-// 文本
-zr.addShape(new TextShape({
-    style : {
-        x : width / 2,
-        y : 10,
-        brushType : 'fill',
-        color : color.getColor(colorIdx++),
-        shadowColor : 'yellow',
-        shadowBlur : 10,
-        lineWidth : 3,
-        text : 'zrender',
-        textFont : 'normal 50px verdana',
-        textAlign : 'center',
-        textBaseline : 'top'
-    },
-    draggable : true
-}));
-
-// 图片
-zr.addShape(new ImageShape({
-    style : {
-        x : 0,
-        y : 0,
-        image : "../asset/ico/favicon.png",
-        width : 20,
-        height : 20
-    },
-    draggable : true
-}));
-
-// 路径
-zr.addShape(new PathShape({
-    style : {
-        //path : 'M 0 0 L 0 100 L 100 100 Z',
-        path : 'M66,10, L23,127, L122,50, L10,49, L109,127 z',
-        x : 20,
-        y : 200,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),
-        lineWidth : 10,
-        text : 'path',
-        textPosition : 'bottom'
-    },
-    draggable : true
-}));
-
-// 内旋轮线
-zr.addShape(new TrochoidShape({
-    style : {
-        x : 200,
-        y : 100,
-        r:50,
-        r0:35,
-        d:50,
-        strokeColor : color.getColor(colorIdx++),   // getColor from default palette
-        lineWidth : 2,
-        text :'内旋轮曲线',
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true
-}));
-
-// 外旋轮曲线
-zr.addShape(new TrochoidShape({
-    style : {
-        x: 450,
-        y: 200,
-        r:50,
-        r0:35,
-        d:30,
-        location : 'out',
-        strokeColor : color.getColor(colorIdx++),   // getColor from default palette
-        lineWidth : 2,
-        text :'外旋轮曲线',
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true
-}));
-
-// 玫瑰线
-zr.addShape(new RoseShape({
-    style : {
-        x : 300,
-        y : 100,
-        r : [35],
-        k : 7,
-        n : 4,
-        strokeColor : color.getColor(colorIdx++),   // getColor from default palette
-        lineWidth : 2,
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true
-}));
-
-// n角星
-zr.addShape(new StarShape({
-    style : {
-        x : width / 2 + 100,
-        y : 320,
-        r : 70,
-        // r0: 27,
-        n : 7,
-        lineJoin : 'round',
-        brushType : 'both',
-        color : color.getColor(colorIdx++),
-        strokeColor : color.getColor(colorIdx++),   // getColor from default palette
-        lineWidth : 10,
-        text :'n角星',
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true
-}));
-
-// 正n边形
-zr.addShape(new IsogonShape({
-    style : {
-        x : 300,
-        y : 320,
-        r : 70,
-        n : 9,
-        brushType : 'both',
-        color : color.getColor(colorIdx++),          // rgba supported
-        strokeColor : color.getColor(colorIdx++),   // getColor from default palette
-        lineWidth : 9,
-        text :'正n边形',
-        textPosition :'inside'
-    },
-    hoverable : true,   // default true
-    draggable : true
-}));
-
-// 绘画
-zr.render();
-
-/* 除了在shape上绑定事件，可以挂接全局事件
-zr.on('click',      function(e){console.log('onclick',e,'global')});
-zr.on('mousewheel', function(e){console.log('onmousewheel',e,'global')});
-zr.on('mousemove',  function(e){console.log('onmousemove',e,'global')});
-zr.on('mouseover',  function(e){console.log('onmouseover',e,'global')});
-zr.on('mouseout',   function(e){console.log('onmouseout',e,'global')});
-zr.on('mousedown',  function(e){console.log('onmousedown',e,'global')});
-zr.on('mouseup',    function(e){console.log('onmouseup',e,'global')});
-zr.on('dragstart',  function(e){console.log('ondragstart',e,'global')});
-zr.on('dragend',    function(e){console.log('ondragend',e,'global')});
-zr.on('dragenter',  function(e){console.log('ondragenter',e,'global')});
-zr.on('dragover',   function(e){console.log('ondragover',e,'global')});
-zr.on('dragleave',  function(e){console.log('ondragleave',e,'global')});
-zr.on('drop',       function(e){console.log('ondrop',e,'global')});
-*/
-                    </textarea>
-              </div><!--/.well -->
-            </div><!--/span-->
-            <div id="graphic" class="span8">
-                <div id="main" class="main"></div>
-                <div>
-                    <button onclick="refresh(true)" tabindex="11110">Refresh ~</button>
-                    <span id='wrong-message' style="color:red"></span>
-                </div>
-            </div><!--/span-->
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script src="../asset/js/zrenderDemo.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/myShape.html b/doc/example/myShape.html
deleted file mode 100644
index 46720c20e..000000000
--- a/doc/example/myShape.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <script src="../asset/js/codemirror.js"></script>
-    <script src="../asset/js/javascript.js"></script>
-
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/codemirror.css" rel="stylesheet">
-    <link href="../asset/css/monokai.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li class="active"><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div id="sidebar-code" class="span4">
-                <div class="well sidebar-nav">
-                    <div class="nav-header">code
-                    <a href="#" onclick="autoResize()" class="icon-resize-full" id ="icon-resize" ></a>
-                    </div>
-                    <textarea id="code" name="code">
-/*
- *  zr has been init like this, just use it!
- *
- *  var zrender = require('zrender');
- *  var zr = zrender.init(document.getElementById('main'));
- */
-zr.clear();
-var Base = require('zrender/shape/Base');
-function Cross(options) {
-    Base.call(this, options);
-}
-Cross.prototype = {
-    type : 'cross',
-    brush : function(ctx, isHighlight) {
-        var style = this.style || {};
-        if (isHighlight) {
-            // 根据style扩展默认高亮样式
-            style = this.highlightStyle || {};
-            for (var k in this.style) {
-                style[k] = this.style[k];
-            }
-        }
-        ctx.save();
-        ctx.beginPath();
-        ctx.strokeStyle = style.strokeColor || style.color;
-        ctx.moveTo(style.x - style.width / 2, style.y);
-        ctx.lineTo(style.x + style.width / 2, style.y);
-        ctx.moveTo(style.x, style.y - style.height / 2);
-        ctx.lineTo(style.x, style.y + style.height / 2);
-        ctx.closePath();
-        ctx.stroke();
-        ctx.restore();
-        return;
-    },
-
-    drift : function(dx, dy) {
-        this.style.x += dx;
-        this.style.y += dy;
-    },
-
-    isCover : function(x, y) {
-        var originPos = this.getTansform(x, y);
-        x = originPos[0];
-        y = originPos[1];
-
-        if (x >= (this.style.x - this.style.width / 2)
-            && x <= (this.style.x + this.style.width / 2)
-            && y >= this.style.y - this.style.height / 2
-            && y <= (this.style.y + this.style.height / 2)
-        ) {
-            return true;
-        }
-        return false;
-    }
-}
-require('zrender/tool/util').inherits(Cross, Base);
-
-zr.addShape(new Cross({
-    style : {
-         x : 100,
-         y : 100,
-         width : 50,
-         height : 50,
-         color : 'red'
-    },
-    draggable : true
-}));
-
-function Audi(options) {
-    this.brushTypeOnly = 'stroke';
-    Base.call(this, options);
-}
-Audi.prototype = {
-    type : 'auid',
-    buildPath : function(ctx, style) {
-        var x = style.x;
-        var y = style.y;
-        var r = style.r;
-        for (var i = 0; i < 4; i++) {
-            ctx.arc(x, y, r, 0, Math.PI * 2, true);
-            ctx.moveTo(x + 5 * r / 2, y);
-            x += r * 3 / 2;
-        }
-        return;
-    },
-
-    /**
-     * 返回矩形区域，用于局部刷新和文字定位
-     * @param {Object} style
-     */
-    getRect : function(style) {
-        return {
-            x : Math.round(style.x - style.r),
-            y : Math.round(style.y - style.r),
-            width : style.r * 6.5,
-            height : style.r * 2
-        };
-    }
-}
-
-require('zrender/tool/util').inherits(Audi, Base);
-zr.addShape(new Audi({
-    style : {
-         x : 200,
-         y : 100,
-         r : 50,
-         color : '#1e90ff',
-         lineWidth : 1,
-         text : 'Audi'
-    },
-    draggable : true
-}));
-zr.render();
-                    </textarea>
-              </div><!--/.well -->
-            </div><!--/span-->
-            <div id="graphic" class="span8">
-                <div id="main" class="main"></div>
-                <div>
-                    <button onclick="refresh(true)">Refresh ~</button>
-                    <span id='wrong-message' style="color:red"></span>
-                </div>
-            </div><!--/span-->
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script src="../asset/js/zrenderDemo.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/slice.html b/doc/example/slice.html
deleted file mode 100644
index 27d0f9f2f..000000000
--- a/doc/example/slice.html
+++ /dev/null
@@ -1,385 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ZRender">
-    <meta name="author" content="kener.linfeng@gmail.com">
-
-    <script src="../asset/js/esl/esl.js"></script>
-    <link href="../asset/css/bootstrap.css" rel="stylesheet">
-    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="../asset/css/zrenderHome.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../asset/ico/favicon.png">
-</head>
-
-<body>
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="../../index.html">ZRender</a>
-          <div class="nav-collapse collapse">
-              <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
-              <ul class="nav">
-                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="active dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="demo.html">Demo</a></li>
-                    <li><a href="animation.html">Animation</a></li>
-                    <li><a href="chart.html">Chart</a></li>
-                    <li><a href="colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="artist.html">Artist</a></li>
-                    <li class="active"><a href="slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="../api/index.html" target="_blank">API &amp; Doc</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
-                    <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
-                  </ul>
-                </li>
-              </ul>
-           </div><!--/.nav-collapse -->
-        </div><!-- /.container -->
-      </div><!-- /.navbar-inner -->
-    </div><!-- /.navbar-wrapper -->
-
-    <div class="container">
-        <div class="row">
-            <div class="span12">
-                <div id="main" class="main"></div>
-                <button id="start">start ~</button>
-                <span id='wrong-message' style="color:red"></span>
-            </div>
-        </div><!--/row-->
-        <hr>
-        <!-- FOOTER -->
-        <footer>
-          <p class="pull-right"><a href="#">Back to top</a></p>
-          <p>&copy; 2013 ECOM-FE &middot; <a href="https://github.com/ecomfe/zrender/blob/master/LICENSE.txt" target="_blank">Terms</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
-        </footer>
-    </div><!--/.fluid-container-->
-
-    <script src="../asset/js/jquery.js"></script>
-    <script src="../asset/js/bootstrap-transition.js"></script>
-    <script src="../asset/js/bootstrap-alert.js"></script>
-    <script src="../asset/js/bootstrap-modal.js"></script>
-    <script src="../asset/js/bootstrap-dropdown.js"></script>
-    <script src="../asset/js/bootstrap-scrollspy.js"></script>
-    <script src="../asset/js/bootstrap-tab.js"></script>
-    <script src="../asset/js/bootstrap-tooltip.js"></script>
-    <script src="../asset/js/bootstrap-popover.js"></script>
-    <script src="../asset/js/bootstrap-button.js"></script>
-    <script src="../asset/js/bootstrap-collapse.js"></script>
-    <script src="../asset/js/bootstrap-carousel.js"></script>
-    <script src="../asset/js/bootstrap-typeahead.js"></script>
-    <script type="text/javascript">
-        var developMode = false;
-        if (developMode) {
-            // for develop
-            require.config({
-                packages: [
-                    {
-                        name: 'zrender',
-                        location: '../../src',
-                        main: 'zrender'
-                    }
-                ]
-            });
-        }
-        else {
-            // for echarts online home page
-            var fileLocation = './www/js/zrender';
-            require.config({
-                paths:{ 
-                    zrender: fileLocation,
-                    'zrender/shape/Circle': fileLocation,
-                    'zrender/shape/Text': fileLocation,
-                    'zrender/shape/Polyline': fileLocation
-                }
-            });
-        };
-
-        require(
-            ['zrender', 'zrender/shape/Circle', 'zrender/shape/Text', 'zrender/shape/Polyline'],
-            function(zrender, CircleShape, TextShape, PolylineShape) {
-                zr = zrender.init(document.getElementById('main'));
-                var width = Math.ceil(zr.getWidth());
-                var height = Math.ceil(zr.getHeight());
-                var util = require('zrender/tool/util');
-                var eventTool = require('zrender/tool/event');
-                var gameRunning;
-                var shapeList = [];
-                var pointText;
-                var knife;
-                var hasCatched = {};
-                var gamTicket;
-                var timeTicket;
-                var gameTime = 10;
-
-                document.getElementById('start').onclick = init;
-
-                function init(){
-                    document.getElementById('wrong-message').innerHTML = '';
-                    zr.clear();
-                    gameRunning = true;
-                    _bulidTime();
-                    _startGame();
-                }
-
-                function _getRandomColor(opacity) {
-                    return 'rgba('
-                            + Math.round(Math.random() * 256) + ','
-                            + Math.round(Math.random() * 256) + ','
-                            + Math.round(Math.random() * 256) + ', ' + opacity + ')'
-                }
-
-                function _bulidTime() {
-                    shapeList = [];
-                    shapeList.push(new CircleShape({
-                        rotation : [0, 100, 100],
-                        style : {
-                            x : 100,
-                            y : 100,
-                            r : 100,
-                            color : _getRandomColor(0.8),
-                            text : gameTime,
-                            textPosition:'inside',
-                            textFont : 'bold 60px "Times New Roman"'
-                        },
-                        hoverable : false,
-                        _round : 2
-                    }));
-                    shapeList.push(new CircleShape({
-                        rotation : [0, 170, 200],
-                        style : {
-                            x : 170,
-                            y : 200,
-                            r : 20,
-                            color : _getRandomColor(0.7),
-                            text : '--+--',
-                            textPosition:'inside'
-                        },
-                        _round : 10,
-                        hoverable : false
-                    }));
-                    shapeList.push(new CircleShape({
-                        rotation : [0, 130, 260],
-                        style : {
-                            x : 130,
-                            y : 260,
-                            r : 50,
-                            color : _getRandomColor(0.6),
-                            text : '------+------',
-                            textPosition:'inside'
-                        },
-                        hoverable : false,
-                        _round : 4
-                    }));
-
-                    for(var i = 0, l = shapeList.length; i < l; i++) {
-                        zr.addShape(shapeList[i]);
-                    }
-
-                    pointText = new TextShape({
-                        scale : [1, 1, 100, height-40],
-                        style : {
-                            x : 100,
-                            y : height - 40,
-                            text : '0',
-                            color : 'rgba(220, 20, 60, 0.6)',
-                            textFont : 'bold 30px "Times New Roman"',
-                            textAlign : 'center'
-                        }
-                    });
-                    zr.addShape(pointText);
-                    knife = new PolylineShape({
-                        shape : 'polyline',
-                        zlevel : 1, // 频繁变动的画笔单独在一层中
-                        style : {
-                            pointList : [
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2],
-                                [width / 2, height / 2]
-                            ],
-                            strokeColor : _getRandomColor(0.6),
-                            lineWidth : Math.round(Math.random() * 5)
-                        },
-                        hoverable : false   // default true
-                    });
-
-                    zr.addShape(knife);
-                    zr.render();
-                    zr.on(
-                        'mousemove',
-                        function(params) {
-                            if (gameRunning) {
-                                knife.style.pointList.push([
-                                    eventTool.getX(params.event),
-                                    eventTool.getY(params.event)
-                                ]);
-                                knife.style.strokeColor = _getRandomColor(0.6);
-                                knife.style.lineWidth = Math.round(Math.random() * 5);
-                                knife.style.pointList.shift();
-                                zr.modShape(knife.id, knife);
-                                zr.refresh();
-                            }
-                        }
-                    );
-                }
-
-                function _startGame() {
-                    zr.modShape(pointText.id, {
-                        style : {
-                            text : '0'
-                        }
-                    });
-                    clearInterval(gamTicket);
-                    gamTicket = setInterval(function(){
-                        var sizePoint = Math.ceil(Math.random() * 40);
-                        var bubble = new CircleShape({
-                            shape : 'circle',
-                            style : {
-                                x : Math.ceil(Math.random() * (width - 320) + 300),
-                                y : height -40,
-                                r : sizePoint,
-                                burshType : 'both',
-                                color : _getRandomColor(0.6),
-                                strokeColor : _getRandomColor(0.4),
-                                text : 50 - sizePoint,
-                                textPosition : 'inside'
-                            },
-                            _ticket :require('zrender/tool/guid')(),
-                            _point : 50 - sizePoint,
-                            hoverable : false,
-                            clickable : true,
-                            onmouseover : function(params){
-                                if (hasCatched[params.target._ticket]) {
-                                    return;
-                                }
-                                hasCatched[params.target._ticket] = true;
-                                zr.modShape(
-                                    params.target.id,
-                                    {style : { brushType : 'stroke'}}
-                                );
-                                zr.animate(params.target.id, 'style')
-                                    .when(300, {
-                                        r : 1000
-                                    })
-                                    .start();
-                                zr.modShape(
-                                    pointText.id,
-                                    {
-                                        style : {
-                                            text : pointText.style.text - 0 + params.target._point
-                                        }
-                                    }
-                                );
-                                var s = pointText.scale;
-                                s[0] = s[0] + 0.1;
-                                s[1] = s[0];
-                                zr.animate(pointText.id)
-                                    .when(500, {
-                                        scale : s
-                                    })
-                                    .start();
-                                var newShape = util.clone(params.target);
-                                newShape.id = require('zrender/tool/guid')();
-                                newShape.style.brushType = 'fill';
-                                zr.addShape(new CircleShape(newShape));
-                                zr.animate(newShape.id, 'style')
-                                    .when(1000, {
-                                        y : height - newShape.style.r
-                                    })
-                                    .start('BounceOut');
-                            }
-                        });
-                        zr.addShape(bubble);
-                        zr.animate(bubble.id, 'style')
-                            .when(3000, {
-                                y : -120
-                            })
-                            .done(function(){
-                                zr.delShape(bubble.id);
-                            })
-                            .start('QuadraticInOut');
-                    }, 200);
-
-                    clearInterval(timeTicket);
-                    timeTicket = setInterval(function(){
-                        zr.modShape(
-                            shapeList[0].id,
-                            {
-                                style: {
-                                    color : _getRandomColor(0.8),
-                                    text: shapeList[0].style.text - 1
-                                }
-                            }
-                        );
-                        if (shapeList[0].style.text == '0') {
-                            zr.modShape(
-                                shapeList[0].id,
-                                {style:
-                                    {
-                                        text: 'Game over',
-                                        textFont : 'bold 30px "Times New Roman"'
-                                    }
-                                }
-                            );
-                            clearInterval(gamTicket);
-                            clearInterval(timeTicket);
-                            gameRunning = false;
-                            zr.modShape(knife.id, {
-                                style : {
-                                    strokeColor : 'rgba(0, 0, 0, 0)'
-                                }
-                            });
-                        }
-                        zr.refresh();
-                    },1000)
-
-                    for(var i = 0, l = shapeList.length; i < l; i++) {
-                        zr.animate( shapeList[i].id )
-                            .when(gameTime * 1000 + 100, {
-                                rotation : [
-                                    (i%2 == 0 ? 1 : -1) * Math.PI * shapeList[i]._round,
-                                    shapeList[i].rotation[1],
-                                    shapeList[i].rotation[2]]
-                            })
-                            .start();
-                    }
-                }
-                _bulidTime();
-            }
-        )
-    </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/www/index.html b/doc/example/www/index.html
deleted file mode 100644
index 6281a900b..000000000
--- a/doc/example/www/index.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>ZRender</title>
-    <!--Step:1 Import a module loader, such as esl.js or require.js-->
-    <!--Step:1 引入一个模块加载器，如esl.js或者require.js-->
-    <script src="js/esl.js"></script>
-</head>
-
-<body>
-    <!--Step:2 Prepare a dom for ZRender which (must) has size (width & hight)-->
-    <!--Step:2 为ZRender准备一个具备大小（宽高）的Dom-->
-    <div id="main" style="width:100%;height:500px;border:1px solid #ccc"></div>
-    
-    <script type="text/javascript">
-    // Step:3 conifg ZRender's path, link to zrender.js from current page.
-    // Step:3 为模块加载器配置zrender的路径，从当前页面链接到zrender.js
-    require.config({
-        paths:{ 
-            zrender:'./js/zrender',
-            'zrender/shape/Circle' : './js/zrender'
-        }
-    });
-    
-    // Step:4 require zrender and use it in the callback.
-    // Step:4 动态加载zrender然后在回调函数中开始使用
-    require(
-        ['zrender','zrender/shape/Circle'],
-        function(zrender) {
-            var zr = zrender.init(document.getElementById('main'));
-            var color = require('zrender/tool/color');
-            var colorIdx = 0;
-            var width = Math.ceil(zr.getWidth());
-            var height = Math.ceil(zr.getHeight());
-
-            var i;
-            var n = document.createElement('canvas').getContext ? 150 : 50;
-            var shapeList = [];
-            // 动画元素
-            var CircleShape = require('zrender/shape/Circle');
-            var guid = require('zrender/tool/guid');
-            for(i = 0; i < n; i++) {
-                shapeList[i] = new CircleShape({
-                    id : guid(),
-                    style : {
-                        x : Math.ceil(Math.random() * width),
-                        y : Math.ceil(Math.random() * height),
-                        r : Math.ceil(Math.random() * 40),
-                        brushType : Math.ceil(Math.random() * 100) % 3 >= 1 ? 'both' : 'stroke',
-                        color : 'rgba('
-                                + Math.round(Math.random() * 256) + ','
-                                + Math.round(Math.random() * 256) + ','
-                                + Math.round(Math.random() * 256) + ', 0.5)',
-                        strokeColor : 'rgba('
-                                + Math.round(Math.random() * 256) + ','
-                                + Math.round(Math.random() * 256) + ','
-                                + Math.round(Math.random() * 256) + ', 0.3)',
-                        lineWidth : 3
-                    },
-                    _animationX : Math.ceil(Math.random() * 20),
-                    _animationY : Math.ceil(Math.random() * 20),
-                    hoverable : false
-                });
-                if (shapeList[i].style.x < 100 || shapeList[i].style.x > (width - 100)) {
-                    shapeList[i].style.x = width / 2;
-                }
-                if (shapeList[i].style.y < 100 || shapeList[i].style.y > (height - 100)) {
-                    shapeList[i].style.y = height / 2;
-                }
-                zr.addShape(shapeList[i]);
-            }
-
-            // 绘画，利用render的callback可以在绘画完成后马上开始动画
-            zr.render(function(){
-                animationTicket = setInterval(
-                    function(){
-                        var style;
-                        for( i = 0; i < n; i++) {
-                            // 可以跳过
-                            style = shapeList[i].style;
-                            if (style.brushType == 'both') {
-                                if (style.x + style.r + shapeList[i]._animationX >= width
-                                    || style.x - style.r + shapeList[i]._animationX <= 0
-                                ){
-                                    shapeList[i]._animationX = -shapeList[i]._animationX;
-                                }
-                                shapeList[i].style.x += shapeList[i]._animationX;
-                            }
-
-                            if (style.brushType == 'both') {
-                                if (style.y + style.r + shapeList[i]._animationY >= height ||
-                                    style.y - style.r + shapeList[i]._animationY <= 0){
-                                    shapeList[i]._animationY = -shapeList[i]._animationY;
-                                }
-                                shapeList[i].style.y += shapeList[i]._animationY;
-                            }
-                            else {
-                                if (style.y - shapeList[i]._animationY + style.r <= 0){
-                                    shapeList[i].style.y = height + style.r;
-                                    shapeList[i].style.x = Math.ceil(Math.random() * width);
-                                }
-                                shapeList[i].style.y -= shapeList[i]._animationY;
-                            }
-                            // 就看这句就行
-                            zr.modShape(shapeList[i].id, shapeList[i]);
-                        }
-                        zr.refresh();
-                    },
-                    50
-                )
-            });
-        }
-    )
-    </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/doc/example/www/js/esl.js b/doc/example/www/js/esl.js
deleted file mode 100644
index 1f3ec7758..000000000
--- a/doc/example/www/js/esl.js
+++ /dev/null
@@ -1 +0,0 @@
-var define,require,esl;!function(n){function e(n,e){function r(n){0===n.indexOf(".")&&i.push(n)}var i=[];if("string"==typeof n?r(n):$(n,function(n){r(n)}),i.length>0)throw new Error("[REQUIRE_FATAL]Relative ID is not allowed in global require: "+i.join(", "));var o=C.waitSeconds;return o&&n instanceof Array&&(D&&clearTimeout(D),D=setTimeout(t,1e3*o)),_(n,e)}function t(){function n(a,u){if(!o[a]&&!l(a,N)){o[a]=1,l(a,L)||r[a]||(r[a]=1,e.push(a));var f=T[a];f?u&&(r[a]||(r[a]=1,e.push(a)),$(f.depMs,function(e){n(e.absId,e.hard)})):i[a]||(i[a]=1,t.push(a))}}var e=[],t=[],r={},i={},o={};for(var a in F)n(a,1);if(e.length||t.length)throw new Error("[MODULE_TIMEOUT]Hang( "+(e.join(", ")||"none")+" ) Miss( "+(t.join(", ")||"none")+" )")}function r(n){$(H,function(e){a(n,e.deps,e.factory)}),H.length=0,u(n)}function i(n,e,t){if(null==t&&(null==e?(t=n,n=null):(t=e,e=null,n instanceof Array&&(e=n,n=null))),null!=t){var r=window.opera;if(!n&&document.attachEvent&&(!r||"[object Opera]"!==r.toString())){var i=S();n=i&&i.getAttribute("data-require-id")}n?a(n,e,t):H[0]={deps:e,factory:t}}}function o(){var n=C.config[this.id];return n&&"object"==typeof n?n:{}}function a(n,e,t){T[n]||(T[n]={id:n,depsDec:e,deps:e||["require","exports","module"],factoryDeps:[],factory:t,exports:{},config:o,state:z,require:w(n),depMs:[],depMkv:{},depRs:[],depPMs:[]})}function u(n){var e=T[n];if(e&&!l(n,B)){var t=e.deps,r=e.factory,i=0;"function"==typeof r&&(i=Math.min(r.length,t.length),!e.depsDec&&r.toString().replace(/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/gm,"").replace(/require\(\s*(['"'])([^'"]+)\1\s*\)/g,function(n,e,r){t.push(r)}));var o=[];$(t,function(t,r){var a,u,f=I(t),c=q(f.mod,n);c&&!P[c]?(f.res&&(u={id:t,mod:c,res:f.res},F[c]=1,e.depPMs.push(c),e.depRs.push(u)),a=e.depMkv[c],a||(a={id:f.mod,absId:c,hard:i>r},e.depMs.push(a),e.depMkv[c]=a,o.push(c))):a={absId:c},i>r&&e.factoryDeps.push(u||a)}),e.state=B,s(n),m(o)}}function f(){for(var n in F)c(n),d(n)}function c(n){function e(n){if(!l(n,B))return!1;if(l(n,L)||t[n])return!0;t[n]=1;var r=T[n],i=!0;return $(r.depMs,function(n){return i=e(n.absId)}),i&&$(r.depRs,function(n){return i=!(!n.absId||!l(n.absId,N))}),i&&(r.state=L),i}var t={};e(n)}function s(e){function t(){if(!r&&i.state===L){r=1;var t=1,o=[];if($(i.factoryDeps,function(n){var e=n.absId;return P[e]||(d(e),l(e,N))?void o.push(e):(t=0,!1)}),t){try{var a=p(o,{require:i.require,exports:i.exports,module:i}),u=i.factory,f="function"==typeof u?u.apply(n,a):u;null!=f&&(i.exports=f),i.invokeFactory=null,delete F[e]}catch(c){if(r=0,/^\[MODULE_MISS\]"([^"]+)/.test(c.message)){var s=i.depMkv[RegExp.$1];return void(s&&(s.hard=1))}throw c}g(e)}}}var r,i=T[e];i.invokeFactory=t,$(i.depPMs,function(n){v(n,function(){$(i.depRs,function(t){t.absId||t.mod!==n||(t.absId=q(t.id,e),m([t.absId],f))})})})}function l(n,e){return T[n]&&T[n].state>=e}function d(n){var e=T[n];e&&e.invokeFactory&&e.invokeFactory()}function p(n,e){var t=[];return $(n,function(n,r){t[r]=e[n]||h(n)}),t}function v(n,e){if(l(n,N))return void e();var t=Q[n];t||(t=Q[n]=[]),t.push(e)}function g(n){var e=Q[n]||[],t=T[n];t.state=N;for(var r=e.length;r--;)e[r]();e.length=0,delete Q[n]}function h(n){return l(n,N)?T[n].exports:null}function m(e,t,r,i){function o(){if(!a){var r=1;$(e,function(n){return P[n]?void 0:r=!!l(n,N)}),r&&(a=1,"function"==typeof t&&t.apply(n,p(e,P)))}}if("string"==typeof e){if(d(e),!l(e,N))throw new Error('[MODULE_MISS]"'+e+'" is not exists!');return h(e)}i=i||{};var a=0;e instanceof Array&&(o(),a||($(e,function(n){P[n]||l(n,N)||(v(n,o),i[n]||(n.indexOf("!")>0?b:y)(n,r),u(n))}),f()))}function y(n){function e(){var e=t.readyState;if("undefined"==typeof e||/^(loaded|complete)$/.test(e)){t.onload=t.onreadystatechange=null,t=null,r(n);for(var i in F)u(i);f()}}if(!G[n]&&!T[n]){G[n]=1;var t=document.createElement("script");t.setAttribute("data-require-id",n),t.src=E(n+".js"),t.async=!0,t.readyState?t.onreadystatechange=e:t.onload=e,U(t)}}function b(n,e){function t(e){u.exports=e||!0,g(n)}function i(r){var i=e?T[e].require:_;r.load(a.res,i,t,o.call({id:n}))}if(!T[n]){var a=I(n),u={id:n,state:B};T[n]=u,t.fromText=function(n,e){F[n]=1,new Function(e)(),r(n)},i(h(a.mod))}}function M(n,e){var t=R(n,1,e);return t.sort(j),t}function k(){C.baseUrl=C.baseUrl.replace(/\/$/,"")+"/",J=M(C.paths),V=M(C.map,1),$(V,function(n){n.v=M(n.v)}),K=[],$(C.packages,function(n){var e=n;"string"==typeof n&&(e={name:n.split("/")[0],location:n,main:"main"}),e.location=e.location||e.name,e.main=(e.main||"main").replace(/\.js$/i,""),e.reg=O(e.name),K.push(e)}),K.sort(j),W=M(C.urlArgs,1),X=M(C.noRequests),$(X,function(n){var e=n.v,t={};n.v=t,e instanceof Array||(e=[e]),$(e,function(n){t[n]=1})})}function x(n,e,t){$(e,function(e){return e.reg.test(n)?(t(e.v,e.k,e),!1):void 0})}function E(n){var e=/(\.[a-z0-9]+)$/i,t=/(\?[^#]*)$/,r="",i=n,o="";t.test(n)&&(o=RegExp.$1,n=n.replace(t,"")),e.test(n)&&(r=RegExp.$1,i=n.replace(e,""));var a,u=i;return x(i,J,function(n,e){u=u.replace(e,n),a=1}),a||x(i,K,function(n,e,t){u=u.replace(t.name,t.location)}),/^([a-z]{2,10}:\/)?\//i.test(u)||(u=C.baseUrl+u),u+=r+o,x(i,W,function(n){u+=(u.indexOf("?")>0?"&":"?")+n}),u}function w(n){function e(e,r){if("string"==typeof e)return t[e]||(t[e]=m(q(e,n))),t[e];if(e instanceof Array){var i=[],o=[],a=[];$(e,function(e,t){var r=I(e),u=q(r.mod,n);o.push(u),F[u]=1,r.res?(i.push(u),a[t]=null):a[t]=u});var u={};$(o,function(n){var e;x(n,X,function(n){e=n}),e&&(e["*"]?u[n]=1:$(o,function(t){return e[t]?(u[n]=1,!1):void 0}))}),m(o,function(){$(a,function(t,r){null==t&&(a[r]=q(e[r],n))}),m(a,r,n)},n,u)}}var t={};return e.toUrl=function(e){return E(q(e,n))},e}function q(n,e){if(!n)return"";e=e||"";var t=I(n);if(!t)return n;var r=t.res,i=A(t.mod,e);if($(K,function(n){var e=n.name;return e===i?(i=e+"/"+n.main,!1):void 0}),x(e,V,function(n){x(i,n,function(n,e){i=i.replace(e,n)})}),r){var o=h(i);r=o.normalize?o.normalize(r,function(n){return q(n,e)}):q(r,e),i+="!"+r}return i}function A(n,e){if(0===n.indexOf(".")){var t=e.split("/"),r=n.split("/"),i=t.length-1,o=r.length,a=0,u=0;n:for(var f=0;o>f;f++)switch(r[f]){case"..":if(!(i>a))break n;a++,u++;break;case".":u++;break;default:break n}return t.length=i-a,r=r.slice(u),t.concat(r).join("/")}return n}function I(n){var e=n.split("!");return e[0]?{mod:e[0],res:e[1]}:null}function R(n,e,t){var r=[];for(var i in n)if(n.hasOwnProperty(i)){var o={k:i,v:n[i]};r.push(o),e&&(o.reg="*"===i&&t?/^/:O(i))}return r}function S(){if(Y)return Y;if(Z&&"interactive"===Z.readyState)return Z;for(var n=document.getElementsByTagName("script"),e=n.length;e--;){var t=n[e];if("interactive"===t.readyState)return Z=t,t}}function U(n){Y=n,ee?ne.insertBefore(n,ee):ne.appendChild(n),Y=null}function O(n){return new RegExp("^"+n+"(/|$)")}function $(n,e){if(n instanceof Array)for(var t=0,r=n.length;r>t&&e(n[t],t)!==!1;t++);}function j(n,e){var t=n.k||n.name,r=e.k||e.name;return"*"===r?-1:"*"===t?1:r.length-t.length}var D,T={},F={},z=1,B=2,L=3,N=4,P={require:e,exports:1,module:1},_=w(),C={baseUrl:"./",paths:{},config:{},map:{},packages:[],waitSeconds:0,noRequests:{},urlArgs:{}};e.version="1.8.8",e.loader="esl",e.toUrl=_.toUrl;var H=[];i.amd={};var Q={},G={};e.config=function(n){if(n){for(var e in C){var t=n[e],r=C[e];if(t)if("urlArgs"===e&&"string"==typeof t)C.urlArgs["*"]=t;else if(r instanceof Array)r.push.apply(r,t);else if("object"==typeof r)for(var i in t)r[i]=t[i];else C[e]=t}k()}},k();var J,K,V,W,X,Y,Z,ne=document.getElementsByTagName("head")[0],ee=document.getElementsByTagName("base")[0];ee&&(ne=ee.parentNode),define||(define=i,require||(require=e),esl=e)}(this);
\ No newline at end of file
diff --git a/doc/example/www/js/zrender-original.js b/doc/example/www/js/zrender-original.js
deleted file mode 100644
index 149f7a564..000000000
--- a/doc/example/www/js/zrender-original.js
+++ /dev/null
@@ -1,15199 +0,0 @@
-
-// Copyright 2006 Google Inc.
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//   http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-
-// Known Issues:
-//
-// * Patterns only support repeat.
-// * Radial gradient are not implemented. The VML version of these look very
-//   different from the canvas one.
-// * Clipping paths are not implemented.
-// * Coordsize. The width and height attribute have higher priority than the
-//   width and height style values which isn't correct.
-// * Painting mode isn't implemented.
-// * Canvas width/height should is using content-box by default. IE in
-//   Quirks mode will draw the canvas using border-box. Either change your
-//   doctype to HTML5
-//   (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
-//   or use Box Sizing Behavior from WebFX
-//   (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
-// * Non uniform scaling does not correctly scale strokes.
-// * Optimize. There is always room for speed improvements.
-
-// AMD by kener.linfeng@gmail.com
-define('zrender/dep/excanvas',['require'],function(require) {
-    
-// Only add this code if we do not already have a canvas implementation
-if (!document.createElement('canvas').getContext) {
-
-(function() {
-
-  // alias some functions to make (compiled) code shorter
-  var m = Math;
-  var mr = m.round;
-  var ms = m.sin;
-  var mc = m.cos;
-  var abs = m.abs;
-  var sqrt = m.sqrt;
-
-  // this is used for sub pixel precision
-  var Z = 10;
-  var Z2 = Z / 2;
-
-  var IE_VERSION = +navigator.userAgent.match(/MSIE ([\d.]+)?/)[1];
-
-  /**
-   * This funtion is assigned to the <canvas> elements as element.getContext().
-   * @this {HTMLElement}
-   * @return {CanvasRenderingContext2D_}
-   */
-  function getContext() {
-    return this.context_ ||
-        (this.context_ = new CanvasRenderingContext2D_(this));
-  }
-
-  var slice = Array.prototype.slice;
-
-  /**
-   * Binds a function to an object. The returned function will always use the
-   * passed in {@code obj} as {@code this}.
-   *
-   * Example:
-   *
-   *   g = bind(f, obj, a, b)
-   *   g(c, d) // will do f.call(obj, a, b, c, d)
-   *
-   * @param {Function} f The function to bind the object to
-   * @param {Object} obj The object that should act as this when the function
-   *     is called
-   * @param {*} var_args Rest arguments that will be used as the initial
-   *     arguments when the function is called
-   * @return {Function} A new function that has bound this
-   */
-  function bind(f, obj, var_args) {
-    var a = slice.call(arguments, 2);
-    return function() {
-      return f.apply(obj, a.concat(slice.call(arguments)));
-    };
-  }
-
-  function encodeHtmlAttribute(s) {
-    return String(s).replace(/&/g, '&amp;').replace(/"/g, '&quot;');
-  }
-
-  function addNamespace(doc, prefix, urn) {
-    if (!doc.namespaces[prefix]) {
-      doc.namespaces.add(prefix, urn, '#default#VML');
-    }
-  }
-
-  function addNamespacesAndStylesheet(doc) {
-    addNamespace(doc, 'g_vml_', 'urn:schemas-microsoft-com:vml');
-    addNamespace(doc, 'g_o_', 'urn:schemas-microsoft-com:office:office');
-
-    // Setup default CSS.  Only add one style sheet per document
-    if (!doc.styleSheets['ex_canvas_']) {
-      var ss = doc.createStyleSheet();
-      ss.owningElement.id = 'ex_canvas_';
-      ss.cssText = 'canvas{display:inline-block;overflow:hidden;' +
-          // default size is 300x150 in Gecko and Opera
-          'text-align:left;width:300px;height:150px}';
-    }
-  }
-
-  // Add namespaces and stylesheet at startup.
-  addNamespacesAndStylesheet(document);
-
-  var G_vmlCanvasManager_ = {
-    init: function(opt_doc) {
-      var doc = opt_doc || document;
-      // Create a dummy element so that IE will allow canvas elements to be
-      // recognized.
-      doc.createElement('canvas');
-      doc.attachEvent('onreadystatechange', bind(this.init_, this, doc));
-    },
-
-    init_: function(doc) {
-      // find all canvas elements
-      var els = doc.getElementsByTagName('canvas');
-      for (var i = 0; i < els.length; i++) {
-        this.initElement(els[i]);
-      }
-    },
-
-    /**
-     * Public initializes a canvas element so that it can be used as canvas
-     * element from now on. This is called automatically before the page is
-     * loaded but if you are creating elements using createElement you need to
-     * make sure this is called on the element.
-     * @param {HTMLElement} el The canvas element to initialize.
-     * @return {HTMLElement} the element that was created.
-     */
-    initElement: function(el) {
-      if (!el.getContext) {
-        el.getContext = getContext;
-
-        // Add namespaces and stylesheet to document of the element.
-        addNamespacesAndStylesheet(el.ownerDocument);
-
-        // Remove fallback content. There is no way to hide text nodes so we
-        // just remove all childNodes. We could hide all elements and remove
-        // text nodes but who really cares about the fallback content.
-        el.innerHTML = '';
-
-        // do not use inline function because that will leak memory
-        el.attachEvent('onpropertychange', onPropertyChange);
-        el.attachEvent('onresize', onResize);
-
-        var attrs = el.attributes;
-        if (attrs.width && attrs.width.specified) {
-          // TODO: use runtimeStyle and coordsize
-          // el.getContext().setWidth_(attrs.width.nodeValue);
-          el.style.width = attrs.width.nodeValue + 'px';
-        } else {
-          el.width = el.clientWidth;
-        }
-        if (attrs.height && attrs.height.specified) {
-          // TODO: use runtimeStyle and coordsize
-          // el.getContext().setHeight_(attrs.height.nodeValue);
-          el.style.height = attrs.height.nodeValue + 'px';
-        } else {
-          el.height = el.clientHeight;
-        }
-        //el.getContext().setCoordsize_()
-      }
-      return el;
-    }
-  };
-
-  function onPropertyChange(e) {
-    var el = e.srcElement;
-
-    switch (e.propertyName) {
-      case 'width':
-        el.getContext().clearRect();
-        el.style.width = el.attributes.width.nodeValue + 'px';
-        // In IE8 this does not trigger onresize.
-        el.firstChild.style.width =  el.clientWidth + 'px';
-        break;
-      case 'height':
-        el.getContext().clearRect();
-        el.style.height = el.attributes.height.nodeValue + 'px';
-        el.firstChild.style.height = el.clientHeight + 'px';
-        break;
-    }
-  }
-
-  function onResize(e) {
-    var el = e.srcElement;
-    if (el.firstChild) {
-      el.firstChild.style.width =  el.clientWidth + 'px';
-      el.firstChild.style.height = el.clientHeight + 'px';
-    }
-  }
-
-  G_vmlCanvasManager_.init();
-
-  // precompute "00" to "FF"
-  var decToHex = [];
-  for (var i = 0; i < 16; i++) {
-    for (var j = 0; j < 16; j++) {
-      decToHex[i * 16 + j] = i.toString(16) + j.toString(16);
-    }
-  }
-
-  function createMatrixIdentity() {
-    return [
-      [1, 0, 0],
-      [0, 1, 0],
-      [0, 0, 1]
-    ];
-  }
-
-  function matrixMultiply(m1, m2) {
-    var result = createMatrixIdentity();
-
-    for (var x = 0; x < 3; x++) {
-      for (var y = 0; y < 3; y++) {
-        var sum = 0;
-
-        for (var z = 0; z < 3; z++) {
-          sum += m1[x][z] * m2[z][y];
-        }
-
-        result[x][y] = sum;
-      }
-    }
-    return result;
-  }
-
-  function copyState(o1, o2) {
-    o2.fillStyle     = o1.fillStyle;
-    o2.lineCap       = o1.lineCap;
-    o2.lineJoin      = o1.lineJoin;
-    o2.lineWidth     = o1.lineWidth;
-    o2.miterLimit    = o1.miterLimit;
-    o2.shadowBlur    = o1.shadowBlur;
-    o2.shadowColor   = o1.shadowColor;
-    o2.shadowOffsetX = o1.shadowOffsetX;
-    o2.shadowOffsetY = o1.shadowOffsetY;
-    o2.strokeStyle   = o1.strokeStyle;
-    o2.globalAlpha   = o1.globalAlpha;
-    o2.font          = o1.font;
-    o2.textAlign     = o1.textAlign;
-    o2.textBaseline  = o1.textBaseline;
-    o2.scaleX_    = o1.scaleX_;
-    o2.scaleY_    = o1.scaleY_;
-    o2.lineScale_    = o1.lineScale_;
-  }
-
-  var colorData = {
-    aliceblue: '#F0F8FF',
-    antiquewhite: '#FAEBD7',
-    aquamarine: '#7FFFD4',
-    azure: '#F0FFFF',
-    beige: '#F5F5DC',
-    bisque: '#FFE4C4',
-    black: '#000000',
-    blanchedalmond: '#FFEBCD',
-    blueviolet: '#8A2BE2',
-    brown: '#A52A2A',
-    burlywood: '#DEB887',
-    cadetblue: '#5F9EA0',
-    chartreuse: '#7FFF00',
-    chocolate: '#D2691E',
-    coral: '#FF7F50',
-    cornflowerblue: '#6495ED',
-    cornsilk: '#FFF8DC',
-    crimson: '#DC143C',
-    cyan: '#00FFFF',
-    darkblue: '#00008B',
-    darkcyan: '#008B8B',
-    darkgoldenrod: '#B8860B',
-    darkgray: '#A9A9A9',
-    darkgreen: '#006400',
-    darkgrey: '#A9A9A9',
-    darkkhaki: '#BDB76B',
-    darkmagenta: '#8B008B',
-    darkolivegreen: '#556B2F',
-    darkorange: '#FF8C00',
-    darkorchid: '#9932CC',
-    darkred: '#8B0000',
-    darksalmon: '#E9967A',
-    darkseagreen: '#8FBC8F',
-    darkslateblue: '#483D8B',
-    darkslategray: '#2F4F4F',
-    darkslategrey: '#2F4F4F',
-    darkturquoise: '#00CED1',
-    darkviolet: '#9400D3',
-    deeppink: '#FF1493',
-    deepskyblue: '#00BFFF',
-    dimgray: '#696969',
-    dimgrey: '#696969',
-    dodgerblue: '#1E90FF',
-    firebrick: '#B22222',
-    floralwhite: '#FFFAF0',
-    forestgreen: '#228B22',
-    gainsboro: '#DCDCDC',
-    ghostwhite: '#F8F8FF',
-    gold: '#FFD700',
-    goldenrod: '#DAA520',
-    grey: '#808080',
-    greenyellow: '#ADFF2F',
-    honeydew: '#F0FFF0',
-    hotpink: '#FF69B4',
-    indianred: '#CD5C5C',
-    indigo: '#4B0082',
-    ivory: '#FFFFF0',
-    khaki: '#F0E68C',
-    lavender: '#E6E6FA',
-    lavenderblush: '#FFF0F5',
-    lawngreen: '#7CFC00',
-    lemonchiffon: '#FFFACD',
-    lightblue: '#ADD8E6',
-    lightcoral: '#F08080',
-    lightcyan: '#E0FFFF',
-    lightgoldenrodyellow: '#FAFAD2',
-    lightgreen: '#90EE90',
-    lightgrey: '#D3D3D3',
-    lightpink: '#FFB6C1',
-    lightsalmon: '#FFA07A',
-    lightseagreen: '#20B2AA',
-    lightskyblue: '#87CEFA',
-    lightslategray: '#778899',
-    lightslategrey: '#778899',
-    lightsteelblue: '#B0C4DE',
-    lightyellow: '#FFFFE0',
-    limegreen: '#32CD32',
-    linen: '#FAF0E6',
-    magenta: '#FF00FF',
-    mediumaquamarine: '#66CDAA',
-    mediumblue: '#0000CD',
-    mediumorchid: '#BA55D3',
-    mediumpurple: '#9370DB',
-    mediumseagreen: '#3CB371',
-    mediumslateblue: '#7B68EE',
-    mediumspringgreen: '#00FA9A',
-    mediumturquoise: '#48D1CC',
-    mediumvioletred: '#C71585',
-    midnightblue: '#191970',
-    mintcream: '#F5FFFA',
-    mistyrose: '#FFE4E1',
-    moccasin: '#FFE4B5',
-    navajowhite: '#FFDEAD',
-    oldlace: '#FDF5E6',
-    olivedrab: '#6B8E23',
-    orange: '#FFA500',
-    orangered: '#FF4500',
-    orchid: '#DA70D6',
-    palegoldenrod: '#EEE8AA',
-    palegreen: '#98FB98',
-    paleturquoise: '#AFEEEE',
-    palevioletred: '#DB7093',
-    papayawhip: '#FFEFD5',
-    peachpuff: '#FFDAB9',
-    peru: '#CD853F',
-    pink: '#FFC0CB',
-    plum: '#DDA0DD',
-    powderblue: '#B0E0E6',
-    rosybrown: '#BC8F8F',
-    royalblue: '#4169E1',
-    saddlebrown: '#8B4513',
-    salmon: '#FA8072',
-    sandybrown: '#F4A460',
-    seagreen: '#2E8B57',
-    seashell: '#FFF5EE',
-    sienna: '#A0522D',
-    skyblue: '#87CEEB',
-    slateblue: '#6A5ACD',
-    slategray: '#708090',
-    slategrey: '#708090',
-    snow: '#FFFAFA',
-    springgreen: '#00FF7F',
-    steelblue: '#4682B4',
-    tan: '#D2B48C',
-    thistle: '#D8BFD8',
-    tomato: '#FF6347',
-    turquoise: '#40E0D0',
-    violet: '#EE82EE',
-    wheat: '#F5DEB3',
-    whitesmoke: '#F5F5F5',
-    yellowgreen: '#9ACD32'
-  };
-
-
-  function getRgbHslContent(styleString) {
-    var start = styleString.indexOf('(', 3);
-    var end = styleString.indexOf(')', start + 1);
-    var parts = styleString.substring(start + 1, end).split(',');
-    // add alpha if needed
-    if (parts.length != 4 || styleString.charAt(3) != 'a') {
-      parts[3] = 1;
-    }
-    return parts;
-  }
-
-  function percent(s) {
-    return parseFloat(s) / 100;
-  }
-
-  function clamp(v, min, max) {
-    return Math.min(max, Math.max(min, v));
-  }
-
-  function hslToRgb(parts){
-    var r, g, b, h, s, l;
-    h = parseFloat(parts[0]) / 360 % 360;
-    if (h < 0)
-      h++;
-    s = clamp(percent(parts[1]), 0, 1);
-    l = clamp(percent(parts[2]), 0, 1);
-    if (s == 0) {
-      r = g = b = l; // achromatic
-    } else {
-      var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-      var p = 2 * l - q;
-      r = hueToRgb(p, q, h + 1 / 3);
-      g = hueToRgb(p, q, h);
-      b = hueToRgb(p, q, h - 1 / 3);
-    }
-
-    return '#' + decToHex[Math.floor(r * 255)] +
-        decToHex[Math.floor(g * 255)] +
-        decToHex[Math.floor(b * 255)];
-  }
-
-  function hueToRgb(m1, m2, h) {
-    if (h < 0)
-      h++;
-    if (h > 1)
-      h--;
-
-    if (6 * h < 1)
-      return m1 + (m2 - m1) * 6 * h;
-    else if (2 * h < 1)
-      return m2;
-    else if (3 * h < 2)
-      return m1 + (m2 - m1) * (2 / 3 - h) * 6;
-    else
-      return m1;
-  }
-
-  var processStyleCache = {};
-
-  function processStyle(styleString) {
-    if (styleString in processStyleCache) {
-      return processStyleCache[styleString];
-    }
-
-    var str, alpha = 1;
-
-    styleString = String(styleString);
-    if (styleString.charAt(0) == '#') {
-      str = styleString;
-    } else if (/^rgb/.test(styleString)) {
-      var parts = getRgbHslContent(styleString);
-      var str = '#', n;
-      for (var i = 0; i < 3; i++) {
-        if (parts[i].indexOf('%') != -1) {
-          n = Math.floor(percent(parts[i]) * 255);
-        } else {
-          n = +parts[i];
-        }
-        str += decToHex[clamp(n, 0, 255)];
-      }
-      alpha = +parts[3];
-    } else if (/^hsl/.test(styleString)) {
-      var parts = getRgbHslContent(styleString);
-      str = hslToRgb(parts);
-      alpha = parts[3];
-    } else {
-      str = colorData[styleString] || styleString;
-    }
-    return processStyleCache[styleString] = {color: str, alpha: alpha};
-  }
-
-  var DEFAULT_STYLE = {
-    style: 'normal',
-    variant: 'normal',
-    weight: 'normal',
-    size: 12,           //10
-    family: '微软雅黑'     //'sans-serif'
-  };
-
-  // Internal text style cache
-  var fontStyleCache = {};
-
-  function processFontStyle(styleString) {
-    if (fontStyleCache[styleString]) {
-      return fontStyleCache[styleString];
-    }
-
-    var el = document.createElement('div');
-    var style = el.style;
-    var fontFamily;
-    try {
-      style.font = styleString;
-      fontFamily = style.fontFamily.split(',')[0];
-    } catch (ex) {
-      // Ignore failures to set to invalid font.
-    }
-
-    return fontStyleCache[styleString] = {
-      style: style.fontStyle || DEFAULT_STYLE.style,
-      variant: style.fontVariant || DEFAULT_STYLE.variant,
-      weight: style.fontWeight || DEFAULT_STYLE.weight,
-      size: style.fontSize || DEFAULT_STYLE.size,
-      family: fontFamily || DEFAULT_STYLE.family
-    };
-  }
-
-  function getComputedStyle(style, element) {
-    var computedStyle = {};
-
-    for (var p in style) {
-      computedStyle[p] = style[p];
-    }
-
-    // Compute the size
-    var canvasFontSize = parseFloat(element.currentStyle.fontSize),
-        fontSize = parseFloat(style.size);
-
-    if (typeof style.size == 'number') {
-      computedStyle.size = style.size;
-    } else if (style.size.indexOf('px') != -1) {
-      computedStyle.size = fontSize;
-    } else if (style.size.indexOf('em') != -1) {
-      computedStyle.size = canvasFontSize * fontSize;
-    } else if(style.size.indexOf('%') != -1) {
-      computedStyle.size = (canvasFontSize / 100) * fontSize;
-    } else if (style.size.indexOf('pt') != -1) {
-      computedStyle.size = fontSize / .75;
-    } else {
-      computedStyle.size = canvasFontSize;
-    }
-
-    // Different scaling between normal text and VML text. This was found using
-    // trial and error to get the same size as non VML text.
-    //computedStyle.size *= 0.981;
-
-    return computedStyle;
-  }
-
-  function buildStyle(style) {
-    return style.style + ' ' + style.variant + ' ' + style.weight + ' ' +
-        style.size + "px '" + style.family + "'";
-  }
-
-  var lineCapMap = {
-    'butt': 'flat',
-    'round': 'round'
-  };
-
-  function processLineCap(lineCap) {
-    return lineCapMap[lineCap] || 'square';
-  }
-
-  /**
-   * This class implements CanvasRenderingContext2D interface as described by
-   * the WHATWG.
-   * @param {HTMLElement} canvasElement The element that the 2D context should
-   * be associated with
-   */
-  function CanvasRenderingContext2D_(canvasElement) {
-    this.m_ = createMatrixIdentity();
-
-    this.mStack_ = [];
-    this.aStack_ = [];
-    this.currentPath_ = [];
-
-    // Canvas context properties
-    this.strokeStyle = '#000';
-    this.fillStyle = '#000';
-
-    this.lineWidth = 1;
-    this.lineJoin = 'miter';
-    this.lineCap = 'butt';
-    this.miterLimit = Z * 1;
-    this.globalAlpha = 1;
-    // this.font = '10px sans-serif';
-    this.font = '12px 微软雅黑';        // 决定还是改这吧，影响代价最小
-    this.textAlign = 'left';
-    this.textBaseline = 'alphabetic';
-    this.canvas = canvasElement;
-
-    var cssText = 'width:' + canvasElement.clientWidth + 'px;height:' +
-        canvasElement.clientHeight + 'px;overflow:hidden;position:absolute';
-    var el = canvasElement.ownerDocument.createElement('div');
-    el.style.cssText = cssText;
-    canvasElement.appendChild(el);
-
-    var overlayEl = el.cloneNode(false);
-    // Use a non transparent background.
-    overlayEl.style.backgroundColor = '#fff'; //red, I don't know why, it work! 
-    overlayEl.style.filter = 'alpha(opacity=0)';
-    canvasElement.appendChild(overlayEl);
-
-    this.element_ = el;
-    this.scaleX_ = 1;
-    this.scaleY_ = 1;
-    this.lineScale_ = 1;
-  }
-
-  var contextPrototype = CanvasRenderingContext2D_.prototype;
-  contextPrototype.clearRect = function() {
-    if (this.textMeasureEl_) {
-      this.textMeasureEl_.removeNode(true);
-      this.textMeasureEl_ = null;
-    }
-    this.element_.innerHTML = '';
-  };
-
-  contextPrototype.beginPath = function() {
-    // TODO: Branch current matrix so that save/restore has no effect
-    //       as per safari docs.
-    this.currentPath_ = [];
-  };
-
-  contextPrototype.moveTo = function(aX, aY) {
-    var p = getCoords(this, aX, aY);
-    this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y});
-    this.currentX_ = p.x;
-    this.currentY_ = p.y;
-  };
-
-  contextPrototype.lineTo = function(aX, aY) {
-    var p = getCoords(this, aX, aY);
-    this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y});
-
-    this.currentX_ = p.x;
-    this.currentY_ = p.y;
-  };
-
-  contextPrototype.bezierCurveTo = function(aCP1x, aCP1y,
-                                            aCP2x, aCP2y,
-                                            aX, aY) {
-    var p = getCoords(this, aX, aY);
-    var cp1 = getCoords(this, aCP1x, aCP1y);
-    var cp2 = getCoords(this, aCP2x, aCP2y);
-    bezierCurveTo(this, cp1, cp2, p);
-  };
-
-  // Helper function that takes the already fixed cordinates.
-  function bezierCurveTo(self, cp1, cp2, p) {
-    self.currentPath_.push({
-      type: 'bezierCurveTo',
-      cp1x: cp1.x,
-      cp1y: cp1.y,
-      cp2x: cp2.x,
-      cp2y: cp2.y,
-      x: p.x,
-      y: p.y
-    });
-    self.currentX_ = p.x;
-    self.currentY_ = p.y;
-  }
-
-  contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) {
-    // the following is lifted almost directly from
-    // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes
-
-    var cp = getCoords(this, aCPx, aCPy);
-    var p = getCoords(this, aX, aY);
-
-    var cp1 = {
-      x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_),
-      y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_)
-    };
-    var cp2 = {
-      x: cp1.x + (p.x - this.currentX_) / 3.0,
-      y: cp1.y + (p.y - this.currentY_) / 3.0
-    };
-
-    bezierCurveTo(this, cp1, cp2, p);
-  };
-
-  contextPrototype.arc = function(aX, aY, aRadius,
-                                  aStartAngle, aEndAngle, aClockwise) {
-    aRadius *= Z;
-    var arcType = aClockwise ? 'at' : 'wa';
-
-    var xStart = aX + mc(aStartAngle) * aRadius - Z2;
-    var yStart = aY + ms(aStartAngle) * aRadius - Z2;
-
-    var xEnd = aX + mc(aEndAngle) * aRadius - Z2;
-    var yEnd = aY + ms(aEndAngle) * aRadius - Z2;
-
-    // IE won't render arches drawn counter clockwise if xStart == xEnd.
-    if (xStart == xEnd && !aClockwise) {
-      xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something
-                       // that can be represented in binary
-    }
-
-    var p = getCoords(this, aX, aY);
-    var pStart = getCoords(this, xStart, yStart);
-    var pEnd = getCoords(this, xEnd, yEnd);
-
-    this.currentPath_.push({type: arcType,
-                           x: p.x,
-                           y: p.y,
-                           radius: aRadius,
-                           xStart: pStart.x,
-                           yStart: pStart.y,
-                           xEnd: pEnd.x,
-                           yEnd: pEnd.y});
-
-  };
-
-  contextPrototype.rect = function(aX, aY, aWidth, aHeight) {
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-  };
-
-  contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) {
-    var oldPath = this.currentPath_;
-    this.beginPath();
-
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-    this.stroke();
-
-    this.currentPath_ = oldPath;
-  };
-
-  contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) {
-    var oldPath = this.currentPath_;
-    this.beginPath();
-
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-    this.fill();
-
-    this.currentPath_ = oldPath;
-  };
-
-  contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) {
-    var gradient = new CanvasGradient_('gradient');
-    gradient.x0_ = aX0;
-    gradient.y0_ = aY0;
-    gradient.x1_ = aX1;
-    gradient.y1_ = aY1;
-    return gradient;
-  };
-
-  contextPrototype.createRadialGradient = function(aX0, aY0, aR0,
-                                                   aX1, aY1, aR1) {
-    var gradient = new CanvasGradient_('gradientradial');
-    gradient.x0_ = aX0;
-    gradient.y0_ = aY0;
-    gradient.r0_ = aR0;
-    gradient.x1_ = aX1;
-    gradient.y1_ = aY1;
-    gradient.r1_ = aR1;
-    return gradient;
-  };
-
-  contextPrototype.drawImage = function(image, var_args) {
-    var dx, dy, dw, dh, sx, sy, sw, sh;
-
-    // to find the original width we overide the width and height
-    var oldRuntimeWidth = image.runtimeStyle.width;
-    var oldRuntimeHeight = image.runtimeStyle.height;
-    image.runtimeStyle.width = 'auto';
-    image.runtimeStyle.height = 'auto';
-
-    // get the original size
-    var w = image.width;
-    var h = image.height;
-
-    // and remove overides
-    image.runtimeStyle.width = oldRuntimeWidth;
-    image.runtimeStyle.height = oldRuntimeHeight;
-
-    if (arguments.length == 3) {
-      dx = arguments[1];
-      dy = arguments[2];
-      sx = sy = 0;
-      sw = dw = w;
-      sh = dh = h;
-    } else if (arguments.length == 5) {
-      dx = arguments[1];
-      dy = arguments[2];
-      dw = arguments[3];
-      dh = arguments[4];
-      sx = sy = 0;
-      sw = w;
-      sh = h;
-    } else if (arguments.length == 9) {
-      sx = arguments[1];
-      sy = arguments[2];
-      sw = arguments[3];
-      sh = arguments[4];
-      dx = arguments[5];
-      dy = arguments[6];
-      dw = arguments[7];
-      dh = arguments[8];
-    } else {
-      throw Error('Invalid number of arguments');
-    }
-
-    var d = getCoords(this, dx, dy);
-
-    var w2 = sw / 2;
-    var h2 = sh / 2;
-
-    var vmlStr = [];
-
-    var W = 10;
-    var H = 10;
-
-    var scaleX = scaleY = 1;
-    
-    // For some reason that I've now forgotten, using divs didn't work
-    vmlStr.push(' <g_vml_:group',
-                ' coordsize="', Z * W, ',', Z * H, '"',
-                ' coordorigin="0,0"' ,
-                ' style="width:', W, 'px;height:', H, 'px;position:absolute;');
-
-    // If filters are necessary (rotation exists), create them
-    // filters are bog-slow, so only create them if abbsolutely necessary
-    // The following check doesn't account for skews (which don't exist
-    // in the canvas spec (yet) anyway.
-
-    if (this.m_[0][0] != 1 || this.m_[0][1] ||
-        this.m_[1][1] != 1 || this.m_[1][0]) {
-      var filter = [];
-
-     var scaleX = this.scaleX_;
-     var scaleY = this.scaleY_;
-      // Note the 12/21 reversal
-      filter.push('M11=', this.m_[0][0] / scaleX, ',',
-                  'M12=', this.m_[1][0] / scaleY, ',',
-                  'M21=', this.m_[0][1] / scaleX, ',',
-                  'M22=', this.m_[1][1] / scaleY, ',',
-                  'Dx=', mr(d.x / Z), ',',
-                  'Dy=', mr(d.y / Z), '');
-
-      // Bounding box calculation (need to minimize displayed area so that
-      // filters don't waste time on unused pixels.
-      var max = d;
-      var c2 = getCoords(this, dx + dw, dy);
-      var c3 = getCoords(this, dx, dy + dh);
-      var c4 = getCoords(this, dx + dw, dy + dh);
-
-      max.x = m.max(max.x, c2.x, c3.x, c4.x);
-      max.y = m.max(max.y, c2.y, c3.y, c4.y);
-
-      vmlStr.push('padding:0 ', mr(max.x / Z), 'px ', mr(max.y / Z),
-                  'px 0;filter:progid:DXImageTransform.Microsoft.Matrix(',
-                  filter.join(''), ", SizingMethod='clip');");
-
-    } else {
-      vmlStr.push('top:', mr(d.y / Z), 'px;left:', mr(d.x / Z), 'px;');
-    }
-
-    vmlStr.push(' ">');
-
-    // Draw a special cropping div if needed
-    if (sx || sy) {
-      // Apply scales to width and height
-      vmlStr.push('<div style="overflow: hidden; width:', Math.ceil((dw + sx * dw / sw) * scaleX), 'px;',
-                  ' height:', Math.ceil((dh + sy * dh / sh) * scaleY), 'px;',
-                  ' filter:progid:DxImageTransform.Microsoft.Matrix(Dx=',
-                  -sx * dw / sw * scaleX, ',Dy=', -sy * dh / sh * scaleY, ');">');
-    }
-    
-      
-    // Apply scales to width and height
-    vmlStr.push('<div style="width:', Math.round(scaleX * w * dw / sw), 'px;',
-                ' height:', Math.round(scaleY * h * dh / sh), 'px;',
-                ' filter:');
-   
-    // If there is a globalAlpha, apply it to image
-    if(this.globalAlpha < 1) {
-      vmlStr.push(' progid:DXImageTransform.Microsoft.Alpha(opacity=' + (this.globalAlpha * 100) + ')');
-    }
-    
-    vmlStr.push(' progid:DXImageTransform.Microsoft.AlphaImageLoader(src=', image.src, ',sizingMethod=scale)">');
-    
-    // Close the crop div if necessary            
-    if (sx || sy) vmlStr.push('</div>');
-    
-    vmlStr.push('</div></div>');
-    
-    this.element_.insertAdjacentHTML('BeforeEnd', vmlStr.join(''));
-  };
-
-  contextPrototype.stroke = function(aFill) {
-    var lineStr = [];
-    var lineOpen = false;
-
-    var W = 10;
-    var H = 10;
-
-    lineStr.push('<g_vml_:shape',
-                 ' filled="', !!aFill, '"',
-                 ' style="position:absolute;width:', W, 'px;height:', H, 'px;"',
-                 ' coordorigin="0,0"',
-                 ' coordsize="', Z * W, ',', Z * H, '"',
-                 ' stroked="', !aFill, '"',
-                 ' path="');
-
-    var newSeq = false;
-    var min = {x: null, y: null};
-    var max = {x: null, y: null};
-
-    for (var i = 0; i < this.currentPath_.length; i++) {
-      var p = this.currentPath_[i];
-      var c;
-
-      switch (p.type) {
-        case 'moveTo':
-          c = p;
-          lineStr.push(' m ', mr(p.x), ',', mr(p.y));
-          break;
-        case 'lineTo':
-          lineStr.push(' l ', mr(p.x), ',', mr(p.y));
-          break;
-        case 'close':
-          lineStr.push(' x ');
-          p = null;
-          break;
-        case 'bezierCurveTo':
-          lineStr.push(' c ',
-                       mr(p.cp1x), ',', mr(p.cp1y), ',',
-                       mr(p.cp2x), ',', mr(p.cp2y), ',',
-                       mr(p.x), ',', mr(p.y));
-          break;
-        case 'at':
-        case 'wa':
-          lineStr.push(' ', p.type, ' ',
-                       mr(p.x - this.scaleX_ * p.radius), ',',
-                       mr(p.y - this.scaleY_ * p.radius), ' ',
-                       mr(p.x + this.scaleX_ * p.radius), ',',
-                       mr(p.y + this.scaleY_ * p.radius), ' ',
-                       mr(p.xStart), ',', mr(p.yStart), ' ',
-                       mr(p.xEnd), ',', mr(p.yEnd));
-          break;
-      }
-
-
-      // TODO: Following is broken for curves due to
-      //       move to proper paths.
-
-      // Figure out dimensions so we can do gradient fills
-      // properly
-      if (p) {
-        if (min.x == null || p.x < min.x) {
-          min.x = p.x;
-        }
-        if (max.x == null || p.x > max.x) {
-          max.x = p.x;
-        }
-        if (min.y == null || p.y < min.y) {
-          min.y = p.y;
-        }
-        if (max.y == null || p.y > max.y) {
-          max.y = p.y;
-        }
-      }
-    }
-    lineStr.push(' ">');
-
-    if (!aFill) {
-      appendStroke(this, lineStr);
-    } else {
-      appendFill(this, lineStr, min, max);
-    }
-
-    lineStr.push('</g_vml_:shape>');
-
-    this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
-  };
-
-  function appendStroke(ctx, lineStr) {
-    var a = processStyle(ctx.strokeStyle);
-    var color = a.color;
-    var opacity = a.alpha * ctx.globalAlpha;
-    var lineWidth = ctx.lineScale_ * ctx.lineWidth;
-
-    // VML cannot correctly render a line if the width is less than 1px.
-    // In that case, we dilute the color to make the line look thinner.
-    if (lineWidth < 1) {
-      opacity *= lineWidth;
-    }
-
-    lineStr.push(
-      '<g_vml_:stroke',
-      ' opacity="', opacity, '"',
-      ' joinstyle="', ctx.lineJoin, '"',
-      ' miterlimit="', ctx.miterLimit, '"',
-      ' endcap="', processLineCap(ctx.lineCap), '"',
-      ' weight="', lineWidth, 'px"',
-      ' color="', color, '" />'
-    );
-  }
-
-  function appendFill(ctx, lineStr, min, max) {
-    var fillStyle = ctx.fillStyle;
-    var arcScaleX = ctx.scaleX_;
-    var arcScaleY = ctx.scaleY_;
-    var width = max.x - min.x;
-    var height = max.y - min.y;
-    if (fillStyle instanceof CanvasGradient_) {
-      // TODO: Gradients transformed with the transformation matrix.
-      var angle = 0;
-      var focus = {x: 0, y: 0};
-
-      // additional offset
-      var shift = 0;
-      // scale factor for offset
-      var expansion = 1;
-
-      if (fillStyle.type_ == 'gradient') {
-        var x0 = fillStyle.x0_ / arcScaleX;
-        var y0 = fillStyle.y0_ / arcScaleY;
-        var x1 = fillStyle.x1_ / arcScaleX;
-        var y1 = fillStyle.y1_ / arcScaleY;
-        var p0 = getCoords(ctx, x0, y0);
-        var p1 = getCoords(ctx, x1, y1);
-        var dx = p1.x - p0.x;
-        var dy = p1.y - p0.y;
-        angle = Math.atan2(dx, dy) * 180 / Math.PI;
-
-        // The angle should be a non-negative number.
-        if (angle < 0) {
-          angle += 360;
-        }
-
-        // Very small angles produce an unexpected result because they are
-        // converted to a scientific notation string.
-        if (angle < 1e-6) {
-          angle = 0;
-        }
-      } else {
-        var p0 = getCoords(ctx, fillStyle.x0_, fillStyle.y0_);
-        focus = {
-          x: (p0.x - min.x) / width,
-          y: (p0.y - min.y) / height
-        };
-
-        width  /= arcScaleX * Z;
-        height /= arcScaleY * Z;
-        var dimension = m.max(width, height);
-        shift = 2 * fillStyle.r0_ / dimension;
-        expansion = 2 * fillStyle.r1_ / dimension - shift;
-      }
-
-      // We need to sort the color stops in ascending order by offset,
-      // otherwise IE won't interpret it correctly.
-      var stops = fillStyle.colors_;
-      stops.sort(function(cs1, cs2) {
-        return cs1.offset - cs2.offset;
-      });
-
-      var length = stops.length;
-      var color1 = stops[0].color;
-      var color2 = stops[length - 1].color;
-      var opacity1 = stops[0].alpha * ctx.globalAlpha;
-      var opacity2 = stops[length - 1].alpha * ctx.globalAlpha;
-
-      var colors = [];
-      for (var i = 0; i < length; i++) {
-        var stop = stops[i];
-        colors.push(stop.offset * expansion + shift + ' ' + stop.color);
-      }
-
-      // When colors attribute is used, the meanings of opacity and o:opacity2
-      // are reversed.
-      lineStr.push('<g_vml_:fill type="', fillStyle.type_, '"',
-                   ' method="none" focus="100%"',
-                   ' color="', color1, '"',
-                   ' color2="', color2, '"',
-                   ' colors="', colors.join(','), '"',
-                   ' opacity="', opacity2, '"',
-                   ' g_o_:opacity2="', opacity1, '"',
-                   ' angle="', angle, '"',
-                   ' focusposition="', focus.x, ',', focus.y, '" />');
-    } else if (fillStyle instanceof CanvasPattern_) {
-      if (width && height) {
-        var deltaLeft = -min.x;
-        var deltaTop = -min.y;
-        lineStr.push('<g_vml_:fill',
-                     ' position="',
-                     deltaLeft / width * arcScaleX * arcScaleX, ',',
-                     deltaTop / height * arcScaleY * arcScaleY, '"',
-                     ' type="tile"',
-                     // TODO: Figure out the correct size to fit the scale.
-                     //' size="', w, 'px ', h, 'px"',
-                     ' src="', fillStyle.src_, '" />');
-       }
-    } else {
-      var a = processStyle(ctx.fillStyle);
-      var color = a.color;
-      var opacity = a.alpha * ctx.globalAlpha;
-      lineStr.push('<g_vml_:fill color="', color, '" opacity="', opacity,
-                   '" />');
-    }
-  }
-
-  contextPrototype.fill = function() {
-    this.stroke(true);
-  };
-
-  contextPrototype.closePath = function() {
-    this.currentPath_.push({type: 'close'});
-  };
-
-  function getCoords(ctx, aX, aY) {
-    var m = ctx.m_;
-    return {
-      x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2,
-      y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2
-    };
-  };
-
-  contextPrototype.save = function() {
-    var o = {};
-    copyState(this, o);
-    this.aStack_.push(o);
-    this.mStack_.push(this.m_);
-    this.m_ = matrixMultiply(createMatrixIdentity(), this.m_);
-  };
-
-  contextPrototype.restore = function() {
-    if (this.aStack_.length) {
-      copyState(this.aStack_.pop(), this);
-      this.m_ = this.mStack_.pop();
-    }
-  };
-
-  function matrixIsFinite(m) {
-    return isFinite(m[0][0]) && isFinite(m[0][1]) &&
-        isFinite(m[1][0]) && isFinite(m[1][1]) &&
-        isFinite(m[2][0]) && isFinite(m[2][1]);
-  }
-
-  function setM(ctx, m, updateLineScale) {
-    if (!matrixIsFinite(m)) {
-      return;
-    }
-    ctx.m_ = m;
-
-    ctx.scaleX_ = Math.sqrt(m[0][0] * m[0][0] + m[0][1] * m[0][1]);
-    ctx.scaleY_ = Math.sqrt(m[1][0] * m[1][0] + m[1][1] * m[1][1]);
-
-    if (updateLineScale) {
-      // Get the line scale.
-      // Determinant of this.m_ means how much the area is enlarged by the
-      // transformation. So its square root can be used as a scale factor
-      // for width.
-      var det = m[0][0] * m[1][1] - m[0][1] * m[1][0];
-      ctx.lineScale_ = sqrt(abs(det));
-    }
-  }
-
-  contextPrototype.translate = function(aX, aY) {
-    var m1 = [
-      [1,  0,  0],
-      [0,  1,  0],
-      [aX, aY, 1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), false);
-  };
-
-  contextPrototype.rotate = function(aRot) {
-    var c = mc(aRot);
-    var s = ms(aRot);
-
-    var m1 = [
-      [c,  s, 0],
-      [-s, c, 0],
-      [0,  0, 1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), false);
-  };
-
-  contextPrototype.scale = function(aX, aY) {
-    var m1 = [
-      [aX, 0,  0],
-      [0,  aY, 0],
-      [0,  0,  1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), true);
-  };
-
-  contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) {
-    var m1 = [
-      [m11, m12, 0],
-      [m21, m22, 0],
-      [dx,  dy,  1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), true);
-
-  };
-
-  contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) {
-    var m = [
-      [m11, m12, 0],
-      [m21, m22, 0],
-      [dx,  dy,  1]
-    ];
-
-    setM(this, m, true);
-  };
-
-  /**
-   * The text drawing function.
-   * The maxWidth argument isn't taken in account, since no browser supports
-   * it yet.
-   */
-  contextPrototype.drawText_ = function(text, x, y, maxWidth, stroke) {
-    var m = this.m_,
-        delta = 1000,
-        left = 0,
-        right = delta,
-        offset = {x: 0, y: 0},
-        lineStr = [];
-
-    var fontStyle = getComputedStyle(processFontStyle(this.font),
-                                     this.element_);
-
-    var fontStyleString = buildStyle(fontStyle);
-
-    var elementStyle = this.element_.currentStyle;
-    var textAlign = this.textAlign.toLowerCase();
-    switch (textAlign) {
-      case 'left':
-      case 'center':
-      case 'right':
-        break;
-      case 'end':
-        textAlign = elementStyle.direction == 'ltr' ? 'right' : 'left';
-        break;
-      case 'start':
-        textAlign = elementStyle.direction == 'rtl' ? 'right' : 'left';
-        break;
-      default:
-        textAlign = 'left';
-    }
-
-    // 1.75 is an arbitrary number, as there is no info about the text baseline
-    switch (this.textBaseline) {
-      case 'hanging':
-      case 'top':
-        offset.y = fontStyle.size / 1.75;
-        break;
-      case 'middle':
-        break;
-      default:
-      case null:
-      case 'alphabetic':
-      case 'ideographic':
-      case 'bottom':
-        offset.y = -fontStyle.size / 2.25;
-        break;
-    }
-
-    switch(textAlign) {
-      case 'right':
-        left = delta;
-        right = 0.05;
-        break;
-      case 'center':
-        left = right = delta / 2;
-        break;
-    }
-
-    var d = getCoords(this, x + offset.x, y + offset.y);
-
-    lineStr.push('<g_vml_:line from="', -left ,' 0" to="', right ,' 0.05" ',
-                 ' coordsize="100 100" coordorigin="0 0"',
-                 ' filled="', !stroke, '" stroked="', !!stroke,
-                 '" style="position:absolute;width:1px;height:1px;">');
-
-    if (stroke) {
-      appendStroke(this, lineStr);
-    } else {
-      // TODO: Fix the min and max params.
-      appendFill(this, lineStr, {x: -left, y: 0},
-                 {x: right, y: fontStyle.size});
-    }
-
-    var skewM = m[0][0].toFixed(3) + ',' + m[1][0].toFixed(3) + ',' +
-                m[0][1].toFixed(3) + ',' + m[1][1].toFixed(3) + ',0,0';
-
-    var skewOffset = mr(d.x / Z) + ',' + mr(d.y / Z);
-
-    lineStr.push('<g_vml_:skew on="t" matrix="', skewM ,'" ',
-                 ' offset="', skewOffset, '" origin="', left ,' 0" />',
-                 '<g_vml_:path textpathok="true" />',
-                 '<g_vml_:textpath on="true" string="',
-                 encodeHtmlAttribute(text),
-                 '" style="v-text-align:', textAlign,
-                 ';font:', encodeHtmlAttribute(fontStyleString),
-                 '" /></g_vml_:line>');
-
-    this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
-  };
-
-  contextPrototype.fillText = function(text, x, y, maxWidth) {
-    this.drawText_(text, x, y, maxWidth, false);
-  };
-
-  contextPrototype.strokeText = function(text, x, y, maxWidth) {
-    this.drawText_(text, x, y, maxWidth, true);
-  };
-
-  contextPrototype.measureText = function(text) {
-    if (!this.textMeasureEl_) {
-      var s = '<span style="position:absolute;' +
-          'top:-20000px;left:0;padding:0;margin:0;border:none;' +
-          'white-space:pre;"></span>';
-      this.element_.insertAdjacentHTML('beforeEnd', s);
-      this.textMeasureEl_ = this.element_.lastChild;
-    }
-    var doc = this.element_.ownerDocument;
-    this.textMeasureEl_.innerHTML = '';
-    try {
-        this.textMeasureEl_.style.font = this.font;
-    } catch (ex) {
-        // Ignore failures to set to invalid font.
-    }
-    
-    // Don't use innerHTML or innerText because they allow markup/whitespace.
-    this.textMeasureEl_.appendChild(doc.createTextNode(text));
-    return {width: this.textMeasureEl_.offsetWidth};
-  };
-
-  /******** STUBS ********/
-  contextPrototype.clip = function() {
-    // TODO: Implement
-  };
-
-  contextPrototype.arcTo = function() {
-    // TODO: Implement
-  };
-
-  contextPrototype.createPattern = function(image, repetition) {
-    return new CanvasPattern_(image, repetition);
-  };
-
-  // Gradient / Pattern Stubs
-  function CanvasGradient_(aType) {
-    this.type_ = aType;
-    this.x0_ = 0;
-    this.y0_ = 0;
-    this.r0_ = 0;
-    this.x1_ = 0;
-    this.y1_ = 0;
-    this.r1_ = 0;
-    this.colors_ = [];
-  }
-
-  CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) {
-    aColor = processStyle(aColor);
-    this.colors_.push({offset: aOffset,
-                       color: aColor.color,
-                       alpha: aColor.alpha});
-  };
-
-  function CanvasPattern_(image, repetition) {
-    assertImageIsValid(image);
-    switch (repetition) {
-      case 'repeat':
-      case null:
-      case '':
-        this.repetition_ = 'repeat';
-        break
-      case 'repeat-x':
-      case 'repeat-y':
-      case 'no-repeat':
-        this.repetition_ = repetition;
-        break;
-      default:
-        throwException('SYNTAX_ERR');
-    }
-
-    this.src_ = image.src;
-    this.width_ = image.width;
-    this.height_ = image.height;
-  }
-
-  function throwException(s) {
-    throw new DOMException_(s);
-  }
-
-  function assertImageIsValid(img) {
-    if (!img || img.nodeType != 1 || img.tagName != 'IMG') {
-      throwException('TYPE_MISMATCH_ERR');
-    }
-    if (img.readyState != 'complete') {
-      throwException('INVALID_STATE_ERR');
-    }
-  }
-
-  function DOMException_(s) {
-    this.code = this[s];
-    this.message = s +': DOM Exception ' + this.code;
-  }
-  var p = DOMException_.prototype = new Error;
-  p.INDEX_SIZE_ERR = 1;
-  p.DOMSTRING_SIZE_ERR = 2;
-  p.HIERARCHY_REQUEST_ERR = 3;
-  p.WRONG_DOCUMENT_ERR = 4;
-  p.INVALID_CHARACTER_ERR = 5;
-  p.NO_DATA_ALLOWED_ERR = 6;
-  p.NO_MODIFICATION_ALLOWED_ERR = 7;
-  p.NOT_FOUND_ERR = 8;
-  p.NOT_SUPPORTED_ERR = 9;
-  p.INUSE_ATTRIBUTE_ERR = 10;
-  p.INVALID_STATE_ERR = 11;
-  p.SYNTAX_ERR = 12;
-  p.INVALID_MODIFICATION_ERR = 13;
-  p.NAMESPACE_ERR = 14;
-  p.INVALID_ACCESS_ERR = 15;
-  p.VALIDATION_ERR = 16;
-  p.TYPE_MISMATCH_ERR = 17;
-
-  // set up externs
-  G_vmlCanvasManager = G_vmlCanvasManager_;
-  CanvasRenderingContext2D = CanvasRenderingContext2D_;
-  CanvasGradient = CanvasGradient_;
-  CanvasPattern = CanvasPattern_;
-  DOMException = DOMException_;
-})();
-
-} // if
-else { // make the canvas test simple by kener.linfeng@gmail.com
-    G_vmlCanvasManager = false;
-}
-return G_vmlCanvasManager;
-}); // define
-;
-/**
- * zrender: 公共辅助函数
- *
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *
- * clone：深度克隆
- * merge：合并源对象的属性到目标对象
- * getContext：获取一个自由使用的canvas 2D context，使用原生方法，如isPointInPath，measureText等
- */
-define(
-    'zrender/tool/util',['require','../dep/excanvas'],function(require) {
-        // 用于处理merge时无法遍历Date等对象的问题
-        var BUILTIN_OBJECT = {
-            '[object Function]': 1,
-            '[object RegExp]': 1,
-            '[object Date]': 1,
-            '[object Error]': 1,
-            '[object CanvasGradient]': 1
-        };
-
-        var objToString = Object.prototype.toString;
-
-        function isDom(obj) {
-            return obj && obj.nodeType === 1
-                   && typeof(obj.nodeName) == 'string';
-        }
-
-        /**
-         * 对一个object进行深度拷贝
-         *
-         * @param {Any} source 需要进行拷贝的对象
-         * @return {Any} 拷贝后的新对象
-         */
-        function clone(source) {
-            if (typeof source == 'object' && source !== null) {
-                var result = source;
-                if (source instanceof Array) {
-                    result = [];
-                    for (var i = 0, len = source.length; i < len; i++) {
-                        result[i] = clone(source[i]);
-                    }
-                }
-                else if (
-                    !BUILTIN_OBJECT[objToString.call(source)]
-                    // 是否为 dom 对象
-                    && !isDom(source)
-                ) {
-                    result = {};
-                    for (var key in source) {
-                        if (source.hasOwnProperty(key)) {
-                            result[key] = clone(source[key]);
-                        }
-                    }
-                }
-
-                return result;
-            }
-
-            return source;
-        }
-
-        function mergeItem(target, source, key, overwrite) {
-            if (source.hasOwnProperty(key)) {
-                var targetProp = target[key];
-                if (typeof targetProp == 'object'
-                    && !BUILTIN_OBJECT[objToString.call(targetProp)]
-                    // 是否为 dom 对象
-                    && !isDom(targetProp)
-                ) {
-                    // 如果需要递归覆盖，就递归调用merge
-                    merge(
-                        target[key],
-                        source[key],
-                        overwrite
-                    );
-                }
-                else if (overwrite || !(key in target)) {
-                    // 否则只处理overwrite为true，或者在目标对象中没有此属性的情况
-                    target[key] = source[key];
-                }
-            }
-        }
-
-        /**
-         * 合并源对象的属性到目标对象
-         * modify from Tangram
-         * @param {*} target 目标对象
-         * @param {*} source 源对象
-         * @param {boolean} overwrite 是否覆盖
-         */
-        function merge(target, source, overwrite) {
-            for (var i in source) {
-                mergeItem(target, source, i, overwrite);
-            }
-            
-            return target;
-        }
-
-        var _ctx;
-
-        function getContext() {
-            if (!_ctx) {
-                require('../dep/excanvas');
-                /* jshint ignore:start */
-                if (window['G_vmlCanvasManager']) {
-                    var _div = document.createElement('div');
-                    _div.style.position = 'absolute';
-                    _div.style.top = '-1000px';
-                    document.body.appendChild(_div);
-
-                    _ctx = G_vmlCanvasManager.initElement(_div)
-                               .getContext('2d');
-                }
-                else {
-                    _ctx = document.createElement('canvas').getContext('2d');
-                }
-                /* jshint ignore:end */
-            }
-            return _ctx;
-        }
-
-        var _canvas;
-        var _pixelCtx;
-        var _width;
-        var _height;
-        var _offsetX = 0;
-        var _offsetY = 0;
-
-        /**
-         * 获取像素拾取专用的上下文
-         * @return {Object} 上下文
-         */
-        function getPixelContext() {
-            if (!_pixelCtx) {
-                _canvas = document.createElement('canvas');
-                _width = _canvas.width;
-                _height = _canvas.height;
-                _pixelCtx = _canvas.getContext('2d');
-            }
-            return _pixelCtx;
-        }
-
-        /**
-         * 如果坐标处在_canvas外部，改变_canvas的大小
-         * @param {number} x : 横坐标
-         * @param {number} y : 纵坐标
-         * 注意 修改canvas的大小 需要重新设置translate
-         */
-        function adjustCanvasSize(x, y) {
-            // 每次加的长度
-            var _v = 100;
-            var _flag;
-
-            if (x + _offsetX > _width) {
-                _width = x + _offsetX + _v;
-                _canvas.width = _width;
-                _flag = true;
-            }
-
-            if (y + _offsetY > _height) {
-                _height = y + _offsetY + _v;
-                _canvas.height = _height;
-                _flag = true;
-            }
-
-            if (x < -_offsetX) {
-                _offsetX = Math.ceil(-x / _v) * _v;
-                _width += _offsetX;
-                _canvas.width = _width;
-                _flag = true;
-            }
-
-            if (y < -_offsetY) {
-                _offsetY = Math.ceil(-y / _v) * _v;
-                _height += _offsetY;
-                _canvas.height = _height;
-                _flag = true;
-            }
-
-            if (_flag) {
-                _pixelCtx.translate(_offsetX, _offsetY);
-            }
-        }
-
-        /**
-         * 获取像素canvas的偏移量
-         * @return {Object} 偏移量
-         */
-        function getPixelOffset() {
-            return {
-                x : _offsetX,
-                y : _offsetY
-            };
-        }
-
-        /**
-         * 查询数组中元素的index
-         */
-        function indexOf(array, value) {
-            if (array.indexOf) {
-                return array.indexOf(value);
-            }
-            for (var i = 0, len = array.length; i < len; i++) {
-                if (array[i] === value) {
-                    return i;
-                }
-            }
-            return -1;
-        }
-
-        /**
-         * 构造类继承关系
-         * 
-         * @param {Function} clazz 源类
-         * @param {Function} baseClazz 基类
-         */
-        function inherits(clazz, baseClazz) {
-            var clazzPrototype = clazz.prototype;
-            function F() {}
-            F.prototype = baseClazz.prototype;
-            clazz.prototype = new F();
-
-            for (var prop in clazzPrototype) {
-                clazz.prototype[prop] = clazzPrototype[prop];
-            }
-            clazz.constructor = clazz;
-        }
-
-        return {
-            inherits: inherits,
-            clone : clone,
-            merge : merge,
-            getContext : getContext,
-            getPixelContext : getPixelContext,
-            getPixelOffset : getPixelOffset,
-            adjustCanvasSize : adjustCanvasSize,
-            indexOf : indexOf
-        };
-    }
-);
-
-define('zrender/config',[],function () {
-    /**
-     * config默认配置项
-     * @exports zrender/config
-     * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
-     */
-    var config = {
-        /**
-         * @namespace module:zrender/config.EVENT
-         */
-        EVENT : {
-            /**
-             * 窗口大小变化
-             * @type {string}
-             */
-            RESIZE : 'resize',
-            /**
-             * 鼠标按钮被（手指）按下，事件对象是：目标图形元素或空
-             * @type {string}
-             */
-            CLICK : 'click',
-            /**
-             * 双击事件
-             * @type {string}
-             */
-            DBLCLICK : 'dblclick',
-            /**
-             * 鼠标滚轮变化，事件对象是：目标图形元素或空
-             * @type {string}
-             */
-            MOUSEWHEEL : 'mousewheel',
-            /**
-             * 鼠标（手指）被移动，事件对象是：目标图形元素或空
-             * @type {string}
-             */
-            MOUSEMOVE : 'mousemove',
-            /**
-             * 鼠标移到某图形元素之上，事件对象是：目标图形元素
-             * @type {string}
-             */
-            MOUSEOVER : 'mouseover',
-            /**
-             * 鼠标从某图形元素移开，事件对象是：目标图形元素
-             * @type {string}
-             */
-            MOUSEOUT : 'mouseout',
-            /**
-             * 鼠标按钮（手指）被按下，事件对象是：目标图形元素或空
-             * @type {string}
-             */
-            MOUSEDOWN : 'mousedown',
-            /**
-             * 鼠标按键（手指）被松开，事件对象是：目标图形元素或空
-             * @type {string}
-             */
-            MOUSEUP : 'mouseup',
-            /**
-             * 全局离开，MOUSEOUT触发比较频繁，一次离开优化绑定
-             * @type {string}
-             */
-            GLOBALOUT : 'globalout',    // 
-
-            // 一次成功元素拖拽的行为事件过程是：
-            // dragstart > dragenter > dragover [> dragleave] > drop > dragend
-            /**
-             * 开始拖拽时触发，事件对象是：被拖拽图形元素
-             * @type {string}
-             */
-            DRAGSTART : 'dragstart',
-            /**
-             * 拖拽完毕时触发（在drop之后触发），事件对象是：被拖拽图形元素
-             * @type {string}
-             */
-            DRAGEND : 'dragend',
-            /**
-             * 拖拽图形元素进入目标图形元素时触发，事件对象是：目标图形元素
-             * @type {string}
-             */
-            DRAGENTER : 'dragenter',
-            /**
-             * 拖拽图形元素在目标图形元素上移动时触发，事件对象是：目标图形元素
-             * @type {string}
-             */
-            DRAGOVER : 'dragover',
-            /**
-             * 拖拽图形元素离开目标图形元素时触发，事件对象是：目标图形元素
-             * @type {string}
-             */
-            DRAGLEAVE : 'dragleave',
-            /**
-             * 拖拽图形元素放在目标图形元素内时触发，事件对象是：目标图形元素
-             * @type {string}
-             */
-            DROP : 'drop',
-            /**
-             * touch end - start < delay is click
-             * @type {number}
-             */
-            touchClickDelay : 300
-        },
-
-        // 是否异常捕获
-        catchBrushException: false,
-
-        /**
-         * debug日志选项：catchBrushException为true下有效
-         * 0 : 不生成debug数据，发布用
-         * 1 : 异常抛出，调试用
-         * 2 : 控制台输出，调试用
-         */
-        debugMode: 0,
-
-        // retina 屏幕优化
-        devicePixelRatio: Math.max(window.devicePixelRatio || 1, 1)
-    };
-    return config;
-});
-
-
-define(
-    'zrender/tool/log',['require','../config'],function (require) {
-        var config = require('../config');
-
-        /**
-         * @exports zrender/tool/log
-         * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
-         */
-        return function() {
-            if (config.debugMode === 0) {
-                return;
-            }
-            else if (config.debugMode == 1) {
-                for (var k in arguments) {
-                    throw new Error(arguments[k]);
-                }
-            }
-            else if (config.debugMode > 1) {
-                for (var k in arguments) {
-                    console.log(arguments[k]);
-                }
-            }
-        };
-
-        /* for debug
-        return function(mes) {
-            document.getElementById('wrong-message').innerHTML =
-                mes + ' ' + (new Date() - 0)
-                + '<br/>' 
-                + document.getElementById('wrong-message').innerHTML;
-        };
-        */
-    }
-);
-
-/**
- * zrender: 生成唯一id
- *
- * @author errorrik (errorrik@gmail.com)
- */
-
-define(
-    'zrender/tool/guid',[],function() {
-        var idStart = 0x0907;
-
-        return function () {
-            return 'zrender__' + (idStart++);
-        };
-    }
-);
-
-/**
- * echarts设备环境识别
- *
- * @desc echarts基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据统计图表。
- * @author firede[firede@firede.us]
- * @desc thanks zepto.
- */
-define('zrender/tool/env',[],function() {
-    // Zepto.js
-    // (c) 2010-2013 Thomas Fuchs
-    // Zepto.js may be freely distributed under the MIT license.
-
-    function detect(ua) {
-        var os = this.os = {};
-        var browser = this.browser = {};
-        var webkit = ua.match(/Web[kK]it[\/]{0,1}([\d.]+)/);
-        var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
-        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
-        var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
-        var iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
-        var webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/);
-        var touchpad = webos && ua.match(/TouchPad/);
-        var kindle = ua.match(/Kindle\/([\d.]+)/);
-        var silk = ua.match(/Silk\/([\d._]+)/);
-        var blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/);
-        var bb10 = ua.match(/(BB10).*Version\/([\d.]+)/);
-        var rimtabletos = ua.match(/(RIM\sTablet\sOS)\s([\d.]+)/);
-        var playbook = ua.match(/PlayBook/);
-        var chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/);
-        var firefox = ua.match(/Firefox\/([\d.]+)/);
-        var ie = ua.match(/MSIE ([\d.]+)/);
-        var safari = webkit && ua.match(/Mobile\//) && !chrome;
-        var webview = ua.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/) && !chrome;
-        var ie = ua.match(/MSIE\s([\d.]+)/);
-
-        // Todo: clean this up with a better OS/browser seperation:
-        // - discern (more) between multiple browsers on android
-        // - decide if kindle fire in silk mode is android or not
-        // - Firefox on Android doesn't specify the Android version
-        // - possibly devide in os, device and browser hashes
-
-        if (browser.webkit = !!webkit) browser.version = webkit[1];
-
-        if (android) os.android = true, os.version = android[2];
-        if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.');
-        if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.');
-        if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
-        if (webos) os.webos = true, os.version = webos[2];
-        if (touchpad) os.touchpad = true;
-        if (blackberry) os.blackberry = true, os.version = blackberry[2];
-        if (bb10) os.bb10 = true, os.version = bb10[2];
-        if (rimtabletos) os.rimtabletos = true, os.version = rimtabletos[2];
-        if (playbook) browser.playbook = true;
-        if (kindle) os.kindle = true, os.version = kindle[1];
-        if (silk) browser.silk = true, browser.version = silk[1];
-        if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true;
-        if (chrome) browser.chrome = true, browser.version = chrome[1];
-        if (firefox) browser.firefox = true, browser.version = firefox[1];
-        if (ie) browser.ie = true, browser.version = ie[1];
-        if (safari && (ua.match(/Safari/) || !!os.ios)) browser.safari = true;
-        if (webview) browser.webview = true;
-        if (ie) browser.ie = true, browser.version = ie[1];
-
-        os.tablet = !!(ipad || playbook || (android && !ua.match(/Mobile/)) ||
-            (firefox && ua.match(/Tablet/)) || (ie && !ua.match(/Phone/) && ua.match(/Touch/)));
-        os.phone  = !!(!os.tablet && !os.ipod && (android || iphone || webos || blackberry || bb10 ||
-            (chrome && ua.match(/Android/)) || (chrome && ua.match(/CriOS\/([\d.]+)/)) ||
-            (firefox && ua.match(/Mobile/)) || (ie && ua.match(/Touch/))));
-
-        return {
-            browser: browser,
-            os: os,
-            // 原生canvas支持，改极端点了
-            // canvasSupported : !(browser.ie && parseFloat(browser.version) < 9)
-            canvasSupported : document.createElement('canvas').getContext ? true : false
-        };
-    }
-
-    return detect(navigator.userAgent);
-});
-/**
- * 事件扩展
- * @module zrender/mixin/Eventful
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         pissang (https://www.github.com/pissang)
- */
-define('zrender/mixin/Eventful',['require'],function (require) {
-
-    /**
-     * 事件分发器
-     * @alias module:zrender/mixin/Eventful
-     * @constructor
-     */
-    var Eventful = function () {
-        this._handlers = {};
-    };
-    /**
-     * 单次触发绑定，dispatch后销毁
-     * 
-     * @param {string} event 事件名
-     * @param {Function} handler 响应函数
-     * @param {Object} context
-     */
-    Eventful.prototype.one = function (event, handler, context) {
-        var _h = this._handlers;
-
-        if (!handler || !event) {
-            return this;
-        }
-
-        if (!_h[event]) {
-            _h[event] = [];
-        }
-
-        _h[event].push({
-            h : handler,
-            one : true,
-            ctx: context || this
-        });
-
-        return this;
-    };
-
-    /**
-     * 绑定事件
-     * @param {string} event 事件名
-     * @param {Function} handler 事件处理函数
-     * @param {Object} [context]
-     */
-    Eventful.prototype.bind = function (event, handler, context) {
-        var _h = this._handlers;
-
-        if (!handler || !event) {
-            return this;
-        }
-
-        if (!_h[event]) {
-            _h[event] = [];
-        }
-
-        _h[event].push({
-            h : handler,
-            one : false,
-            ctx: context || this
-        });
-
-        return this;
-    };
-
-    /**
-     * 解绑事件
-     * @param {string} event 事件名
-     * @param {Function} [handler] 事件处理函数
-     */
-    Eventful.prototype.unbind = function (event, handler) {
-        var _h = this._handlers;
-
-        if (!event) {
-            this._handlers = {};
-            return this;
-        }
-
-        if (handler) {
-            if (_h[event]) {
-                var newList = [];
-                for (var i = 0, l = _h[event].length; i < l; i++) {
-                    if (_h[event][i]['h'] != handler) {
-                        newList.push(_h[event][i]);
-                    }
-                }
-                _h[event] = newList;
-            }
-
-            if (_h[event] && _h[event].length === 0) {
-                delete _h[event];
-            }
-        }
-        else {
-            delete _h[event];
-        }
-
-        return this;
-    };
-
-    /**
-     * 事件分发
-     * 
-     * @param {string} type 事件类型
-     */
-    Eventful.prototype.dispatch = function (type) {
-        if (this._handlers[type]) {
-            var args = arguments;
-            var argLen = args.length;
-
-            if (argLen > 3) {
-                args = Array.prototype.slice.call(args, 1);
-            }
-            
-            var _h = this._handlers[type];
-            var len = _h.length;
-            for (var i = 0; i < len;) {
-                // Optimize advise from backbone
-                switch (argLen) {
-                    case 1:
-                        _h[i]['h'].call(_h[i]['ctx']);
-                        break;
-                    case 2:
-                        _h[i]['h'].call(_h[i]['ctx'], args[1]);
-                        break;
-                    case 3:
-                        _h[i]['h'].call(_h[i]['ctx'], args[1], args[2]);
-                        break;
-                    default:
-                        // have more than 2 given arguments
-                        _h[i]['h'].apply(_h[i]['ctx'], args);
-                        break;
-                }
-                
-                if (_h[i]['one']) {
-                    _h.splice(i, 1);
-                    len--;
-                }
-                else {
-                    i++;
-                }
-            }
-        }
-
-        return this;
-    };
-
-    /**
-     * 带有context的事件分发, 最后一个参数是事件回调的context
-     * @param {string} type 事件类型
-     */
-    Eventful.prototype.dispatchWithContext = function (type) {
-        if (this._handlers[type]) {
-            var args = arguments;
-            var argLen = args.length;
-
-            if (argLen > 4) {
-                args = Array.prototype.slice.call(args, 1, args.length - 1);
-            }
-            var ctx = args[args.length - 1];
-
-            var _h = this._handlers[type];
-            var len = _h.length;
-            for (var i = 0; i < len;) {
-                // Optimize advise from backbone
-                switch (argLen) {
-                    case 1:
-                        _h[i]['h'].call(ctx);
-                        break;
-                    case 2:
-                        _h[i]['h'].call(ctx, args[1]);
-                        break;
-                    case 3:
-                        _h[i]['h'].call(ctx, args[1], args[2]);
-                        break;
-                    default:
-                        // have more than 2 given arguments
-                        _h[i]['h'].apply(ctx, args);
-                        break;
-                }
-                
-                if (_h[i]['one']) {
-                    _h.splice(i, 1);
-                    len--;
-                }
-                else {
-                    i++;
-                }
-            }
-        }
-
-        return this;
-    };
-
-    // 对象可以通过 onxxxx 绑定事件
-    /**
-     * @event module:zrender/mixin/Eventful#onclick
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmouseover
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmouseout
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmousemove
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmousewheel
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmousedown
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#onmouseup
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondragstart
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondragend
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondragenter
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondragleave
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondragover
-     * @type {Function}
-     * @default null
-     */
-    /**
-     * @event module:zrender/mixin/Eventful#ondrop
-     * @type {Function}
-     * @default null
-     */
-    
-    return Eventful;
-});
-
-/**
- * 事件辅助类
- * @module zrender/tool/event
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- */
-define(
-    'zrender/tool/event',['require','../mixin/Eventful'],function(require) {
-
-        
-
-        var Eventful = require('../mixin/Eventful');
-
-        /**
-        * 提取鼠标（手指）x坐标
-        * @memberOf module:zrender/tool/event
-        * @param  {Event} e 事件.
-        * @return {number} 鼠标（手指）x坐标.
-        */
-        function getX(e) {
-            return typeof e.zrenderX != 'undefined' && e.zrenderX
-                   || typeof e.offsetX != 'undefined' && e.offsetX
-                   || typeof e.layerX != 'undefined' && e.layerX
-                   || typeof e.clientX != 'undefined' && e.clientX;
-        }
-
-        /**
-        * 提取鼠标y坐标
-        * @memberOf module:zrender/tool/event
-        * @param  {Event} e 事件.
-        * @return {number} 鼠标（手指）y坐标.
-        */
-        function getY(e) {
-            return typeof e.zrenderY != 'undefined' && e.zrenderY
-                   || typeof e.offsetY != 'undefined' && e.offsetY
-                   || typeof e.layerY != 'undefined' && e.layerY
-                   || typeof e.clientY != 'undefined' && e.clientY;
-        }
-
-        /**
-        * 提取鼠标滚轮变化
-        * @memberOf module:zrender/tool/event
-        * @param  {Event} e 事件.
-        * @return {number} 滚轮变化，正值说明滚轮是向上滚动，如果是负值说明滚轮是向下滚动
-        */
-        function getDelta(e) {
-            return typeof e.zrenderDelta != 'undefined' && e.zrenderDelta
-                   || typeof e.wheelDelta != 'undefined' && e.wheelDelta
-                   || typeof e.detail != 'undefined' && -e.detail;
-        }
-
-        /**
-         * 停止冒泡和阻止默认行为
-         * @memberOf module:zrender/tool/event
-         * @method
-         * @param {Event} e : event对象
-         */
-        var stop = typeof window.addEventListener === 'function'
-            ? function (e) {
-                e.preventDefault();
-                e.stopPropagation();
-                e.cancelBubble = true;
-            }
-            : function (e) {
-                e.returnValue = false;
-                e.cancelBubble = true;
-            };
-        
-        return {
-            getX : getX,
-            getY : getY,
-            getDelta : getDelta,
-            stop : stop,
-            // 做向上兼容
-            Dispatcher : Eventful
-        };
-    }
-);
-
-define(
-    'zrender/tool/vector',[],function () {
-        var ArrayCtor = typeof Float32Array === 'undefined'
-            ? Array
-            : Float32Array;
-
-        /**
-         * @typedef {Float32Array|Array.<number>} Vector2
-         */
-        /**
-         * 二维向量类
-         * @exports zrender/tool/vector
-         */
-        var vector = {
-            /**
-             * 创建一个向量
-             * @param {number} [x=0]
-             * @param {number} [y=0]
-             * @return {Vector2}
-             */
-            create: function (x, y) {
-                var out = new ArrayCtor(2);
-                out[0] = x || 0;
-                out[1] = y || 0;
-                return out;
-            },
-
-            /**
-             * 复制一个向量
-             * @return {Vector2} out
-             * @return {Vector2} v
-             */
-            copy: function (out, v) {
-                out[0] = v[0];
-                out[1] = v[1];
-                return out;
-            },
-
-            /**
-             * 设置向量的两个项
-             * @param {Vector2} out
-             * @param {number} a
-             * @param {number} b
-             * @return {Vector2} 结果
-             */
-            set: function (out, a, b) {
-                out[0] = a;
-                out[1] = b;
-                return out;
-            },
-
-            /**
-             * 向量相加
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             */
-            add: function (out, v1, v2) {
-                out[0] = v1[0] + v2[0];
-                out[1] = v1[1] + v2[1];
-                return out;
-            },
-
-            /**
-             * 向量缩放后相加
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             * @param {number} a
-             */
-            scaleAndAdd: function (out, v1, v2, a) {
-                out[0] = v1[0] + v2[0] * a;
-                out[1] = v1[1] + v2[1] * a;
-                return out;
-            },
-
-            /**
-             * 向量相减
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             */
-            sub: function (out, v1, v2) {
-                out[0] = v1[0] - v2[0];
-                out[1] = v1[1] - v2[1];
-                return out;
-            },
-
-            /**
-             * 向量长度
-             * @param {Vector2} v
-             * @return {number}
-             */
-            len: function (v) {
-                return Math.sqrt(this.lenSquare(v));
-            },
-
-            /**
-             * 向量长度平方
-             * @param {Vector2} v
-             * @return {number}
-             */
-            lenSquare: function (v) {
-                return v[0] * v[0] + v[1] * v[1];
-            },
-
-            /**
-             * 向量乘法
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             */
-            mul: function (out, v1, v2) {
-                out[0] = v1[0] * v2[0];
-                out[1] = v1[1] * v2[1];
-                return out;
-            },
-
-            /**
-             * 向量除法
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             */
-            div: function (out, v1, v2) {
-                out[0] = v1[0] / v2[0];
-                out[1] = v1[1] / v2[1];
-                return out;
-            },
-
-            /**
-             * 向量点乘
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             * @return {number}
-             */
-            dot: function (v1, v2) {
-                return v1[0] * v2[0] + v1[1] * v2[1];
-            },
-
-            /**
-             * 向量缩放
-             * @param {Vector2} out
-             * @param {Vector2} v
-             * @param {number} s
-             */
-            scale: function (out, v, s) {
-                out[0] = v[0] * s;
-                out[1] = v[1] * s;
-                return out;
-            },
-
-            /**
-             * 向量归一化
-             * @param {Vector2} out
-             * @param {Vector2} v
-             */
-            normalize: function (out, v) {
-                var d = vector.len(v);
-                if (d === 0) {
-                    out[0] = 0;
-                    out[1] = 0;
-                }
-                else {
-                    out[0] = v[0] / d;
-                    out[1] = v[1] / d;
-                }
-                return out;
-            },
-
-            /**
-             * 计算向量间距离
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             * @return {number}
-             */
-            distance: function (v1, v2) {
-                return Math.sqrt(
-                    (v1[0] - v2[0]) * (v1[0] - v2[0])
-                    + (v1[1] - v2[1]) * (v1[1] - v2[1])
-                );
-            },
-
-            /**
-             * 向量距离平方
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             * @return {number}
-             */
-            distanceSquare: function (v1, v2) {
-                return (v1[0] - v2[0]) * (v1[0] - v2[0])
-                    + (v1[1] - v2[1]) * (v1[1] - v2[1]);
-            },
-
-            /**
-             * 求负向量
-             * @param {Vector2} out
-             * @param {Vector2} v
-             */
-            negate: function (out, v) {
-                out[0] = -v[0];
-                out[1] = -v[1];
-                return out;
-            },
-
-            /**
-             * 插值两个点
-             * @param {Vector2} out
-             * @param {Vector2} v1
-             * @param {Vector2} v2
-             * @param {number} t
-             */
-            lerp: function (out, v1, v2, t) {
-                // var ax = v1[0];
-                // var ay = v1[1];
-                out[0] = v1[0] + t * (v2[0] - v1[0]);
-                out[1] = v1[1] + t * (v2[1] - v1[1]);
-                return out;
-            },
-            
-            /**
-             * 矩阵左乘向量
-             * @param {Vector2} out
-             * @param {Vector2} v
-             * @param {Vector2} m
-             */
-            applyTransform: function (out, v, m) {
-                var x = v[0];
-                var y = v[1];
-                out[0] = m[0] * x + m[2] * y + m[4];
-                out[1] = m[1] * x + m[3] * y + m[5];
-                return out;
-            },
-            /**
-             * 求两个向量最小值
-             * @param  {Vector2} out
-             * @param  {Vector2} v1
-             * @param  {Vector2} v2
-             */
-            min: function (out, v1, v2) {
-                out[0] = Math.min(v1[0], v2[0]);
-                out[1] = Math.min(v1[1], v2[1]);
-                return out;
-            },
-            /**
-             * 求两个向量最大值
-             * @param  {Vector2} out
-             * @param  {Vector2} v1
-             * @param  {Vector2} v2
-             */
-            max: function (out, v1, v2) {
-                out[0] = Math.max(v1[0], v2[0]);
-                out[1] = Math.max(v1[1], v2[1]);
-                return out;
-            }
-        };
-
-        vector.length = vector.len;
-        vector.lengthSquare = vector.lenSquare;
-        vector.dist = vector.distance;
-        vector.distSquare = vector.distanceSquare;
-        
-        return vector;
-    }
-);
-
-define(
-    'zrender/tool/matrix',[],function () {
-
-        var ArrayCtor = typeof Float32Array === 'undefined'
-            ? Array
-            : Float32Array;
-        /**
-         * 3x2矩阵操作类
-         * @exports zrender/tool/matrix
-         */
-        var matrix = {
-            /**
-             * 创建一个单位矩阵
-             * @return {Float32Array|Array.<number>}
-             */
-            create : function() {
-                var out = new ArrayCtor(6);
-                matrix.identity(out);
-                
-                return out;
-            },
-            /**
-             * 设置矩阵为单位矩阵
-             * @param {Float32Array|Array.<number>} out
-             */
-            identity : function(out) {
-                out[0] = 1;
-                out[1] = 0;
-                out[2] = 0;
-                out[3] = 1;
-                out[4] = 0;
-                out[5] = 0;
-                return out;
-            },
-            /**
-             * 复制矩阵
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} m
-             */
-            copy: function(out, m) {
-                out[0] = m[0];
-                out[1] = m[1];
-                out[2] = m[2];
-                out[3] = m[3];
-                out[4] = m[4];
-                out[5] = m[5];
-                return out;
-            },
-            /**
-             * 矩阵相乘
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} m1
-             * @param {Float32Array|Array.<number>} m2
-             */
-            mul : function (out, m1, m2) {
-                out[0] = m1[0] * m2[0] + m1[2] * m2[1];
-                out[1] = m1[1] * m2[0] + m1[3] * m2[1];
-                out[2] = m1[0] * m2[2] + m1[2] * m2[3];
-                out[3] = m1[1] * m2[2] + m1[3] * m2[3];
-                out[4] = m1[0] * m2[4] + m1[2] * m2[5] + m1[4];
-                out[5] = m1[1] * m2[4] + m1[3] * m2[5] + m1[5];
-                return out;
-            },
-            /**
-             * 平移变换
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} a
-             * @param {Float32Array|Array.<number>} v
-             */
-            translate : function(out, a, v) {
-                out[0] = a[0];
-                out[1] = a[1];
-                out[2] = a[2];
-                out[3] = a[3];
-                out[4] = a[4] + v[0];
-                out[5] = a[5] + v[1];
-                return out;
-            },
-            /**
-             * 旋转变换
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} a
-             * @param {number} rad
-             */
-            rotate : function(out, a, rad) {
-                var aa = a[0];
-                var ac = a[2];
-                var atx = a[4];
-                var ab = a[1];
-                var ad = a[3];
-                var aty = a[5];
-                var st = Math.sin(rad);
-                var ct = Math.cos(rad);
-
-                out[0] = aa * ct + ab * st;
-                out[1] = -aa * st + ab * ct;
-                out[2] = ac * ct + ad * st;
-                out[3] = -ac * st + ct * ad;
-                out[4] = ct * atx + st * aty;
-                out[5] = ct * aty - st * atx;
-                return out;
-            },
-            /**
-             * 缩放变换
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} a
-             * @param {Float32Array|Array.<number>} v
-             */
-            scale : function(out, a, v) {
-                var vx = v[0];
-                var vy = v[1];
-                out[0] = a[0] * vx;
-                out[1] = a[1] * vy;
-                out[2] = a[2] * vx;
-                out[3] = a[3] * vy;
-                out[4] = a[4] * vx;
-                out[5] = a[5] * vy;
-                return out;
-            },
-            /**
-             * 求逆矩阵
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} a
-             */
-            invert : function(out, a) {
-            
-                var aa = a[0];
-                var ac = a[2];
-                var atx = a[4];
-                var ab = a[1];
-                var ad = a[3];
-                var aty = a[5];
-
-                var det = aa * ad - ab * ac;
-                if (!det) {
-                    return null;
-                }
-                det = 1.0 / det;
-
-                out[0] = ad * det;
-                out[1] = -ab * det;
-                out[2] = -ac * det;
-                out[3] = aa * det;
-                out[4] = (ac * aty - ad * atx) * det;
-                out[5] = (ab * atx - aa * aty) * det;
-                return out;
-            },
-
-            /**
-             * 矩阵左乘向量
-             * @param {Float32Array|Array.<number>} out
-             * @param {Float32Array|Array.<number>} a
-             * @param {Float32Array|Array.<number>} v
-             */
-            mulVector : function(out, a, v) {
-                var aa = a[0];
-                var ac = a[2];
-                var atx = a[4];
-                var ab = a[1];
-                var ad = a[3];
-                var aty = a[5];
-
-                out[0] = v[0] * aa + v[1] * ac + atx;
-                out[1] = v[0] * ab + v[1] * ad + aty;
-
-                return out;
-            }
-        };
-
-        return matrix;
-    }
-);
-
-/**
- * Handler控制模块
- * @module zrender/Handler
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         errorrik (errorrik@gmail.com)
- *
- */
-// TODO mouseover 只触发一次
-define(
-    'zrender/Handler',['require','./config','./tool/env','./tool/event','./tool/util','./tool/vector','./tool/matrix','./mixin/Eventful'],function (require) {
-
-        
-
-        var config = require('./config');
-        var env = require('./tool/env');
-        var eventTool = require('./tool/event');
-        var util = require('./tool/util');
-        var vec2 = require('./tool/vector');
-        var mat2d = require('./tool/matrix');
-        var EVENT = config.EVENT;
-
-        var Eventful = require('./mixin/Eventful');
-
-        var domHandlerNames = [
-            'resize', 'click', 'dblclick',
-            'mousewheel', 'mousemove', 'mouseout', 'mouseup', 'mousedown',
-            'touchstart', 'touchend', 'touchmove'
-        ];
-
-        var domHandlers = {
-            /**
-             * 窗口大小改变响应函数
-             * @inner
-             * @param {Event} event
-             */
-            resize: function (event) {
-                event = event || window.event;
-                this._lastHover = null;
-                this._isMouseDown = 0;
-                
-                // 分发config.EVENT.RESIZE事件，global
-                this.dispatch(EVENT.RESIZE, event);
-            },
-
-            /**
-             * 点击响应函数
-             * @inner
-             * @param {Event} event
-             */
-            click: function (event) {
-                event = this._zrenderEventFixed(event);
-
-                // 分发config.EVENT.CLICK事件
-                var _lastHover = this._lastHover;
-                if ((_lastHover && _lastHover.clickable)
-                    || !_lastHover
-                ) {
-
-                    // 判断没有发生拖拽才触发click事件
-                    if (this._clickThreshold < 5) {
-                        this._dispatchAgency(_lastHover, EVENT.CLICK, event);
-                    }
-                }
-
-                this._mousemoveHandler(event);
-            },
-            
-            /**
-             * 双击响应函数
-             * @inner
-             * @param {Event} event
-             */
-            dblclick: function (event) {
-                event = event || window.event;
-                event = this._zrenderEventFixed(event);
-
-                // 分发config.EVENT.DBLCLICK事件
-                var _lastHover = this._lastHover;
-                if ((_lastHover && _lastHover.clickable)
-                    || !_lastHover
-                ) {
-
-                    // 判断没有发生拖拽才触发dblclick事件
-                    if (this._clickThreshold < 5) {
-                        this._dispatchAgency(_lastHover, EVENT.DBLCLICK, event);
-                    }
-                }
-
-                this._mousemoveHandler(event);
-            },
-            
-
-            /**
-             * 鼠标滚轮响应函数
-             * @inner
-             * @param {Event} event
-             */
-            mousewheel: function (event) {
-                event = this._zrenderEventFixed(event);
-
-                // http://www.sitepoint.com/html5-javascript-mouse-wheel/
-                // https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/mousewheel
-                var delta = event.wheelDelta // Webkit
-                            || -event.detail; // Firefox
-                var scale = delta > 0 ? 1.1 : 1 / 1.1;
-
-                var needsRefresh = false;
-
-                var mouseX = this._mouseX;
-                var mouseY = this._mouseY;
-                this.painter.eachBuildinLayer(function (layer) {
-                    var pos = layer.position;
-                    if (layer.zoomable) {
-                        layer.__zoom = layer.__zoom || 1;
-                        var newZoom = layer.__zoom;
-                        newZoom *= scale;
-                        newZoom = Math.max(
-                            Math.min(layer.maxZoom, newZoom),
-                            layer.minZoom
-                        );
-                        scale = newZoom / layer.__zoom;
-                        layer.__zoom = newZoom;
-                        // Keep the mouse center when scaling
-                        pos[0] -= (mouseX - pos[0]) * (scale - 1);
-                        pos[1] -= (mouseY - pos[1]) * (scale - 1);
-                        layer.scale[0] *= scale;
-                        layer.scale[1] *= scale;
-                        layer.dirty = true;
-                        needsRefresh = true;
-
-                        // Prevent browser default scroll action 
-                        eventTool.stop(event);
-                    }
-                });
-                if (needsRefresh) {
-                    this.painter.refresh();
-                }
-
-                // 分发config.EVENT.MOUSEWHEEL事件
-                this._dispatchAgency(this._lastHover, EVENT.MOUSEWHEEL, event);
-                this._mousemoveHandler(event);
-            },
-
-            /**
-             * 鼠标（手指）移动响应函数
-             * @inner
-             * @param {Event} event
-             */
-            mousemove: function (event) {
-                if (this.painter.isLoading()) {
-                    return;
-                }
-
-                event = this._zrenderEventFixed(event);
-                this._lastX = this._mouseX;
-                this._lastY = this._mouseY;
-                this._mouseX = eventTool.getX(event);
-                this._mouseY = eventTool.getY(event);
-                var dx = this._mouseX - this._lastX;
-                var dy = this._mouseY - this._lastY;
-
-                // 可能出现config.EVENT.DRAGSTART事件
-                // 避免手抖点击误认为拖拽
-                // if (this._mouseX - this._lastX > 1 || this._mouseY - this._lastY > 1) {
-                this._processDragStart(event);
-                // }
-                this._hasfound = 0;
-                this._event = event;
-
-                this._iterateAndFindHover();
-
-                // 找到的在迭代函数里做了处理，没找到得在迭代完后处理
-                if (!this._hasfound) {
-                    // 过滤首次拖拽产生的mouseout和dragLeave
-                    if (!this._draggingTarget
-                        || (this._lastHover && this._lastHover != this._draggingTarget)
-                    ) {
-                        // 可能出现config.EVENT.MOUSEOUT事件
-                        this._processOutShape(event);
-
-                        // 可能出现config.EVENT.DRAGLEAVE事件
-                        this._processDragLeave(event);
-                    }
-
-                    this._lastHover = null;
-                    this.storage.delHover();
-                    this.painter.clearHover();
-                }
-
-                // set cursor for root element
-                var cursor = 'default';
-
-                // 如果存在拖拽中元素，被拖拽的图形元素最后addHover
-                if (this._draggingTarget) {
-                    this.storage.drift(this._draggingTarget.id, dx, dy);
-                    this._draggingTarget.modSelf();
-                    this.storage.addHover(this._draggingTarget);
-
-                    // 拖拽不触发click事件
-                    this._clickThreshold++;
-                }
-                else if (this._isMouseDown) {
-                    var needsRefresh = false;
-                    // Layer dragging
-                    this.painter.eachBuildinLayer(function (layer) {
-                        if (layer.panable) {
-                            // PENDING
-                            cursor = 'move';
-                            // Keep the mouse center when scaling
-                            layer.position[0] += dx;
-                            layer.position[1] += dy;
-                            needsRefresh = true;
-                            layer.dirty = true;
-                        }
-                    });
-                    if (needsRefresh) {
-                        this.painter.refresh();
-                    }
-                }
-
-                if (this._draggingTarget || (this._hasfound && this._lastHover.draggable)) {
-                    cursor = 'move';
-                }
-                else if (this._hasfound && this._lastHover.clickable) {
-                    cursor = 'pointer';
-                }
-                this.root.style.cursor = cursor;
-
-                // 分发config.EVENT.MOUSEMOVE事件
-                this._dispatchAgency(this._lastHover, EVENT.MOUSEMOVE, event);
-
-                if (this._draggingTarget || this._hasfound || this.storage.hasHoverShape()) {
-                    this.painter.refreshHover();
-                }
-            },
-
-            /**
-             * 鼠标（手指）离开响应函数
-             * @inner
-             * @param {Event} event
-             */
-            mouseout: function (event) {
-                event = this._zrenderEventFixed(event);
-
-                var element = event.toElement || event.relatedTarget;
-                if (element != this.root) {
-                    while (element && element.nodeType != 9) {
-                        // 忽略包含在root中的dom引起的mouseOut
-                        if (element == this.root) {
-                            this._mousemoveHandler(event);
-                            return;
-                        }
-
-                        element = element.parentNode;
-                    }
-                }
-
-                event.zrenderX = this._lastX;
-                event.zrenderY = this._lastY;
-                this.root.style.cursor = 'default';
-                this._isMouseDown = 0;
-
-                this._processOutShape(event);
-                this._processDrop(event);
-                this._processDragEnd(event);
-                if (!this.painter.isLoading()) {
-                    this.painter.refreshHover();
-                }
-                
-                this.dispatch(EVENT.GLOBALOUT, event);
-            },
-
-            /**
-             * 鼠标（手指）按下响应函数
-             * @inner
-             * @param {Event} event
-             */
-            mousedown: function (event) {
-                // 重置 clickThreshold
-                this._clickThreshold = 0;
-
-                if (this._lastDownButton == 2) {
-                    this._lastDownButton = event.button;
-                    this._mouseDownTarget = null;
-                    // 仅作为关闭右键菜单使用
-                    return;
-                }
-
-                this._lastMouseDownMoment = new Date();
-                event = this._zrenderEventFixed(event);
-                this._isMouseDown = 1;
-
-                // 分发config.EVENT.MOUSEDOWN事件
-                this._mouseDownTarget = this._lastHover;
-                this._dispatchAgency(this._lastHover, EVENT.MOUSEDOWN, event);
-                this._lastDownButton = event.button;
-            },
-
-            /**
-             * 鼠标（手指）抬起响应函数
-             * @inner
-             * @param {Event} event
-             */
-            mouseup: function (event) {
-                event = this._zrenderEventFixed(event);
-                this.root.style.cursor = 'default';
-                this._isMouseDown = 0;
-                this._mouseDownTarget = null;
-
-                // 分发config.EVENT.MOUSEUP事件
-                this._dispatchAgency(this._lastHover, EVENT.MOUSEUP, event);
-                this._processDrop(event);
-                this._processDragEnd(event);
-            },
-
-            /**
-             * Touch开始响应函数
-             * @inner
-             * @param {Event} event
-             */
-            touchstart: function (event) {
-                // eventTool.stop(event);// 阻止浏览器默认事件，重要
-                event = this._zrenderEventFixed(event, true);
-                this._lastTouchMoment = new Date();
-
-                // 平板补充一次findHover
-                this._mobileFindFixed(event);
-                this._mousedownHandler(event);
-            },
-
-            /**
-             * Touch移动响应函数
-             * @inner
-             * @param {Event} event
-             */
-            touchmove: function (event) {
-                event = this._zrenderEventFixed(event, true);
-                this._mousemoveHandler(event);
-                if (this._isDragging) {
-                    eventTool.stop(event);// 阻止浏览器默认事件，重要
-                }
-            },
-
-            /**
-             * Touch结束响应函数
-             * @inner
-             * @param {Event} event
-             */
-            touchend: function (event) {
-                // eventTool.stop(event);// 阻止浏览器默认事件，重要
-                event = this._zrenderEventFixed(event, true);
-                this._mouseupHandler(event);
-                
-                var now = new Date();
-                if (now - this._lastTouchMoment < EVENT.touchClickDelay) {
-                    this._mobileFindFixed(event);
-                    this._clickHandler(event);
-                    if (now - this._lastClickMoment < EVENT.touchClickDelay / 2) {
-                        this._dblclickHandler(event);
-                        if (this._lastHover && this._lastHover.clickable) {
-                            eventTool.stop(event);// 阻止浏览器默认事件，重要
-                        }
-                    }
-                    this._lastClickMoment = now;
-                }
-                this.painter.clearHover();
-            }
-        };
-
-        /**
-         * bind一个参数的function
-         * 
-         * @inner
-         * @param {Function} handler 要bind的function
-         * @param {Object} context 运行时this环境
-         * @return {Function}
-         */
-        function bind1Arg(handler, context) {
-            return function (e) {
-                return handler.call(context, e);
-            };
-        }
-        /**function bind2Arg(handler, context) {
-            return function (arg1, arg2) {
-                return handler.call(context, arg1, arg2);
-            };
-        }*/
-
-        function bind3Arg(handler, context) {
-            return function (arg1, arg2, arg3) {
-                return handler.call(context, arg1, arg2, arg3);
-            };
-        }
-        /**
-         * 为控制类实例初始化dom 事件处理函数
-         * 
-         * @inner
-         * @param {module:zrender/Handler} instance 控制类实例
-         */
-        function initDomHandler(instance) {
-            var len = domHandlerNames.length;
-            while (len--) {
-                var name = domHandlerNames[len];
-                instance['_' + name + 'Handler'] = bind1Arg(domHandlers[name], instance);
-            }
-        }
-
-        /**
-         * @alias module:zrender/Handler
-         * @constructor
-         * @extends module:zrender/mixin/Eventful
-         * @param {HTMLElement} root 绘图区域
-         * @param {module:zrender/Storage} storage Storage实例
-         * @param {module:zrender/Painter} painter Painter实例
-         */
-        var Handler = function(root, storage, painter) {
-            // 添加事件分发器特性
-            Eventful.call(this);
-
-            this.root = root;
-            this.storage = storage;
-            this.painter = painter;
-
-            // 各种事件标识的私有变量
-            // this._hasfound = false;              //是否找到hover图形元素
-            // this._lastHover = null;              //最后一个hover图形元素
-            // this._mouseDownTarget = null;
-            // this._draggingTarget = null;         //当前被拖拽的图形元素
-            // this._isMouseDown = false;
-            // this._isDragging = false;
-            // this._lastMouseDownMoment;
-            // this._lastTouchMoment;
-            // this._lastDownButton;
-
-            this._lastX = 
-            this._lastY = 
-            this._mouseX = 
-            this._mouseY = 0;
-
-            this._findHover = bind3Arg(findHover, this);
-            this._domHover = painter.getDomHover();
-            initDomHandler(this);
-
-            // 初始化，事件绑定，支持的所有事件都由如下原生事件计算得来
-            if (window.addEventListener) {
-                window.addEventListener('resize', this._resizeHandler);
-                
-                if (env.os.tablet || env.os.phone) {
-                    // mobile支持
-                    root.addEventListener('touchstart', this._touchstartHandler);
-                    root.addEventListener('touchmove', this._touchmoveHandler);
-                    root.addEventListener('touchend', this._touchendHandler);
-                }
-                else {
-                    // mobile的click/move/up/down自己模拟
-                    root.addEventListener('click', this._clickHandler);
-                    root.addEventListener('dblclick', this._dblclickHandler);
-                    root.addEventListener('mousewheel', this._mousewheelHandler);
-                    root.addEventListener('mousemove', this._mousemoveHandler);
-                    root.addEventListener('mousedown', this._mousedownHandler);
-                    root.addEventListener('mouseup', this._mouseupHandler);
-                } 
-                root.addEventListener('DOMMouseScroll', this._mousewheelHandler);
-                root.addEventListener('mouseout', this._mouseoutHandler);
-            }
-            else {
-                window.attachEvent('onresize', this._resizeHandler);
-
-                root.attachEvent('onclick', this._clickHandler);
-                //root.attachEvent('ondblclick ', this._dblclickHandler);
-                root.ondblclick = this._dblclickHandler;
-                root.attachEvent('onmousewheel', this._mousewheelHandler);
-                root.attachEvent('onmousemove', this._mousemoveHandler);
-                root.attachEvent('onmouseout', this._mouseoutHandler);
-                root.attachEvent('onmousedown', this._mousedownHandler);
-                root.attachEvent('onmouseup', this._mouseupHandler);
-            }
-        };
-
-        /**
-         * 自定义事件绑定
-         * @param {string} eventName 事件名称，resize，hover，drag，etc~
-         * @param {Function} handler 响应函数
-         * @param {Object} [context] 响应函数
-         */
-        Handler.prototype.on = function (eventName, handler, context) {
-            this.bind(eventName, handler, context);
-            return this;
-        };
-
-        /**
-         * 自定义事件解绑
-         * @param {string} eventName 事件名称，resize，hover，drag，etc~
-         * @param {Function} handler 响应函数
-         */
-        Handler.prototype.un = function (eventName, handler) {
-            this.unbind(eventName, handler);
-            return this;
-        };
-
-        /**
-         * 事件触发
-         * @param {string} eventName 事件名称，resize，hover，drag，etc~
-         * @param {event=} eventArgs event dom事件对象
-         */
-        Handler.prototype.trigger = function (eventName, eventArgs) {
-            switch (eventName) {
-                case EVENT.RESIZE:
-                case EVENT.CLICK:
-                case EVENT.DBLCLICK:
-                case EVENT.MOUSEWHEEL:
-                case EVENT.MOUSEMOVE:
-                case EVENT.MOUSEDOWN:
-                case EVENT.MOUSEUP:
-                case EVENT.MOUSEOUT:
-                    this['_' + eventName + 'Handler'](eventArgs);
-                    break;
-            }
-        };
-
-        /**
-         * 释放，解绑所有事件
-         */
-        Handler.prototype.dispose = function () {
-            var root = this.root;
-
-            if (window.removeEventListener) {
-                window.removeEventListener('resize', this._resizeHandler);
-
-                if (env.os.tablet || env.os.phone) {
-                    // mobile支持
-                    root.removeEventListener('touchstart', this._touchstartHandler);
-                    root.removeEventListener('touchmove', this._touchmoveHandler);
-                    root.removeEventListener('touchend', this._touchendHandler);
-                }
-                else {
-                    // mobile的click自己模拟
-                    root.removeEventListener('click', this._clickHandler);
-                    root.removeEventListener('dblclick', this._dblclickHandler);
-                    root.removeEventListener('mousewheel', this._mousewheelHandler);
-                    root.removeEventListener('mousemove', this._mousemoveHandler);
-                    root.removeEventListener('mousedown', this._mousedownHandler);
-                    root.removeEventListener('mouseup', this._mouseupHandler);
-                }
-                root.removeEventListener('DOMMouseScroll', this._mousewheelHandler);
-                root.removeEventListener('mouseout', this._mouseoutHandler);
-            }
-            else {
-                window.detachEvent('onresize', this._resizeHandler);
-
-                root.detachEvent('onclick', this._clickHandler);
-                root.detachEvent('dblclick', this._dblclickHandler);
-                root.detachEvent('onmousewheel', this._mousewheelHandler);
-                root.detachEvent('onmousemove', this._mousemoveHandler);
-                root.detachEvent('onmouseout', this._mouseoutHandler);
-                root.detachEvent('onmousedown', this._mousedownHandler);
-                root.detachEvent('onmouseup', this._mouseupHandler);
-            }
-
-            this.root =
-            this._domHover =
-            this.storage =
-            this.painter = null;
-            
-            this.un();
-        };
-
-        /**
-         * 拖拽开始
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDragStart = function (event) {
-            var _lastHover = this._lastHover;
-
-            if (this._isMouseDown
-                && _lastHover
-                && _lastHover.draggable
-                && !this._draggingTarget
-                && this._mouseDownTarget == _lastHover
-            ) {
-                // 拖拽点击生效时长阀门，某些场景需要降低拖拽敏感度
-                if (_lastHover.dragEnableTime && 
-                    new Date() - this._lastMouseDownMoment < _lastHover.dragEnableTime
-                ) {
-                    return;
-                }
-
-                var _draggingTarget = _lastHover;
-                this._draggingTarget = _draggingTarget;
-                this._isDragging = 1;
-
-                _draggingTarget.invisible = true;
-                this.storage.mod(_draggingTarget.id);
-
-                // 分发config.EVENT.DRAGSTART事件
-                this._dispatchAgency(
-                    _draggingTarget,
-                    EVENT.DRAGSTART,
-                    event
-                );
-                this.painter.refresh();
-            }
-        };
-
-        /**
-         * 拖拽进入目标元素
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDragEnter = function (event) {
-            if (this._draggingTarget) {
-                // 分发config.EVENT.DRAGENTER事件
-                this._dispatchAgency(
-                    this._lastHover,
-                    EVENT.DRAGENTER,
-                    event,
-                    this._draggingTarget
-                );
-            }
-        };
-
-        /**
-         * 拖拽在目标元素上移动
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDragOver = function (event) {
-            if (this._draggingTarget) {
-                // 分发config.EVENT.DRAGOVER事件
-                this._dispatchAgency(
-                    this._lastHover,
-                    EVENT.DRAGOVER,
-                    event,
-                    this._draggingTarget
-                );
-            }
-        };
-
-        /**
-         * 拖拽离开目标元素
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDragLeave = function (event) {
-            if (this._draggingTarget) {
-                // 分发config.EVENT.DRAGLEAVE事件
-                this._dispatchAgency(
-                    this._lastHover,
-                    EVENT.DRAGLEAVE,
-                    event,
-                    this._draggingTarget
-                );
-            }
-        };
-
-        /**
-         * 拖拽在目标元素上完成
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDrop = function (event) {
-            if (this._draggingTarget) {
-                this._draggingTarget.invisible = false;
-                this.storage.mod(this._draggingTarget.id);
-                this.painter.refresh();
-
-                // 分发config.EVENT.DROP事件
-                this._dispatchAgency(
-                    this._lastHover,
-                    EVENT.DROP,
-                    event,
-                    this._draggingTarget
-                );
-            }
-        };
-
-        /**
-         * 拖拽结束
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processDragEnd = function (event) {
-            if (this._draggingTarget) {
-                // 分发config.EVENT.DRAGEND事件
-                this._dispatchAgency(
-                    this._draggingTarget,
-                    EVENT.DRAGEND,
-                    event
-                );
-
-                this._lastHover = null;
-            }
-
-            this._isDragging = 0;
-            this._draggingTarget = null;
-        };
-
-        /**
-         * 鼠标在某个图形元素上移动
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processOverShape = function (event) {
-            // 分发config.EVENT.MOUSEOVER事件
-            this._dispatchAgency(this._lastHover, EVENT.MOUSEOVER, event);
-        };
-
-        /**
-         * 鼠标离开某个图形元素
-         * 
-         * @private
-         * @param {Object} event 事件对象
-         */
-        Handler.prototype._processOutShape = function (event) {
-            // 分发config.EVENT.MOUSEOUT事件
-            this._dispatchAgency(this._lastHover, EVENT.MOUSEOUT, event);
-        };
-
-        /**
-         * 事件分发代理
-         * 
-         * @private
-         * @param {Object} targetShape 目标图形元素
-         * @param {string} eventName 事件名称
-         * @param {Object} event 事件对象
-         * @param {Object=} draggedShape 拖拽事件特有，当前被拖拽图形元素
-         */
-        Handler.prototype._dispatchAgency = function (targetShape, eventName, event, draggedShape) {
-            var eventHandler = 'on' + eventName;
-            var eventPacket = {
-                type : eventName,
-                event : event,
-                target : targetShape,
-                cancelBubble: false
-            };
-
-            var el = targetShape;
-
-            if (draggedShape) {
-                eventPacket.dragged = draggedShape;
-            }
-
-            while (el) {
-                el[eventHandler] 
-                && (eventPacket.cancelBubble = el[eventHandler](eventPacket));
-                el.dispatch(eventName, eventPacket);
-
-                el = el.parent;
-                
-                if (eventPacket.cancelBubble) {
-                    break;
-                }
-            }
-
-            if (targetShape) {
-                // 冒泡到顶级 zrender 对象
-                if (!eventPacket.cancelBubble) {
-                    this.dispatch(eventName, eventPacket);
-                }
-            }
-            else if (!draggedShape) {
-                // 无hover目标，无拖拽对象，原生事件分发
-                var eveObj = {
-                    type: eventName,
-                    event: event
-                };
-                this.dispatch(eventName, eveObj);
-                // 分发事件到用户自定义层
-                this.painter.eachOtherLayer(function (layer) {
-                    if (typeof(layer[eventHandler]) == 'function') {
-                        layer[eventHandler](eveObj);
-                    }
-                    if (layer.dispatch) {
-                        layer.dispatch(eventName, eveObj);
-                    }
-                });
-            }
-        };
-
-        /**
-         * 迭代寻找hover shape
-         * @private
-         * @method
-         */
-        Handler.prototype._iterateAndFindHover = (function() {
-            var invTransform = mat2d.create();
-            return function() {
-                var list = this.storage.getShapeList();
-                var currentZLevel;
-                var currentLayer;
-                var tmp = [ 0, 0 ];
-                for (var i = list.length - 1; i >= 0 ; i--) {
-                    var shape = list[i];
-
-                    if (currentZLevel !== shape.zlevel) {
-                        currentLayer = this.painter.getLayer(shape.zlevel, currentLayer);
-                        tmp[0] = this._mouseX;
-                        tmp[1] = this._mouseY;
-
-                        if (currentLayer.needTransform) {
-                            mat2d.invert(invTransform, currentLayer.transform);
-                            vec2.applyTransform(tmp, tmp, invTransform);
-                        }
-                    }
-
-                    if (this._findHover(shape, tmp[0], tmp[1])) {
-                        break;
-                    }
-                }
-            };
-        })();
-        
-        // touch指尖错觉的尝试偏移量配置
-        var MOBILE_TOUCH_OFFSETS = [
-            { x: 10 },
-            { x: -20 },
-            { x: 10, y: 10 },
-            { y: -20 }
-        ];
-
-        // touch有指尖错觉，四向尝试，让touch上的点击更好触发事件
-        Handler.prototype._mobileFindFixed = function (event) {
-            this._lastHover = null;
-            this._mouseX = event.zrenderX;
-            this._mouseY = event.zrenderY;
-
-            this._event = event;
-
-            this._iterateAndFindHover();
-            for (var i = 0; !this._lastHover && i < MOBILE_TOUCH_OFFSETS.length ; i++) {
-                var offset = MOBILE_TOUCH_OFFSETS[ i ];
-                offset.x && (this._mouseX += offset.x);
-                offset.y && (this._mouseY += offset.y);
-
-                this._iterateAndFindHover();
-            }
-
-            if (this._lastHover) {
-                event.zrenderX = this._mouseX;
-                event.zrenderY = this._mouseY;
-            }
-        };
-
-        /**
-         * 迭代函数，查找hover到的图形元素并即时做些事件分发
-         * 
-         * @inner
-         * @param {Object} shape 图形元素
-         * @param {number} x
-         * @param {number} y
-         */
-        function findHover(shape, x, y) {
-            if (
-                (this._draggingTarget && this._draggingTarget.id == shape.id) // 迭代到当前拖拽的图形上
-                || shape.isSilent() // 打酱油的路过，啥都不响应的shape~
-            ) {
-                return false;
-            }
-
-            var event = this._event;
-            if (shape.isCover(x, y)) {
-                if (shape.hoverable) {
-                    this.storage.addHover(shape);
-                }
-                // 查找是否在 clipShape 中
-                var p = shape.parent;
-                while (p) {
-                    if (p.clipShape && !p.clipShape.isCover(this._mouseX, this._mouseY))  {
-                        // 已经被祖先 clip 掉了
-                        return false;
-                    }
-                    p = p.parent;
-                }
-
-                if (this._lastHover != shape) {
-                    this._processOutShape(event);
-
-                    // 可能出现config.EVENT.DRAGLEAVE事件
-                    this._processDragLeave(event);
-
-                    this._lastHover = shape;
-
-                    // 可能出现config.EVENT.DRAGENTER事件
-                    this._processDragEnter(event);
-                }
-
-                this._processOverShape(event);
-
-                // 可能出现config.EVENT.DRAGOVER
-                this._processDragOver(event);
-
-                this._hasfound = 1;
-
-                return true;    // 找到则中断迭代查找
-            }
-
-            return false;
-        }
-
-        /**
-         * 如果存在第三方嵌入的一些dom触发的事件，或touch事件，需要转换一下事件坐标
-         * 
-         * @private
-         */
-        Handler.prototype._zrenderEventFixed = function (event, isTouch) {
-            if (event.zrenderFixed) {
-                return event;
-            }
-
-            if (!isTouch) {
-                event = event || window.event;
-                // 进入对象优先~
-                var target = event.toElement
-                              || event.relatedTarget
-                              || event.srcElement
-                              || event.target;
-
-                if (target && target != this._domHover) {
-                    event.zrenderX = (typeof event.offsetX != 'undefined'
-                                        ? event.offsetX
-                                        : event.layerX)
-                                      + target.offsetLeft;
-                    event.zrenderY = (typeof event.offsetY != 'undefined'
-                                        ? event.offsetY
-                                        : event.layerY)
-                                      + target.offsetTop;
-                }
-            }
-            else {
-                var touch = event.type != 'touchend'
-                                ? event.targetTouches[0]
-                                : event.changedTouches[0];
-                if (touch) {
-                    var rBounding = this.painter._domRoot.getBoundingClientRect();
-                    // touch事件坐标是全屏的~
-                    event.zrenderX = touch.clientX - rBounding.left;
-                    event.zrenderY = touch.clientY - rBounding.top;
-                }
-            }
-
-            event.zrenderFixed = 1;
-            return event;
-        };
-
-        util.merge(Handler.prototype, Eventful.prototype, true);
-
-        return Handler;
-    }
-);
-
-/**
- * 曲线辅助模块
- * @module zrender/tool/curve
- * @author pissang(https://www.github.com/pissang)
- */
-define('zrender/tool/curve',['require','./vector'],function(require) {
-
-    var vector = require('./vector');
-
-    
-
-    var EPSILON = 1e-4;
-
-    var THREE_SQRT = Math.sqrt(3);
-    var ONE_THIRD = 1 / 3;
-
-    // 临时变量
-    var _v0 = vector.create();
-    var _v1 = vector.create();
-    var _v2 = vector.create();
-    // var _v3 = vector.create();
-
-    function isAroundZero(val) {
-        return val > -EPSILON && val < EPSILON;
-    }
-    function isNotAroundZero(val) {
-        return val > EPSILON || val < -EPSILON;
-    }
-    /*
-    function evalCubicCoeff(a, b, c, d, t) {
-        return ((a * t + b) * t + c) * t + d;
-    }
-    */
-
-    /** 
-     * 计算三次贝塞尔值
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} p3
-     * @param  {number} t
-     * @return {number}
-     */
-    function cubicAt(p0, p1, p2, p3, t) {
-        var onet = 1 - t;
-        return onet * onet * (onet * p0 + 3 * t * p1)
-             + t * t * (t * p3 + 3 * onet * p2);
-    }
-
-    /** 
-     * 计算三次贝塞尔导数值
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} p3
-     * @param  {number} t
-     * @return {number}
-     */
-    function cubicDerivativeAt(p0, p1, p2, p3, t) {
-        var onet = 1 - t;
-        return 3 * (
-            ((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet
-            + (p3 - p2) * t * t
-        );
-    }
-
-    /**
-     * 计算三次贝塞尔方程根，使用盛金公式
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} p3
-     * @param  {number} val
-     * @param  {Array.<number>} roots
-     * @return {number} 有效根数目
-     */
-    function cubicRootAt(p0, p1, p2, p3, val, roots) {
-        // Evaluate roots of cubic functions
-        var a = p3 + 3 * (p1 - p2) - p0;
-        var b = 3 * (p2 - p1 * 2 + p0);
-        var c = 3 * (p1  - p0);
-        var d = p0 - val;
-
-        var A = b * b - 3 * a * c;
-        var B = b * c - 9 * a * d;
-        var C = c * c - 3 * b * d;
-
-        var n = 0;
-
-        if (isAroundZero(A) && isAroundZero(B)) {
-            if (isAroundZero(b)) {
-                roots[0] = 0;
-            }
-            else {
-                var t1 = -c / b;  //t1, t2, t3, b is not zero
-                if (t1 >=0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-            }
-        }
-        else {
-            var disc = B * B - 4 * A * C;
-
-            if (isAroundZero(disc)) {
-                var K = B / A;
-                var t1 = -b / a + K;  // t1, a is not zero
-                var t2 = -K / 2;  // t2, t3
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-                if (t2 >= 0 && t2 <= 1) {
-                    roots[n++] = t2;
-                }
-            }
-            else if (disc > 0) {
-                var discSqrt = Math.sqrt(disc);
-                var Y1 = A * b + 1.5 * a * (-B + discSqrt);
-                var Y2 = A * b + 1.5 * a * (-B - discSqrt);
-                if (Y1 < 0) {
-                    Y1 = -Math.pow(-Y1, ONE_THIRD);
-                }
-                else {
-                    Y1 = Math.pow(Y1, ONE_THIRD);
-                }
-                if (Y2 < 0) {
-                    Y2 = -Math.pow(-Y2, ONE_THIRD);
-                }
-                else {
-                    Y2 = Math.pow(Y2, ONE_THIRD);
-                }
-                var t1 = (-b - (Y1 + Y2)) / (3 * a);
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-            }
-            else {
-                var T = (2 * A * b - 3 * a * B) / (2 * Math.sqrt(A * A * A));
-                var theta = Math.acos(T) / 3;
-                var ASqrt = Math.sqrt(A);
-                var tmp = Math.cos(theta);
-                
-                var t1 = (-b - 2 * ASqrt * tmp) / (3 * a);
-                var t2 = (-b + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a);
-                var t3 = (-b + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a);
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-                if (t2 >= 0 && t2 <= 1) {
-                    roots[n++] = t2;
-                }
-                if (t3 >= 0 && t3 <= 1) {
-                    roots[n++] = t3;
-                }
-            }
-        }
-        return n;
-    }
-
-    /**
-     * 计算三次贝塞尔方程极限值的位置
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} p3
-     * @param  {Array.<number>} extrema
-     * @return {number} 有效数目
-     */
-    function cubicExtrema(p0, p1, p2, p3, extrema) {
-        var b = 6 * p2 - 12 * p1 + 6 * p0;
-        var a = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2;
-        var c = 3 * p1 - 3 * p0;
-
-        var n = 0;
-        if (isAroundZero(a)) {
-            if (isNotAroundZero(b)) {
-                var t1 = -c / b;
-                if (t1 >= 0 && t1 <=1) {
-                    extrema[n++] = t1;
-                }
-            }
-        }
-        else {
-            var disc = b * b - 4 * a * c;
-            if (isAroundZero(disc)) {
-                extrema[0] = -b / (2 * a);
-            }
-            else if (disc > 0) {
-                var discSqrt = Math.sqrt(disc);
-                var t1 = (-b + discSqrt) / (2 * a);
-                var t2 = (-b - discSqrt) / (2 * a);
-                if (t1 >= 0 && t1 <= 1) {
-                    extrema[n++] = t1;
-                }
-                if (t2 >= 0 && t2 <= 1) {
-                    extrema[n++] = t2;
-                }
-            }
-        }
-        return n;
-    }
-
-    /**
-     * 细分三次贝塞尔曲线
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} p3
-     * @param  {number} t
-     * @param  {Array.<number>} out
-     */
-    function cubicSubdivide(p0, p1, p2, p3, t, out) {
-        var p01 = (p1 - p0) * t + p0;
-        var p12 = (p2 - p1) * t + p1;
-        var p23 = (p3 - p2) * t + p2;
-
-        var p012 = (p12 - p01) * t + p01;
-        var p123 = (p23 - p12) * t + p12;
-
-        var p0123 = (p123 - p012) * t + p012;
-        // Seg0
-        out[0] = p0;
-        out[1] = p01;
-        out[2] = p012;
-        out[3] = p0123;
-        // Seg1
-        out[4] = p0123;
-        out[5] = p123;
-        out[6] = p23;
-        out[7] = p3;
-    }
-
-    /**
-     * 投射点到三次贝塞尔曲线上，返回投射距离。
-     * 投射点有可能会有一个或者多个，这里只返回其中距离最短的一个。
-     * @param {number} x0
-     * @param {number} y0
-     * @param {number} x1
-     * @param {number} y1
-     * @param {number} x2
-     * @param {number} y2
-     * @param {number} x3
-     * @param {number} y3
-     * @param {number} x
-     * @param {number} y
-     * @param {Array.<number>} [out] 投射点
-     * @return {number}
-     */
-    function cubicProjectPoint(
-        x0, y0, x1, y1, x2, y2, x3, y3,
-        x, y, out
-    ) {
-        // http://pomax.github.io/bezierinfo/#projections
-        var t;
-        var interval = 0.005;
-        var d = Infinity;
-
-        _v0[0] = x;
-        _v0[1] = y;
-
-        // 先粗略估计一下可能的最小距离的 t 值
-        // PENDING
-        for (var _t = 0; _t < 1; _t += 0.05) {
-            _v1[0] = cubicAt(x0, x1, x2, x3, _t);
-            _v1[1] = cubicAt(y0, y1, y2, y3, _t);
-            var d1 = vector.distSquare(_v0, _v1);
-            if (d1 < d) {
-                t = _t;
-                d = d1;
-            }
-        }
-        d = Infinity;
-
-        // At most 32 iteration
-        for (var i = 0; i < 32; i++) {
-            if (interval < EPSILON) {
-                break;
-            }
-            var prev = t - interval;
-            var next = t + interval;
-            // t - interval
-            _v1[0] = cubicAt(x0, x1, x2, x3, prev);
-            _v1[1] = cubicAt(y0, y1, y2, y3, prev);
-
-            var d1 = vector.distSquare(_v1, _v0);
-
-            if (prev >= 0 && d1 < d) {
-                t = prev;
-                d = d1;
-            }
-            else {
-                // t + interval
-                _v2[0] = cubicAt(x0, x1, x2, x3, next);
-                _v2[1] = cubicAt(y0, y1, y2, y3, next);
-                var d2 = vector.distSquare(_v2, _v0);
-
-                if (next <= 1 && d2 < d) {
-                    t = next;
-                    d = d2;
-                }
-                else {
-                    interval *= 0.5;
-                }
-            }
-        }
-        // t
-        if (out) {
-            out[0] = cubicAt(x0, x1, x2, x3, t);
-            out[1] = cubicAt(y0, y1, y2, y3, t);   
-        }
-        // console.log(interval, i);
-        return Math.sqrt(d);
-    }
-
-    /**
-     * 计算二次方贝塞尔值
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} t
-     * @return {number}
-     */
-    function quadraticAt(p0, p1, p2, t) {
-        var onet = 1 - t;
-        return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
-    }
-
-    /**
-     * 计算二次方贝塞尔导数值
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} t
-     * @return {number}
-     */
-    function quadraticDerivativeAt(p0, p1, p2, t) {
-        return 2 * ((1 - t) * (p1 - p0) + t * (p2 - p1));
-    }
-
-    /**
-     * 计算二次方贝塞尔方程根
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @param  {number} t
-     * @param  {Array.<number>} roots
-     * @return {number} 有效根数目
-     */
-    function quadraticRootAt(p0, p1, p2, val, roots) {
-        var a = p0 - 2 * p1 + p2;
-        var b = 2 * (p1 - p0);
-        var c = p0 - val;
-
-        var n = 0;
-        if (isAroundZero(a)) {
-            if (isNotAroundZero(b)) {
-                var t1 = -c / b;
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-            }
-        }
-        else {
-            var disc = b * b - 4 * a * c;
-            if (isAroundZero(disc)) {
-                var t1 = -b / (2 * a);
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-            }
-            else if (disc > 0) {
-                var discSqrt = Math.sqrt(disc);
-                var t1 = (-b + discSqrt) / (2 * a);
-                var t2 = (-b - discSqrt) / (2 * a);
-                if (t1 >= 0 && t1 <= 1) {
-                    roots[n++] = t1;
-                }
-                if (t2 >= 0 && t2 <= 1) {
-                    roots[n++] = t2;
-                }
-            }
-        }
-        return n;
-    }
-
-    /**
-     * 计算二次贝塞尔方程极限值
-     * @memberOf module:zrender/tool/curve
-     * @param  {number} p0
-     * @param  {number} p1
-     * @param  {number} p2
-     * @return {number}
-     */
-    function quadraticExtremum(p0, p1, p2) {
-        var divider = p0 + p2 - 2 * p1;
-        if (divider === 0) {
-            // p1 is center of p0 and p2 
-            return 0.5;
-        }
-        else {
-            return (p0 - p1) / divider;
-        }
-    }
-
-    /**
-     * 投射点到二次贝塞尔曲线上，返回投射距离。
-     * 投射点有可能会有一个或者多个，这里只返回其中距离最短的一个。
-     * @param {number} x0
-     * @param {number} y0
-     * @param {number} x1
-     * @param {number} y1
-     * @param {number} x2
-     * @param {number} y2
-     * @param {number} x
-     * @param {number} y
-     * @param {Array.<number>} out 投射点
-     * @return {number}
-     */
-    function quadraticProjectPoint(
-        x0, y0, x1, y1, x2, y2,
-        x, y, out
-    ) {
-        // http://pomax.github.io/bezierinfo/#projections
-        var t;
-        var interval = 0.005;
-        var d = Infinity;
-
-        _v0[0] = x;
-        _v0[1] = y;
-
-        // 先粗略估计一下可能的最小距离的 t 值
-        // PENDING
-        for (var _t = 0; _t < 1; _t += 0.05) {
-            _v1[0] = quadraticAt(x0, x1, x2, _t);
-            _v1[1] = quadraticAt(y0, y1, y2, _t);
-            var d1 = vector.distSquare(_v0, _v1);
-            if (d1 < d) {
-                t = _t;
-                d = d1;
-            }
-        }
-        d = Infinity;
-
-        // At most 32 iteration
-        for (var i = 0; i < 32; i++) {
-            if (interval < EPSILON) {
-                break;
-            }
-            var prev = t - interval;
-            var next = t + interval;
-            // t - interval
-            _v1[0] = quadraticAt(x0, x1, x2, prev);
-            _v1[1] = quadraticAt(y0, y1, y2, prev);
-
-            var d1 = vector.distSquare(_v1, _v0);
-
-            if (prev >= 0 && d1 < d) {
-                t = prev;
-                d = d1;
-            }
-            else {
-                // t + interval
-                _v2[0] = quadraticAt(x0, x1, x2, next);
-                _v2[1] = quadraticAt(y0, y1, y2, next);
-                var d2 = vector.distSquare(_v2, _v0);
-                if (next <= 1 && d2 < d) {
-                    t = next;
-                    d = d2;
-                }
-                else {
-                    interval *= 0.5;
-                }
-            }
-        }
-        // t
-        if (out) {
-            out[0] = quadraticAt(x0, x1, x2, t);
-            out[1] = quadraticAt(y0, y1, y2, t);   
-        }
-        // console.log(interval, i);
-        return Math.sqrt(d);
-    }
-
-    return {
-
-        cubicAt: cubicAt,
-
-        cubicDerivativeAt: cubicDerivativeAt,
-
-        cubicRootAt: cubicRootAt,
-
-        cubicExtrema: cubicExtrema,
-
-        cubicSubdivide: cubicSubdivide,
-
-        cubicProjectPoint: cubicProjectPoint,
-
-        quadraticAt: quadraticAt,
-
-        quadraticDerivativeAt: quadraticDerivativeAt,
-
-        quadraticRootAt: quadraticRootAt,
-
-        quadraticExtremum: quadraticExtremum,
-
-        quadraticProjectPoint: quadraticProjectPoint
-    };
-});
-/**
- * zrender: 图形空间辅助类
- *
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         pissang (https://www.github.com/pissang)
- *
- * isInside：是否在区域内部
- * isOutside：是否在区域外部
- * getTextWidth：测算单行文本宽度
- */
-define(
-    'zrender/tool/area',['require','./util','./curve'],function (require) {
-
-        
-
-        var util = require('./util');
-        var curve = require('./curve');
-
-        var _ctx;
-        
-        var _textWidthCache = {};
-        var _textHeightCache = {};
-        var _textWidthCacheCounter = 0;
-        var _textHeightCacheCounter = 0;
-        var TEXT_CACHE_MAX = 5000;
-            
-        var PI2 = Math.PI * 2;
-
-        function normalizeRadian(angle) {
-            angle %= PI2;
-            if (angle < 0) {
-                angle += PI2;
-            }
-            return angle;
-        }
-        /**
-         * 包含判断
-         *
-         * @param {Object} shape : 图形
-         * @param {Object} area ： 目标区域
-         * @param {number} x ： 横坐标
-         * @param {number} y ： 纵坐标
-         */
-        function isInside(shape, area, x, y) {
-            if (!area || !shape) {
-                // 无参数或不支持类型
-                return false;
-            }
-            var zoneType = shape.type;
-
-            _ctx = _ctx || util.getContext();
-
-            // 未实现或不可用时(excanvas不支持)则数学运算，主要是line，polyline，ring
-            var _mathReturn = _mathMethod(shape, area, x, y);
-            if (typeof _mathReturn != 'undefined') {
-                return _mathReturn;
-            }
-
-            if (shape.buildPath && _ctx.isPointInPath) {
-                return _buildPathMethod(shape, _ctx, area, x, y);
-            }
-
-            // 上面的方法都行不通时
-            switch (zoneType) {
-                case 'ellipse': // Todo，不精确
-                    return true;
-                // 旋轮曲线  不准确
-                case 'trochoid':
-                    var _r = area.location == 'out'
-                            ? area.r1 + area.r2 + area.d
-                            : area.r1 - area.r2 + area.d;
-                    return isInsideCircle(area, x, y, _r);
-                // 玫瑰线 不准确
-                case 'rose' :
-                    return isInsideCircle(area, x, y, area.maxr);
-                // 路径，椭圆，曲线等-----------------13
-                default:
-                    return false;   // Todo，暂不支持
-            }
-        }
-
-        /**
-         * 用数学方法判断，三个方法中最快，但是支持的shape少
-         *
-         * @param {Object} shape : 图形
-         * @param {Object} area ：目标区域
-         * @param {number} x ： 横坐标
-         * @param {number} y ： 纵坐标
-         * @return {boolean=} true表示坐标处在图形中
-         */
-        function _mathMethod(shape, area, x, y) {
-            var zoneType = shape.type;
-            // 在矩形内则部分图形需要进一步判断
-            switch (zoneType) {
-                // 贝塞尔曲线
-                case 'bezier-curve':
-                    if (typeof(area.cpX2) === 'undefined') {
-                        return isInsideQuadraticStroke(
-                            area.xStart, area.yStart,
-                            area.cpX1, area.cpY1, 
-                            area.xEnd, area.yEnd,
-                            area.lineWidth, x, y
-                        );
-                    }
-                    return isInsideCubicStroke(
-                        area.xStart, area.yStart,
-                        area.cpX1, area.cpY1, 
-                        area.cpX2, area.cpY2, 
-                        area.xEnd, area.yEnd,
-                        area.lineWidth, x, y
-                    );
-                // 线
-                case 'line':
-                    return isInsideLine(
-                        area.xStart, area.yStart,
-                        area.xEnd, area.yEnd,
-                        area.lineWidth, x, y
-                    );
-                // 折线
-                case 'polyline':
-                    return isInsidePolyline(
-                        area.pointList, area.lineWidth, x, y
-                    );
-                // 圆环
-                case 'ring':
-                    return isInsideRing(
-                        area.x, area.y, area.r0, area.r, x, y
-                    );
-                // 圆形
-                case 'circle':
-                    return isInsideCircle(
-                        area.x, area.y, area.r, x, y
-                    );
-                // 扇形
-                case 'sector':
-                    var startAngle = area.startAngle * Math.PI / 180;
-                    var endAngle = area.endAngle * Math.PI / 180;
-                    if (!area.clockWise) {
-                        startAngle = -startAngle;
-                        endAngle = -endAngle;
-                    }
-                    return isInsideSector(
-                        area.x, area.y, area.r0, area.r,
-                        startAngle, endAngle,
-                        !area.clockWise,
-                        x, y
-                    );
-                // 多边形
-                case 'path':
-                    return area.pathArray && isInsidePath(
-                        area.pathArray, Math.max(area.lineWidth, 5),
-                        area.brushType, x, y
-                    );
-                case 'polygon':
-                case 'star':
-                case 'isogon':
-                    return isInsidePolygon(area.pointList, x, y);
-                // 文本
-                case 'text':
-                    var rect =  area.__rect || shape.getRect(area);
-                    return isInsideRect(
-                        rect.x, rect.y, rect.width, rect.height, x, y
-                    );
-                // 矩形
-                case 'rectangle':
-                // 图片
-                case 'image':
-                    return isInsideRect(
-                        area.x, area.y, area.width, area.height, x, y
-                    );
-            }
-        }
-
-        /**
-         * 通过buildPath方法来判断，三个方法中较快，但是不支持线条类型的shape，
-         * 而且excanvas不支持isPointInPath方法
-         *
-         * @param {Object} shape ： shape
-         * @param {Object} context : 上下文
-         * @param {Object} area ：目标区域
-         * @param {number} x ： 横坐标
-         * @param {number} y ： 纵坐标
-         * @return {boolean} true表示坐标处在图形中
-         */
-        function _buildPathMethod(shape, context, area, x, y) {
-            // 图形类实现路径创建了则用类的path
-            context.beginPath();
-            shape.buildPath(context, area);
-            context.closePath();
-            return context.isPointInPath(x, y);
-        }
-
-        /**
-         * !isInside
-         */
-        function isOutside(shape, area, x, y) {
-            return !isInside(shape, area, x, y);
-        }
-
-        /**
-         * 线段包含判断
-         * @param  {number}  x0
-         * @param  {number}  y0
-         * @param  {number}  x1
-         * @param  {number}  y1
-         * @param  {number}  lineWidth
-         * @param  {number}  x
-         * @param  {number}  y
-         * @return {boolean}
-         */
-        function isInsideLine(x0, y0, x1, y1, lineWidth, x, y) {
-            if (lineWidth === 0) {
-                return false;
-            }
-            var _l = Math.max(lineWidth, 5);
-            var _a = 0;
-            var _b = x0;
-            // Quick reject
-            if (
-                (y > y0 + _l && y > y1 + _l)
-                || (y < y0 - _l && y < y1 - _l)
-                || (x > x0 + _l && x > x1 + _l)
-                || (x < x0 - _l && x < x1 - _l)
-            ) {
-                return false;
-            }
-
-            if (x0 !== x1) {
-                _a = (y0 - y1) / (x0 - x1);
-                _b = (x0 * y1 - x1 * y0) / (x0 - x1) ;
-            }
-            else {
-                return Math.abs(x - x0) <= _l / 2;
-            }
-            var tmp = _a * x - y + _b;
-            var _s = tmp * tmp / (_a * _a + 1);
-            return _s <= _l / 2 * _l / 2;
-        }
-
-        /**
-         * 三次贝塞尔曲线描边包含判断
-         * @param  {number}  x0
-         * @param  {number}  y0
-         * @param  {number}  x1
-         * @param  {number}  y1
-         * @param  {number}  x2
-         * @param  {number}  y2
-         * @param  {number}  x3
-         * @param  {number}  y3
-         * @param  {number}  lineWidth
-         * @param  {number}  x
-         * @param  {number}  y
-         * @return {boolean}
-         */
-        function isInsideCubicStroke(
-            x0, y0, x1, y1, x2, y2, x3, y3,
-            lineWidth, x, y
-        ) {
-            if (lineWidth === 0) {
-                return false;
-            }
-            var _l = Math.max(lineWidth, 5);
-            // Quick reject
-            if (
-                (y > y0 + _l && y > y1 + _l && y > y2 + _l && y > y3 + _l)
-                || (y < y0 - _l && y < y1 - _l && y < y2 - _l && y < y3 - _l)
-                || (x > x0 + _l && x > x1 + _l && x > x2 + _l && x > x3 + _l)
-                || (x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l)
-            ) {
-                return false;
-            }
-            var d =  curve.cubicProjectPoint(
-                x0, y0, x1, y1, x2, y2, x3, y3,
-                x, y, null
-            );
-            return d <= _l / 2;
-        }
-
-        /**
-         * 二次贝塞尔曲线描边包含判断
-         * @param  {number}  x0
-         * @param  {number}  y0
-         * @param  {number}  x1
-         * @param  {number}  y1
-         * @param  {number}  x2
-         * @param  {number}  y2
-         * @param  {number}  lineWidth
-         * @param  {number}  x
-         * @param  {number}  y
-         * @return {boolean}
-         */
-        function isInsideQuadraticStroke(
-            x0, y0, x1, y1, x2, y2,
-            lineWidth, x, y
-        ) {
-            if (lineWidth === 0) {
-                return false;
-            }
-            var _l = Math.max(lineWidth, 5);
-            // Quick reject
-            if (
-                (y > y0 + _l && y > y1 + _l && y > y2 + _l)
-                || (y < y0 - _l && y < y1 - _l && y < y2 - _l)
-                || (x > x0 + _l && x > x1 + _l && x > x2 + _l)
-                || (x < x0 - _l && x < x1 - _l && x < x2 - _l)
-            ) {
-                return false;
-            }
-            var d =  curve.quadraticProjectPoint(
-                x0, y0, x1, y1, x2, y2,
-                x, y, null
-            );
-            return d <= _l / 2;
-        }
-
-        /**
-         * 圆弧描边包含判断
-         * @param  {number}  cx
-         * @param  {number}  cy
-         * @param  {number}  r
-         * @param  {number}  startAngle
-         * @param  {number}  endAngle
-         * @param  {boolean}  anticlockwise
-         * @param  {number} lineWidth
-         * @param  {number}  x
-         * @param  {number}  y
-         * @return {Boolean}
-         */
-        function isInsideArcStroke(
-            cx, cy, r, startAngle, endAngle, anticlockwise,
-            lineWidth, x, y
-        ) {
-            if (lineWidth === 0) {
-                return false;
-            }
-            var _l = Math.max(lineWidth, 5);
-
-            x -= cx;
-            y -= cy;
-            var d = Math.sqrt(x * x + y * y);
-            if ((d - _l > r) || (d + _l < r)) {
-                return false;
-            }
-            if (Math.abs(startAngle - endAngle) >= PI2) {
-                // Is a circle
-                return true;
-            }
-            if (anticlockwise) {
-                var tmp = startAngle;
-                startAngle = normalizeRadian(endAngle);
-                endAngle = normalizeRadian(tmp);
-            } else {
-                startAngle = normalizeRadian(startAngle);
-                endAngle = normalizeRadian(endAngle);
-            }
-            if (startAngle > endAngle) {
-                endAngle += PI2;
-            }
-            
-            var angle = Math.atan2(y, x);
-            if (angle < 0) {
-                angle += PI2;
-            }
-            return (angle >= startAngle && angle <= endAngle)
-                || (angle + PI2 >= startAngle && angle + PI2 <= endAngle);
-        }
-
-        function isInsidePolyline(points, lineWidth, x, y) {
-            var lineWidth = Math.max(lineWidth, 10);
-            for (var i = 0, l = points.length - 1; i < l; i++) {
-                var x0 = points[i][0];
-                var y0 = points[i][1];
-                var x1 = points[i + 1][0];
-                var y1 = points[i + 1][1];
-
-                if (isInsideLine(x0, y0, x1, y1, lineWidth, x, y)) {
-                    return true;
-                }
-            }
-
-            return false;
-        }
-
-        function isInsideRing(cx, cy, r0, r, x, y) {
-            var d = (x - cx) * (x - cx) + (y - cy) * (y - cy);
-            return (d < r * r) && (d > r0 * r0);
-        }
-
-        /**
-         * 矩形包含判断
-         */
-        function isInsideRect(x0, y0, width, height, x, y) {
-            return x >= x0 && x <= (x0 + width)
-                && y >= y0 && y <= (y0 + height);
-        }
-
-        /**
-         * 圆形包含判断
-         */
-        function isInsideCircle(x0, y0, r, x, y) {
-            return (x - x0) * (x - x0) + (y - y0) * (y - y0)
-                   < r * r;
-        }
-
-        /**
-         * 扇形包含判断
-         */
-        function isInsideSector(
-            cx, cy, r0, r, startAngle, endAngle, anticlockwise, x, y
-        ) {
-            return isInsideArcStroke(
-                cx, cy, (r0 + r) / 2, startAngle, endAngle, anticlockwise,
-                r - r0, x, y
-            );
-        }
-
-        /**
-         * 多边形包含判断
-         * 与 canvas 一样采用 non-zero winding rule
-         */
-        function isInsidePolygon(points, x, y) {
-            var N = points.length;
-            var w = 0;
-
-            for (var i = 0, j = N - 1; i < N; i++) {
-                var x0 = points[j][0];
-                var y0 = points[j][1];
-                var x1 = points[i][0];
-                var y1 = points[i][1];
-                w += windingLine(x0, y0, x1, y1, x, y);
-                j = i;
-            }
-            return w !== 0;
-        }
-
-        function windingLine(x0, y0, x1, y1, x, y) {
-            if ((y > y0 && y > y1) || (y < y0 && y < y1)) {
-                return 0;
-            }
-            if (y1 == y0) {
-                return 0;
-            }
-            var dir = y1 < y0 ? 1 : -1;
-            var t = (y - y0) / (y1 - y0);
-            var x_ = t * (x1 - x0) + x0;
-
-            return x_ > x ? dir : 0;
-        }
-
-        // 临时数组
-        var roots = [-1, -1, -1];
-        var extrema = [-1, -1];
-
-        function swapExtrema() {
-            var tmp = extrema[0];
-            extrema[0] = extrema[1];
-            extrema[1] = tmp;
-        }
-        function windingCubic(x0, y0, x1, y1, x2, y2, x3, y3, x, y) {
-            // Quick reject
-            if (
-                (y > y0 && y > y1 && y > y2 && y > y3)
-                || (y < y0 && y < y1 && y < y2 && y < y3)
-            ) {
-                return 0;
-            }
-            var nRoots = curve.cubicRootAt(y0, y1, y2, y3, y, roots);
-            if (nRoots === 0) {
-                return 0;
-            }
-            else {
-                var w = 0;
-                var nExtrema = -1;
-                var y0_, y1_;
-                for (var i = 0; i < nRoots; i++) {
-                    var t = roots[i];
-                    var x_ = curve.cubicAt(x0, x1, x2, x3, t);
-                    if (x_ < x) { // Quick reject
-                        continue;
-                    }
-                    if (nExtrema < 0) {
-                        nExtrema = curve.cubicExtrema(y0, y1, y2, y3, extrema);
-                        if (extrema[1] < extrema[0] && nExtrema > 1) {
-                            swapExtrema();
-                        }
-                        y0_ = curve.cubicAt(y0, y1, y2, y3, extrema[0]);
-                        if (nExtrema > 1) {
-                            y1_ = curve.cubicAt(y0, y1, y2, y3, extrema[1]);
-                        }
-                    }
-                    if (nExtrema == 2) {
-                        // 分成三段单调函数
-                        if (t < extrema[0]) {
-                            w += y0_ < y0 ? 1 : -1;
-                        } 
-                        else if (t < extrema[1]) {
-                            w += y1_ < y0_ ? 1 : -1;
-                        } 
-                        else {
-                            w += y3 < y1_ ? 1 : -1;
-                        }
-                    } 
-                    else {
-                        // 分成两段单调函数
-                        if (t < extrema[0]) {
-                            w += y0_ < y0 ? 1 : -1;
-                        } 
-                        else {
-                            w += y3 < y0_ ? 1 : -1;
-                        }
-                    }
-                }
-                return w;
-            }
-        }
-
-        function windingQuadratic(x0, y0, x1, y1, x2, y2, x, y) {
-            // Quick reject
-            if (
-                (y > y0 && y > y1 && y > y2)
-                || (y < y0 && y < y1 && y < y2)
-            ) {
-                return 0;
-            }
-            var nRoots = curve.quadraticRootAt(y0, y1, y2, y, roots);
-            if (nRoots === 0) {
-                return 0;
-            } 
-            else {
-                var t = curve.quadraticExtremum(y0, y1, y2);
-                if (t >=0 && t <= 1) {
-                    var w = 0;
-                    var y_ = curve.quadraticAt(y0, y1, y2, t);
-                    for (var i = 0; i < nRoots; i++) {
-                        var x_ = curve.quadraticAt(x0, x1, x2, roots[i]);
-                        if (x_ > x) {
-                            continue;
-                        }
-                        if (roots[i] < t) {
-                            w += y_ < y0 ? 1 : -1;
-                        } 
-                        else {
-                            w += y2 < y_ ? 1 : -1;
-                        }
-                    }
-                    return w;
-                } 
-                else {
-                    var x_ = curve.quadraticAt(x0, x1, x2, roots[0]);
-                    if (x_ > x) {
-                        return 0;
-                    }
-                    return y2 < y0 ? 1 : -1;
-                }
-            }
-        }
-        
-        // TODO
-        // Arc 旋转
-        function windingArc(
-            cx, cy, r, startAngle, endAngle, anticlockwise, x, y
-        ) {
-            y -= cy;
-            if (y > r || y < -r) {
-                return 0;
-            }
-            var tmp = Math.sqrt(r * r - y * y);
-            roots[0] = -tmp;
-            roots[1] = tmp;
-
-            if (Math.abs(startAngle - endAngle) >= PI2) {
-                // Is a circle
-                startAngle = 0;
-                endAngle = PI2;
-                var dir = anticlockwise ? 1 : -1;
-                if (x >= roots[0] + cx && x <= roots[1] + cx) {
-                    return dir;
-                } else {
-                    return 0;
-                }
-            }
-
-            if (anticlockwise) {
-                var tmp = startAngle;
-                startAngle = normalizeRadian(endAngle);
-                endAngle = normalizeRadian(tmp);   
-            } else {
-                startAngle = normalizeRadian(startAngle);
-                endAngle = normalizeRadian(endAngle);   
-            }
-            if (startAngle > endAngle) {
-                endAngle += PI2;
-            }
-
-            var w = 0;
-            for (var i = 0; i < 2; i++) {
-                var x_ = roots[i];
-                if (x_ + cx > x) {
-                    var angle = Math.atan2(y, x_);
-                    var dir = anticlockwise ? 1 : -1;
-                    if (angle < 0) {
-                        angle = PI2 + angle;
-                    }
-                    if (
-                        (angle >= startAngle && angle <= endAngle)
-                        || (angle + PI2 >= startAngle && angle + PI2 <= endAngle)
-                    ) {
-                        if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
-                            dir = -dir;
-                        }
-                        w += dir;
-                    }
-                }
-            }
-            return w;
-        }
-
-        /**
-         * 路径包含判断
-         * 与 canvas 一样采用 non-zero winding rule
-         */
-        function isInsidePath(pathArray, lineWidth, brushType, x, y) {
-            var w = 0;
-            var xi = 0;
-            var yi = 0;
-            var x0 = 0;
-            var y0 = 0;
-            var beginSubpath = true;
-            var firstCmd = true;
-
-            brushType = brushType || 'fill';
-
-            var hasStroke = brushType === 'stroke' || brushType === 'both';
-            var hasFill = brushType === 'fill' || brushType === 'both';
-
-            // var roots = [-1, -1, -1];
-            for (var i = 0; i < pathArray.length; i++) {
-                var seg = pathArray[i];
-                var p = seg.points;
-                // Begin a new subpath
-                if (beginSubpath || seg.command === 'M') {
-                    if (i > 0) {
-                        // Close previous subpath
-                        if (hasFill) {
-                            w += windingLine(xi, yi, x0, y0, x, y);
-                        }
-                        if (w !== 0) {
-                            return true;
-                        }
-                    }
-                    x0 = p[p.length - 2];
-                    y0 = p[p.length - 1];
-                    beginSubpath = false;
-                    if (firstCmd && seg.command !== 'A') {
-                        // 如果第一个命令不是M, 是lineTo, bezierCurveTo
-                        // 等绘制命令的话，是会从该绘制的起点开始算的
-                        // Arc 会在之后做单独处理所以这里忽略
-                        firstCmd = false;
-                        xi = x0;
-                        yi = y0;
-                    }
-                }
-                switch (seg.command) {
-                    case 'M':
-                        xi = p[0];
-                        yi = p[1];
-                        break;
-                    case 'L':
-                        if (hasStroke) {
-                            if (isInsideLine(
-                                xi, yi, p[0], p[1], lineWidth, x, y
-                            )) {
-                                return true;
-                            }
-                        }
-                        if (hasFill) {
-                            w += windingLine(xi, yi, p[0], p[1], x, y);
-                        }
-                        xi = p[0];
-                        yi = p[1];
-                        break;
-                    case 'C':
-                        if (hasStroke) {
-                            if (isInsideCubicStroke(
-                                xi, yi, p[0], p[1], p[2], p[3], p[4], p[5],
-                                lineWidth, x, y
-                            )) {
-                                return true;
-                            }
-                        }
-                        if (hasFill) {
-                            w += windingCubic(
-                                xi, yi, p[0], p[1], p[2], p[3], p[4], p[5], x, y
-                            );
-                        }
-                        xi = p[4];
-                        yi = p[5];
-                        break;
-                    case 'Q':
-                        if (hasStroke) {
-                            if (isInsideQuadraticStroke(
-                                xi, yi, p[0], p[1], p[2], p[3],
-                                lineWidth, x, y
-                            )) {
-                                return true;
-                            }
-                        }
-                        if (hasFill) {
-                            w += windingQuadratic(
-                                xi, yi, p[0], p[1], p[2], p[3], x, y
-                            );
-                        }
-                        xi = p[2];
-                        yi = p[3];
-                        break;
-                    case 'A':
-                        // TODO Arc 旋转
-                        // TODO Arc 判断的开销比较大
-                        var cx = p[0];
-                        var cy = p[1];
-                        var rx = p[2];
-                        var ry = p[3];
-                        var theta = p[4];
-                        var dTheta = p[5];
-                        var x1 = Math.cos(theta) * rx + cx;
-                        var y1 = Math.sin(theta) * ry + cy;
-                        // 不是直接使用 arc 命令
-                        if (!firstCmd) {
-                            w += windingLine(xi, yi, x1, y1);
-                        } else {
-                            firstCmd = false;
-                            // 第一个命令起点还未定义
-                            x0 = x1;
-                            y0 = y1;
-                        }
-                        // zr 使用scale来模拟椭圆, 这里也对x做一定的缩放
-                        var _x = (x - cx) * ry / rx + cx;
-                        if (hasStroke) {
-                            if (isInsideArcStroke(
-                                cx, cy, ry, theta, theta + dTheta, 1 - p[7],
-                                lineWidth, _x, y
-                            )) {
-                                return true;
-                            }
-                        }
-                        if (hasFill) {
-                            w += windingArc(
-                                cx, cy, ry, theta, theta + dTheta, 1 - p[7],
-                                _x, y
-                            );
-                        }
-                        xi = Math.cos(theta + dTheta) * rx + cx;
-                        yi = Math.sin(theta + dTheta) * ry + cy;
-                        break;
-                    case 'z':
-                        if (hasStroke) {
-                            if (isInsideLine(
-                                xi, yi, x0, y0, lineWidth, x, y
-                            )) {
-                                return true;
-                            }
-                        }
-                        beginSubpath = true;
-                        break;
-                }
-            }
-            if (hasFill) {
-                w += windingLine(xi, yi, x0, y0, x, y);
-            }
-            return w !== 0;
-        }
-
-        /**
-         * 测算多行文本宽度
-         * @param {Object} text
-         * @param {Object} textFont
-         */
-        function getTextWidth(text, textFont) {
-            var key = text + ':' + textFont;
-            if (_textWidthCache[key]) {
-                return _textWidthCache[key];
-            }
-            _ctx = _ctx || util.getContext();
-            _ctx.save();
-
-            if (textFont) {
-                _ctx.font = textFont;
-            }
-            
-            text = (text + '').split('\n');
-            var width = 0;
-            for (var i = 0, l = text.length; i < l; i++) {
-                width =  Math.max(
-                    _ctx.measureText(text[i]).width,
-                    width
-                );
-            }
-            _ctx.restore();
-
-            _textWidthCache[key] = width;
-            if (++_textWidthCacheCounter > TEXT_CACHE_MAX) {
-                // 内存释放
-                _textWidthCacheCounter = 0;
-                _textWidthCache = {};
-            }
-            
-            return width;
-        }
-        
-        /**
-         * 测算多行文本高度
-         * @param {Object} text
-         * @param {Object} textFont
-         */
-        function getTextHeight(text, textFont) {
-            var key = text + ':' + textFont;
-            if (_textHeightCache[key]) {
-                return _textHeightCache[key];
-            }
-            
-            _ctx = _ctx || util.getContext();
-
-            _ctx.save();
-            if (textFont) {
-                _ctx.font = textFont;
-            }
-            
-            text = (text + '').split('\n');
-            // 比较粗暴
-            var height = (_ctx.measureText('国').width + 2) * text.length;
-
-            _ctx.restore();
-
-            _textHeightCache[key] = height;
-            if (++_textHeightCacheCounter > TEXT_CACHE_MAX) {
-                // 内存释放
-                _textHeightCacheCounter = 0;
-                _textHeightCache = {};
-            }
-            return height;
-        }
-
-        return {
-            isInside : isInside,
-            isOutside : isOutside,
-            getTextWidth : getTextWidth,
-            getTextHeight : getTextHeight,
-
-            isInsidePath: isInsidePath,
-            isInsidePolygon: isInsidePolygon,
-            isInsideSector: isInsideSector,
-            isInsideCircle: isInsideCircle,
-            isInsideLine: isInsideLine,
-            isInsideRect: isInsideRect,
-            isInsidePolyline: isInsidePolyline,
-
-            isInsideCubicStroke: isInsideCubicStroke,
-            isInsideQuadraticStroke: isInsideQuadraticStroke
-        };
-    }
-);
-
-/**
- * 提供变换扩展
- * @module zrender/mixin/Transformable
- * @author pissang (https://www.github.com/pissang)
- */
-define('zrender/mixin/Transformable',['require','../tool/matrix','../tool/vector'],function (require) {
-
-    
-
-    var matrix = require('../tool/matrix');
-    var vector = require('../tool/vector');
-    var origin = [ 0, 0 ];
-
-    var EPSILON = 5e-5;
-
-    function isAroundZero(val) {
-        return val > -EPSILON && val < EPSILON;
-    }
-    function isNotAroundZero(val) {
-        return val > EPSILON || val < -EPSILON;
-    }
-
-    /**
-     * @alias module:zrender/mixin/Transformable
-     * @constructor
-     */
-    var Transformable = function () {
-
-        if (!this.position) {
-            /**
-             * 平移
-             * @type {Array.<number>}
-             * @default [0, 0]
-             */
-            this.position = [ 0, 0 ];
-        }
-        if (typeof(this.rotation) == 'undefined') {
-            /**
-             * 旋转，可以通过数组二三项指定旋转的原点
-             * @type {Array.<number>}
-             * @default [0, 0, 0]
-             */
-            this.rotation = [ 0, 0, 0 ];
-        }
-        if (!this.scale) {
-            /**
-             * 缩放，可以通过数组三四项指定缩放的原点
-             * @type {Array.<number>}
-             * @default [1, 1, 0, 0]
-             */
-            this.scale = [ 1, 1, 0, 0 ];
-        }
-
-        this.needLocalTransform = false;
-
-        /**
-         * 是否有坐标变换
-         * @type {boolean}
-         * @readOnly
-         */
-        this.needTransform = false;
-    };
-
-    Transformable.prototype = {
-        
-        constructor: Transformable,
-
-        updateNeedTransform: function () {
-            this.needLocalTransform = isNotAroundZero(this.rotation[0])
-                || isNotAroundZero(this.position[0])
-                || isNotAroundZero(this.position[1])
-                || isNotAroundZero(this.scale[0] - 1)
-                || isNotAroundZero(this.scale[1] - 1);
-        },
-
-        /**
-         * 判断是否需要有坐标变换，更新needTransform属性。
-         * 如果有坐标变换, 则从position, rotation, scale以及父节点的transform计算出自身的transform矩阵
-         */
-        updateTransform: function () {
-            
-            this.updateNeedTransform();
-
-            if (this.parent) {
-                this.needTransform = this.needLocalTransform || this.parent.needTransform;
-            }
-            else {
-                this.needTransform = this.needLocalTransform;
-            }
-            
-            if (!this.needTransform) {
-                return;
-            }
-
-            var m = this.transform || matrix.create();
-            matrix.identity(m);
-
-            if (this.needLocalTransform) {
-                if (
-                    isNotAroundZero(this.scale[0])
-                 || isNotAroundZero(this.scale[1])
-                ) {
-                    origin[0] = -this.scale[2] || 0;
-                    origin[1] = -this.scale[3] || 0;
-                    var haveOrigin = isNotAroundZero(origin[0])
-                                  || isNotAroundZero(origin[1]);
-                    if (haveOrigin) {
-                        matrix.translate(
-                            m, m, origin
-                        );
-                    }
-                    matrix.scale(m, m, this.scale);
-                    if (haveOrigin) {
-                        origin[0] = -origin[0];
-                        origin[1] = -origin[1];
-                        matrix.translate(
-                            m, m, origin
-                        );
-                    }
-                }
-
-                if (this.rotation instanceof Array) {
-                    if (this.rotation[0] !== 0) {
-                        origin[0] = -this.rotation[1] || 0;
-                        origin[1] = -this.rotation[2] || 0;
-                        var haveOrigin = isNotAroundZero(origin[0])
-                                      || isNotAroundZero(origin[1]);
-                        if (haveOrigin) {
-                            matrix.translate(
-                                m, m, origin
-                            );
-                        }
-                        matrix.rotate(m, m, this.rotation[0]);
-                        if (haveOrigin) {
-                            origin[0] = -origin[0];
-                            origin[1] = -origin[1];
-                            matrix.translate(
-                                m, m, origin
-                            );
-                        }
-                    }
-                }
-                else {
-                    if (this.rotation !== 0) {
-                        matrix.rotate(m, m, this.rotation);
-                    }
-                }
-
-                if (
-                    isNotAroundZero(this.position[0]) || isNotAroundZero(this.position[1])
-                ) {
-                    matrix.translate(m, m, this.position);
-                }
-            }
-
-            // 保存这个变换矩阵
-            this.transform = m;
-
-            // 应用父节点变换
-            if (this.parent && this.parent.needTransform) {
-                if (this.needLocalTransform) {
-                    matrix.mul(this.transform, this.parent.transform, this.transform);
-                }
-                else {
-                    matrix.copy(this.transform, this.parent.transform);
-                }
-            }
-        },
-        /**
-         * 将自己的transform应用到context上
-         * @param {Context2D} ctx
-         */
-        setTransform: function (ctx) {
-            if (this.needTransform) {
-                var m = this.transform;
-                ctx.transform(
-                    m[0], m[1],
-                    m[2], m[3],
-                    m[4], m[5]
-                );
-            }
-        },
-        /**
-         * 设置图形的朝向
-         * @param  {Array.<number>|Float32Array} target
-         * @method
-         */
-        lookAt: (function () {
-            var v = vector.create();
-            return function(target) {
-                if (!this.transform) {
-                    this.transform = matrix.create();
-                }
-                var m = this.transform;
-                vector.sub(v, target, this.position);
-                if (isAroundZero(v[0]) && isAroundZero(v[1])) {
-                    return;
-                }
-                vector.normalize(v, v);
-                // Y Axis
-                // TODO Scale origin ?
-                m[2] = v[0] * this.scale[1];
-                m[3] = v[1] * this.scale[1];
-                // X Axis
-                m[0] = v[1] * this.scale[0];
-                m[1] = -v[0] * this.scale[0];
-                // Position
-                m[4] = this.position[0];
-                m[5] = this.position[1];
-
-                this.decomposeTransform();
-            };
-        })(),
-        /**
-         * 分解`transform`矩阵到`position`, `rotation`, `scale`
-         */
-        decomposeTransform: function () {
-            if (!this.transform) {
-                return;
-            }
-            var m = this.transform;
-            var sx = m[0] * m[0] + m[1] * m[1];
-            var position = this.position;
-            var scale = this.scale;
-            var rotation = this.rotation;
-            if (isNotAroundZero(sx - 1)) {
-                sx = Math.sqrt(sx);
-            }
-            var sy = m[2] * m[2] + m[3] * m[3];
-            if (isNotAroundZero(sy - 1)) {
-                sy = Math.sqrt(sy);
-            }
-            position[0] = m[4];
-            position[1] = m[5];
-            scale[0] = sx;
-            scale[1] = sy;
-            scale[2] = scale[3] = 0;
-            rotation[0] = Math.atan2(-m[1] / sy, m[0] / sx);
-            rotation[1] = rotation[2] = 0;
-        }
-    };
-
-    return Transformable;
-});
-
-/**
- * 颜色辅助模块
- * @module zrender/tool/color
- */
-define('zrender/tool/color',['require','../tool/util'],function(require) {
-    var util = require('../tool/util');
-
-    var _ctx;
-
-    // Color palette is an array containing the default colors for the chart's
-    // series.
-    // When all colors are used, new colors are selected from the start again.
-    // Defaults to:
-    // 默认色板
-    var palette = [
-        '#ff9277', ' #dddd00', ' #ffc877', ' #bbe3ff', ' #d5ffbb',
-        '#bbbbff', ' #ddb000', ' #b0dd00', ' #e2bbff', ' #ffbbe3',
-        '#ff7777', ' #ff9900', ' #83dd00', ' #77e3ff', ' #778fff',
-        '#c877ff', ' #ff77ab', ' #ff6600', ' #aa8800', ' #77c7ff',
-        '#ad77ff', ' #ff77ff', ' #dd0083', ' #777700', ' #00aa00',
-        '#0088aa', ' #8400dd', ' #aa0088', ' #dd0000', ' #772e00'
-    ];
-    var _palette = palette;
-
-    var highlightColor = 'rgba(255,255,0,0.5)';
-    var _highlightColor = highlightColor;
-
-    // 颜色格式
-    /*jshint maxlen: 330 */
-    var colorRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i;
-
-    var _nameColors = {
-        aliceblue : '#f0f8ff',
-        antiquewhite : '#faebd7',
-        aqua : '#0ff',
-        aquamarine : '#7fffd4',
-        azure : '#f0ffff',
-        beige : '#f5f5dc',
-        bisque : '#ffe4c4',
-        black : '#000',
-        blanchedalmond : '#ffebcd',
-        blue : '#00f',
-        blueviolet : '#8a2be2',
-        brown : '#a52a2a',
-        burlywood : '#deb887',
-        cadetblue : '#5f9ea0',
-        chartreuse : '#7fff00',
-        chocolate : '#d2691e',
-        coral : '#ff7f50',
-        cornflowerblue : '#6495ed',
-        cornsilk : '#fff8dc',
-        crimson : '#dc143c',
-        cyan : '#0ff',
-        darkblue : '#00008b',
-        darkcyan : '#008b8b',
-        darkgoldenrod : '#b8860b',
-        darkgray : '#a9a9a9',
-        darkgrey : '#a9a9a9',
-        darkgreen : '#006400',
-        darkkhaki : '#bdb76b',
-        darkmagenta : '#8b008b',
-        darkolivegreen : '#556b2f',
-        darkorange : '#ff8c00',
-        darkorchid : '#9932cc',
-        darkred : '#8b0000',
-        darksalmon : '#e9967a',
-        darkseagreen : '#8fbc8f',
-        darkslateblue : '#483d8b',
-        darkslategray : '#2f4f4f',
-        darkslategrey : '#2f4f4f',
-        darkturquoise : '#00ced1',
-        darkviolet : '#9400d3',
-        deeppink : '#ff1493',
-        deepskyblue : '#00bfff',
-        dimgray : '#696969',
-        dimgrey : '#696969',
-        dodgerblue : '#1e90ff',
-        firebrick : '#b22222',
-        floralwhite : '#fffaf0',
-        forestgreen : '#228b22',
-        fuchsia : '#f0f',
-        gainsboro : '#dcdcdc',
-        ghostwhite : '#f8f8ff',
-        gold : '#ffd700',
-        goldenrod : '#daa520',
-        gray : '#808080',
-        grey : '#808080',
-        green : '#008000',
-        greenyellow : '#adff2f',
-        honeydew : '#f0fff0',
-        hotpink : '#ff69b4',
-        indianred : '#cd5c5c',
-        indigo : '#4b0082',
-        ivory : '#fffff0',
-        khaki : '#f0e68c',
-        lavender : '#e6e6fa',
-        lavenderblush : '#fff0f5',
-        lawngreen : '#7cfc00',
-        lemonchiffon : '#fffacd',
-        lightblue : '#add8e6',
-        lightcoral : '#f08080',
-        lightcyan : '#e0ffff',
-        lightgoldenrodyellow : '#fafad2',
-        lightgray : '#d3d3d3',
-        lightgrey : '#d3d3d3',
-        lightgreen : '#90ee90',
-        lightpink : '#ffb6c1',
-        lightsalmon : '#ffa07a',
-        lightseagreen : '#20b2aa',
-        lightskyblue : '#87cefa',
-        lightslategray : '#789',
-        lightslategrey : '#789',
-        lightsteelblue : '#b0c4de',
-        lightyellow : '#ffffe0',
-        lime : '#0f0',
-        limegreen : '#32cd32',
-        linen : '#faf0e6',
-        magenta : '#f0f',
-        maroon : '#800000',
-        mediumaquamarine : '#66cdaa',
-        mediumblue : '#0000cd',
-        mediumorchid : '#ba55d3',
-        mediumpurple : '#9370d8',
-        mediumseagreen : '#3cb371',
-        mediumslateblue : '#7b68ee',
-        mediumspringgreen : '#00fa9a',
-        mediumturquoise : '#48d1cc',
-        mediumvioletred : '#c71585',
-        midnightblue : '#191970',
-        mintcream : '#f5fffa',
-        mistyrose : '#ffe4e1',
-        moccasin : '#ffe4b5',
-        navajowhite : '#ffdead',
-        navy : '#000080',
-        oldlace : '#fdf5e6',
-        olive : '#808000',
-        olivedrab : '#6b8e23',
-        orange : '#ffa500',
-        orangered : '#ff4500',
-        orchid : '#da70d6',
-        palegoldenrod : '#eee8aa',
-        palegreen : '#98fb98',
-        paleturquoise : '#afeeee',
-        palevioletred : '#d87093',
-        papayawhip : '#ffefd5',
-        peachpuff : '#ffdab9',
-        peru : '#cd853f',
-        pink : '#ffc0cb',
-        plum : '#dda0dd',
-        powderblue : '#b0e0e6',
-        purple : '#800080',
-        red : '#f00',
-        rosybrown : '#bc8f8f',
-        royalblue : '#4169e1',
-        saddlebrown : '#8b4513',
-        salmon : '#fa8072',
-        sandybrown : '#f4a460',
-        seagreen : '#2e8b57',
-        seashell : '#fff5ee',
-        sienna : '#a0522d',
-        silver : '#c0c0c0',
-        skyblue : '#87ceeb',
-        slateblue : '#6a5acd',
-        slategray : '#708090',
-        slategrey : '#708090',
-        snow : '#fffafa',
-        springgreen : '#00ff7f',
-        steelblue : '#4682b4',
-        tan : '#d2b48c',
-        teal : '#008080',
-        thistle : '#d8bfd8',
-        tomato : '#ff6347',
-        turquoise : '#40e0d0',
-        violet : '#ee82ee',
-        wheat : '#f5deb3',
-        white : '#fff',
-        whitesmoke : '#f5f5f5',
-        yellow : '#ff0',
-        yellowgreen : '#9acd32'
-    };
-
-    /**
-     * 自定义调色板
-     */
-    function customPalette(userPalete) {
-        palette = userPalete;
-    }
-
-    /**
-     * 复位默认色板
-     */
-    function resetPalette() {
-        palette = _palette;
-    }
-
-    /**
-     * 获取色板颜色
-     * @memberOf module:zrender/tool/color
-     * @param {number} idx 色板位置
-     * @param {Array.<string>} [userPalete] 自定义色板
-     * @return {string} 颜色
-     */
-    function getColor(idx, userPalete) {
-        idx = idx | 0;
-        userPalete = userPalete || palette;
-        return userPalete[idx % userPalete.length];
-    }
-
-    /**
-     * 自定义默认高亮颜色
-     */
-    function customHighlight(userHighlightColor) {
-        highlightColor = userHighlightColor;
-    }
-
-    /**
-     * 重置默认高亮颜色
-     */
-    function resetHighlight() {
-        _highlightColor = highlightColor;
-    }
-
-    /**
-     * 获取默认高亮颜色
-     */
-    function getHighlightColor() {
-        return highlightColor;
-    }
-
-    /**
-     * 径向渐变
-     * @memberOf module:zrender/tool/color
-     * @param {number} x0 渐变起点
-     * @param {number} y0
-     * @param {number} r0
-     * @param {number} x1 渐变终点
-     * @param {number} y1
-     * @param {number} r1
-     * @param {Array} colorList 颜色列表
-     * @return {CanvasGradient}
-     */
-    function getRadialGradient(x0, y0, r0, x1, y1, r1, colorList) {
-        if (!_ctx) {
-            _ctx = util.getContext();
-        }
-        var gradient = _ctx.createRadialGradient(x0, y0, r0, x1, y1, r1);
-        for (var i = 0, l = colorList.length; i < l; i++) {
-            gradient.addColorStop(colorList[i][0], colorList[i][1]);
-        }
-        gradient.__nonRecursion = true;
-        return gradient;
-    }
-
-    /**
-     * 线性渐变
-     * @param {Object} x0 渐变起点
-     * @param {Object} y0
-     * @param {Object} x1 渐变终点
-     * @param {Object} y1
-     * @param {Array} colorList 颜色列表
-     */
-    function getLinearGradient(x0, y0, x1, y1, colorList) {
-        if (!_ctx) {
-            _ctx = util.getContext();
-        }
-        var gradient = _ctx.createLinearGradient(x0, y0, x1, y1);
-        for (var i = 0, l = colorList.length; i < l; i++) {
-            gradient.addColorStop(colorList[i][0], colorList[i][1]);
-        }
-        gradient.__nonRecursion = true;
-        return gradient;
-    }
-
-    /**
-     * 获取两种颜色之间渐变颜色数组
-     * @param {color} start 起始颜色
-     * @param {color} end 结束颜色
-     * @param {number} step 渐变级数
-     * @return {Array}  颜色数组
-     */
-    function getStepColors(start, end, step) {
-        start = toRGBA(start);
-        end = toRGBA(end);
-        start = getData(start);
-        end = getData(end);
-
-        var colors = [];
-        var stepR = (end[0] - start[0]) / step;
-        var stepG = (end[1] - start[1]) / step;
-        var stepB = (end[2] - start[2]) / step;
-        var stepA = (end[3] - start[3]) / step;
-        // 生成颜色集合
-        // fix by linfeng 颜色堆积
-        for (var i = 0, r = start[0], g = start[1], b = start[2], a = start[3]; i < step; i++) {
-            colors[i] = toColor([
-                adjust(Math.floor(r), [ 0, 255 ]),
-                adjust(Math.floor(g), [ 0, 255 ]), 
-                adjust(Math.floor(b), [ 0, 255 ]),
-                a.toFixed(4) - 0
-            ],'rgba');
-            r += stepR;
-            g += stepG;
-            b += stepB;
-            a += stepA;
-        }
-        r = end[0];
-        g = end[1];
-        b = end[2];
-        a = end[3];
-        colors[i] = toColor([r, g, b, a], 'rgba');
-        return colors;
-    }
-
-    /**
-     * 获取指定级数的渐变颜色数组
-     * @memberOf module:zrender/tool/color
-     * @param {Array.<string>} colors 颜色组
-     * @param {number} [step=20] 渐变级数
-     * @return {Array.<string>}  颜色数组
-     */
-    function getGradientColors(colors, step) {
-        var ret = [];
-        var len = colors.length;
-        if (step === undefined) {
-            step = 20;
-        }
-        if (len === 1) {
-            ret = getStepColors(colors[0], colors[0], step);
-        }
-        else if (len > 1) {
-            for (var i = 0, n = len - 1; i < n; i++) {
-                var steps = getStepColors(colors[i], colors[i + 1], step);
-                if (i < n - 1) {
-                    steps.pop();
-                }
-                ret = ret.concat(steps);
-            }
-        }
-        return ret;
-    }
-
-    /**
-     * 颜色值数组转为指定格式颜色,例如:<br/>
-     * data = [60,20,20,0.1] format = 'rgba'
-     * 返回：rgba(60,20,20,0.1)
-     * @param {Array} data 颜色值数组
-     * @param {string} format 格式,默认rgb
-     * @return {string} 颜色
-     */
-    function toColor(data, format) {
-        format = format || 'rgb';
-        if (data && (data.length === 3 || data.length === 4)) {
-            data = map(data,
-                function(c) {
-                    return c > 1 ? Math.ceil(c) : c;
-                }
-            );
-
-            if (format.indexOf('hex') > -1) {
-                return '#' + ((1 << 24) + (data[0] << 16) + (data[1] << 8) + (+data[2])).toString(16).slice(1);
-            }
-            else if (format.indexOf('hs') > -1) {
-                var sx = map(data.slice(1, 3),
-                    function(c) {
-                        return c + '%';
-                    }
-                );
-                data[1] = sx[0];
-                data[2] = sx[1];
-            }
-
-            if (format.indexOf('a') > -1) {
-                if (data.length === 3) {
-                    data.push(1);
-                }
-                data[3] = adjust(data[3], [ 0, 1 ]);
-                return format + '(' + data.slice(0, 4).join(',') + ')';
-            }
-
-            return format + '(' + data.slice(0, 3).join(',') + ')';
-        }
-    }
-
-    /**
-     * 颜色字符串转换为rgba数组
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {Array.<number>} 颜色值数组
-     */
-    function toArray(color) {
-        color = trim(color);
-        if (color.indexOf('rgba') < 0) {
-            color = toRGBA(color);
-        }
-
-        var data = [];
-        var i = 0;
-        color.replace(/[\d.]+/g, function (n) {
-            if (i < 3) {
-                n = n | 0;
-            }
-            else {
-                // Alpha
-                n = +n;
-            }
-            data[i++] = n;
-        });
-        return data;
-    }
-
-    /**
-     * 颜色格式转化
-     *
-     * @param {string} color 颜色值数组
-     * @param {string} format 格式,默认rgb
-     * @return {string} 颜色
-     */
-    function convert(color, format) {
-        if (!isCalculableColor(color)) {
-            return color;
-        }
-        var data = getData(color);
-        var alpha = data[3];
-        if (typeof alpha === 'undefined') {
-            alpha = 1;
-        }
-
-        if (color.indexOf('hsb') > -1) {
-            data = _HSV_2_RGB(data);
-        }
-        else if (color.indexOf('hsl') > -1) {
-            data = _HSL_2_RGB(data);
-        }
-
-        if (format.indexOf('hsb') > -1 || format.indexOf('hsv') > -1) {
-            data = _RGB_2_HSB(data);
-        }
-        else if (format.indexOf('hsl') > -1) {
-            data = _RGB_2_HSL(data);
-        }
-
-        data[3] = alpha;
-
-        return toColor(data, format);
-    }
-
-    /**
-     * 转换为rgba格式的颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} rgba颜色，rgba(r,g,b,a)
-     */
-    function toRGBA(color) {
-        return convert(color, 'rgba');
-    }
-
-    /**
-     * 转换为rgb数字格式的颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} rgb颜色，rgb(0,0,0)格式
-     */
-    function toRGB(color) {
-        return convert(color, 'rgb');
-    }
-
-    /**
-     * 转换为16进制颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} 16进制颜色，#rrggbb格式
-     */
-    function toHex(color) {
-        return convert(color, 'hex');
-    }
-
-    /**
-     * 转换为HSV颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSVA颜色，hsva(h,s,v,a)
-     */
-    function toHSVA(color) {
-        return convert(color, 'hsva');
-    }
-
-    /**
-     * 转换为HSV颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSV颜色，hsv(h,s,v)
-     */
-    function toHSV(color) {
-        return convert(color, 'hsv');
-    }
-
-    /**
-     * 转换为HSBA颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSBA颜色，hsba(h,s,b,a)
-     */
-    function toHSBA(color) {
-        return convert(color, 'hsba');
-    }
-
-    /**
-     * 转换为HSB颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSB颜色，hsb(h,s,b)
-     */
-    function toHSB(color) {
-        return convert(color, 'hsb');
-    }
-
-    /**
-     * 转换为HSLA颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSLA颜色，hsla(h,s,l,a)
-     */
-    function toHSLA(color) {
-        return convert(color, 'hsla');
-    }
-
-    /**
-     * 转换为HSL颜色
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} HSL颜色，hsl(h,s,l)
-     */
-    function toHSL(color) {
-        return convert(color, 'hsl');
-    }
-
-    /**
-     * 转换颜色名
-     * 
-     * @param {string} color 颜色
-     * @return {string} 颜色名
-     */
-    function toName(color) {
-        for (var key in _nameColors) {
-            if (toHex(_nameColors[key]) === toHex(color)) {
-                return key;
-            }
-        }
-        return null;
-    }
-
-    /**
-     * 移除颜色中多余空格
-     * 
-     * @param {string} color 颜色
-     * @return {string} 无空格颜色
-     */
-    function trim(color) {
-        return String(color).replace(/\s+/g, '');
-    }
-
-    /**
-     * 颜色规范化
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} 规范化后的颜色
-     */
-    function normalize(color) {
-        // 颜色名
-        if (_nameColors[color]) {
-            color = _nameColors[color];
-        }
-        // 去掉空格
-        color = trim(color);
-        // hsv与hsb等价
-        color = color.replace(/hsv/i, 'hsb');
-        // rgb转为rrggbb
-        if (/^#[\da-f]{3}$/i.test(color)) {
-            color = parseInt(color.slice(1), 16);
-            var r = (color & 0xf00) << 8;
-            var g = (color & 0xf0) << 4;
-            var b = color & 0xf;
-
-            color = '#' + ((1 << 24) + (r << 4) + r + (g << 4) + g + (b << 4) + b).toString(16).slice(1);
-        }
-        // 或者使用以下正则替换，不过 chrome 下性能相对差点
-        // color = color.replace(/^#([\da-f])([\da-f])([\da-f])$/i, '#$1$1$2$2$3$3');
-        return color;
-    }
-
-    /**
-     * 颜色加深或减淡，当level>0加深，当level<0减淡
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @param {number} level 升降程度,取值区间[-1,1]
-     * @return {string} 加深或减淡后颜色值
-     */
-    function lift(color, level) {
-        if (!isCalculableColor(color)) {
-            return color;
-        }
-        var direct = level > 0 ? 1 : -1;
-        if (typeof level === 'undefined') {
-            level = 0;
-        }
-        level = Math.abs(level) > 1 ? 1 : Math.abs(level);
-        color = toRGB(color);
-        var data = getData(color);
-        for (var i = 0; i < 3; i++) {
-            if (direct === 1) {
-                data[i] = data[i] * (1 - level) | 0;
-            }
-            else {
-                data[i] = ((255 - data[i]) * level + data[i]) | 0;
-            }
-        }
-        return 'rgb(' + data.join(',') + ')';
-    }
-
-    /**
-     * 颜色翻转,[255-r,255-g,255-b,1-a]
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @return {string} 翻转颜色
-     */
-    function reverse(color) {
-        if (!isCalculableColor(color)) {
-            return color;
-        }
-        var data = getData(toRGBA(color));
-        data = map(data,
-            function(c) {
-                return 255 - c;
-            }
-        );
-        return toColor(data, 'rgb');
-    }
-
-    /**
-     * 简单两种颜色混合
-     * @memberOf module:zrender/tool/color
-     * @param {string} color1 第一种颜色
-     * @param {string} color2 第二种颜色
-     * @param {number} weight 混合权重[0-1]
-     * @return {string} 结果色,rgb(r,g,b)或rgba(r,g,b,a)
-     */
-    function mix(color1, color2, weight) {
-        if (!isCalculableColor(color1) || !isCalculableColor(color2)) {
-            return color1;
-        }
-        
-        if (typeof weight === 'undefined') {
-            weight = 0.5;
-        }
-        weight = 1 - adjust(weight, [ 0, 1 ]);
-
-        var w = weight * 2 - 1;
-        var data1 = getData(toRGBA(color1));
-        var data2 = getData(toRGBA(color2));
-
-        var d = data1[3] - data2[3];
-
-        var weight1 = (((w * d === -1) ? w : (w + d) / (1 + w * d)) + 1) / 2;
-        var weight2 = 1 - weight1;
-
-        var data = [];
-
-        for (var i = 0; i < 3; i++) {
-            data[i] = data1[i] * weight1 + data2[i] * weight2;
-        }
-
-        var alpha = data1[3] * weight + data2[3] * (1 - weight);
-        alpha = Math.max(0, Math.min(1, alpha));
-
-        if (data1[3] === 1 && data2[3] === 1) {// 不考虑透明度
-            return toColor(data, 'rgb');
-        }
-        data[3] = alpha;
-        return toColor(data, 'rgba');
-    }
-
-    /**
-     * 随机颜色
-     * 
-     * @return {string} 颜色值，#rrggbb格式
-     */
-    function random() {
-        return '#' + (Math.random().toString(16) + '0000').slice(2, 8);
-    }
-
-    /**
-     * 获取颜色值数组,返回值范围： <br/>
-     * RGB 范围[0-255] <br/>
-     * HSL/HSV/HSB 范围[0-1]<br/>
-     * A透明度范围[0-1]
-     * 支持格式：
-     * #rgb
-     * #rrggbb
-     * rgb(r,g,b)
-     * rgb(r%,g%,b%)
-     * rgba(r,g,b,a)
-     * hsb(h,s,b) // hsv与hsb等价
-     * hsb(h%,s%,b%)
-     * hsba(h,s,b,a)
-     * hsl(h,s,l)
-     * hsl(h%,s%,l%)
-     * hsla(h,s,l,a)
-     *
-     * @param {string} color 颜色
-     * @return {Array.<number>} 颜色值数组或null
-     */
-    function getData(color) {
-        color = normalize(color);
-        var r = color.match(colorRegExp);
-        if (r === null) {
-            throw new Error('The color format error'); // 颜色格式错误
-        }
-        var d;
-        var a;
-        var data = [];
-        var rgb;
-
-        if (r[2]) {
-            // #rrggbb
-            d = r[2].replace('#', '').split('');
-            rgb = [ d[0] + d[1], d[2] + d[3], d[4] + d[5] ];
-            data = map(rgb,
-                function(c) {
-                    return adjust(parseInt(c, 16), [ 0, 255 ]);
-                }
-            );
-
-        }
-        else if (r[4]) {
-            // rgb rgba
-            var rgba = (r[4]).split(',');
-            a = rgba[3];
-            rgb = rgba.slice(0, 3);
-            data = map(
-                rgb,
-                function(c) {
-                    c = Math.floor(
-                        c.indexOf('%') > 0 ? parseInt(c, 0) * 2.55 : c
-                    );
-                    return adjust(c, [ 0, 255 ]);
-                }
-            );
-
-            if (typeof a !== 'undefined') {
-                data.push(adjust(parseFloat(a), [ 0, 1 ]));
-            }
-        }
-        else if (r[5] || r[6]) {
-            // hsb hsba hsl hsla
-            var hsxa = (r[5] || r[6]).split(',');
-            var h = parseInt(hsxa[0], 0) / 360;
-            var s = hsxa[1];
-            var x = hsxa[2];
-            a = hsxa[3];
-            data = map([ s, x ],
-                function(c) {
-                    return adjust(parseFloat(c) / 100, [ 0, 1 ]);
-                }
-            );
-            data.unshift(h);
-            if (typeof a !== 'undefined') {
-                data.push(adjust(parseFloat(a), [ 0, 1 ]));
-            }
-        }
-        return data;
-    }
-
-    /**
-     * 设置颜色透明度
-     * @memberOf module:zrender/tool/color
-     * @param {string} color 颜色
-     * @param {number} a 透明度,区间[0,1]
-     * @return {string} rgba颜色值
-     */
-    function alpha(color, a) {
-        if (!isCalculableColor(color)) {
-            return color;
-        }
-        if (a === null) {
-            a = 1;
-        }
-        var data = getData(toRGBA(color));
-        data[3] = adjust(Number(a).toFixed(4), [ 0, 1 ]);
-
-        return toColor(data, 'rgba');
-    }
-
-    // 数组映射
-    function map(array, fun) {
-        if (typeof fun !== 'function') {
-            throw new TypeError();
-        }
-        var len = array ? array.length : 0;
-        for (var i = 0; i < len; i++) {
-            array[i] = fun(array[i]);
-        }
-        return array;
-    }
-
-    // 调整值区间
-    function adjust(value, region) {
-        // < to <= & > to >=
-        // modify by linzhifeng 2014-05-25 because -0 == 0
-        if (value <= region[0]) {
-            value = region[0];
-        }
-        else if (value >= region[1]) {
-            value = region[1];
-        }
-        return value;
-    }
-    
-    function isCalculableColor(color) {
-        return color instanceof Array || typeof color === 'string';
-    }
-
-    // 参见 http:// www.easyrgb.com/index.php?X=MATH
-    function _HSV_2_RGB(data) {
-        var H = data[0];
-        var S = data[1];
-        var V = data[2];
-        // HSV from 0 to 1
-        var R; 
-        var G;
-        var B;
-        if (S === 0) {
-            R = V * 255;
-            G = V * 255;
-            B = V * 255;
-        }
-        else {
-            var h = H * 6;
-            if (h === 6) {
-                h = 0;
-            }
-            var i = h | 0;
-            var v1 = V * (1 - S);
-            var v2 = V * (1 - S * (h - i));
-            var v3 = V * (1 - S * (1 - (h - i)));
-            var r = 0;
-            var g = 0;
-            var b = 0;
-
-            if (i === 0) {
-                r = V;
-                g = v3;
-                b = v1;
-            }
-            else if (i === 1) {
-                r = v2;
-                g = V;
-                b = v1;
-            }
-            else if (i === 2) {
-                r = v1;
-                g = V;
-                b = v3;
-            }
-            else if (i === 3) {
-                r = v1;
-                g = v2;
-                b = V;
-            }
-            else if (i === 4) {
-                r = v3;
-                g = v1;
-                b = V;
-            }
-            else {
-                r = V;
-                g = v1;
-                b = v2;
-            }
-
-            // RGB results from 0 to 255
-            R = r * 255;
-            G = g * 255;
-            B = b * 255;
-        }
-        return [ R, G, B ];
-    }
-
-    function _HSL_2_RGB(data) {
-        var H = data[0];
-        var S = data[1];
-        var L = data[2];
-        // HSL from 0 to 1
-        var R;
-        var G;
-        var B;
-        if (S === 0) {
-            R = L * 255;
-            G = L * 255;
-            B = L * 255;
-        }
-        else {
-            var v2;
-            if (L < 0.5) {
-                v2 = L * (1 + S);
-            }
-            else {
-                v2 = (L + S) - (S * L);
-            }
-
-            var v1 = 2 * L - v2;
-
-            R = 255 * _HUE_2_RGB(v1, v2, H + (1 / 3));
-            G = 255 * _HUE_2_RGB(v1, v2, H);
-            B = 255 * _HUE_2_RGB(v1, v2, H - (1 / 3));
-        }
-        return [ R, G, B ];
-    }
-
-    function _HUE_2_RGB(v1, v2, vH) {
-        if (vH < 0) {
-            vH += 1;
-        }
-        if (vH > 1) {
-            vH -= 1;
-        }
-        if ((6 * vH) < 1) {
-            return (v1 + (v2 - v1) * 6 * vH);
-        }
-        if ((2 * vH) < 1) {
-            return (v2);
-        }
-        if ((3 * vH) < 2) {
-            return (v1 + (v2 - v1) * ((2 / 3) - vH) * 6);
-        }
-        return v1;
-    }
-
-    function _RGB_2_HSB(data) {
-        // RGB from 0 to 255
-        var R = (data[0] / 255);
-        var G = (data[1] / 255);
-        var B = (data[2] / 255);
-
-        var vMin = Math.min(R, G, B); // Min. value of RGB
-        var vMax = Math.max(R, G, B); // Max. value of RGB
-        var delta = vMax - vMin; // Delta RGB value
-        var V = vMax;
-        var H;
-        var S;
-
-        // HSV results from 0 to 1
-        if (delta === 0) {
-            H = 0;
-            S = 0;
-        }
-        else {
-            S = delta / vMax;
-
-            var deltaR = (((vMax - R) / 6) + (delta / 2)) / delta;
-            var deltaG = (((vMax - G) / 6) + (delta / 2)) / delta;
-            var deltaB = (((vMax - B) / 6) + (delta / 2)) / delta;
-
-            if (R === vMax) {
-                H = deltaB - deltaG;
-            }
-            else if (G === vMax) {
-                H = (1 / 3) + deltaR - deltaB;
-            }
-            else if (B === vMax) {
-                H = (2 / 3) + deltaG - deltaR;
-            }
-
-            if (H < 0) {
-                H += 1;
-            }
-            if (H > 1) {
-                H -= 1;
-            }
-        }
-        H = H * 360;
-        S = S * 100;
-        V = V * 100;
-        return [ H, S, V ];
-    }
-
-    function _RGB_2_HSL(data) {
-        // RGB from 0 to 255
-        var R = (data[0] / 255);
-        var G = (data[1] / 255);
-        var B = (data[2] / 255);
-
-        var vMin = Math.min(R, G, B); // Min. value of RGB
-        var vMax = Math.max(R, G, B); // Max. value of RGB
-        var delta = vMax - vMin; // Delta RGB value
-
-        var L = (vMax + vMin) / 2;
-        var H;
-        var S;
-        // HSL results from 0 to 1
-        if (delta === 0) {
-            H = 0;
-            S = 0;
-        }
-        else {
-            if (L < 0.5) {
-                S = delta / (vMax + vMin);
-            }
-            else {
-                S = delta / (2 - vMax - vMin);
-            }
-
-            var deltaR = (((vMax - R) / 6) + (delta / 2)) / delta;
-            var deltaG = (((vMax - G) / 6) + (delta / 2)) / delta;
-            var deltaB = (((vMax - B) / 6) + (delta / 2)) / delta;
-
-            if (R === vMax) {
-                H = deltaB - deltaG;
-            }
-            else if (G === vMax) {
-                H = (1 / 3) + deltaR - deltaB;
-            }
-            else if (B === vMax) {
-                H = (2 / 3) + deltaG - deltaR;
-            }
-
-            if (H < 0) {
-                H += 1;
-            }
-
-            if (H > 1) {
-                H -= 1;
-            }
-        }
-
-        H = H * 360;
-        S = S * 100;
-        L = L * 100;
-
-        return [ H, S, L ];
-    }
-
-    return {
-        customPalette : customPalette,
-        resetPalette : resetPalette,
-        getColor : getColor,
-        getHighlightColor : getHighlightColor,
-        customHighlight : customHighlight,
-        resetHighlight : resetHighlight,
-        getRadialGradient : getRadialGradient,
-        getLinearGradient : getLinearGradient,
-        getGradientColors : getGradientColors,
-        getStepColors : getStepColors,
-        reverse : reverse,
-        mix : mix,
-        lift : lift,
-        trim : trim,
-        random : random,
-        toRGB : toRGB,
-        toRGBA : toRGBA,
-        toHex : toHex,
-        toHSL : toHSL,
-        toHSLA : toHSLA,
-        toHSB : toHSB,
-        toHSBA : toHSBA,
-        toHSV : toHSV,
-        toHSVA : toHSVA,
-        toName : toName,
-        toColor : toColor,
-        toArray : toArray,
-        alpha : alpha,
-        getData : getData
-    };
-});
-
-
-/**
- * shape基类
- * @module zrender/shape/Base
- * @author  Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *          errorrik (errorrik@gmail.com)
- */
-
-/**
- * @typedef {Object} IBaseShapeStyle
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-
-/**
- * @typedef {Object} module:zrender/shape/Base~IBoundingRect
- * @property {number} x 左上角顶点x轴坐标 
- * @property {number} y 左上角顶点y轴坐标
- * @property {number} width 包围盒矩形宽度
- * @property {number} height 包围盒矩形高度
- */
-
-define(
-    'zrender/shape/Base',['require','../tool/matrix','../tool/guid','../tool/util','../tool/log','../mixin/Transformable','../mixin/Eventful','../tool/area','../tool/area','../tool/color','../tool/area'],function(require) {
-        var vmlCanvasManager = window['G_vmlCanvasManager'];
-
-        var matrix = require('../tool/matrix');
-        var guid = require('../tool/guid');
-        var util = require('../tool/util');
-        var log = require('../tool/log');
-
-        var Transformable = require('../mixin/Transformable');
-        var Eventful = require('../mixin/Eventful');
-
-        function _fillText(ctx, text, x, y, textFont, textAlign, textBaseline) {
-            if (textFont) {
-                ctx.font = textFont;
-            }
-            ctx.textAlign = textAlign;
-            ctx.textBaseline = textBaseline;
-            var rect = _getTextRect(
-                text, x, y, textFont, textAlign, textBaseline
-            );
-            
-            text = (text + '').split('\n');
-            var lineHeight = require('../tool/area').getTextHeight('国', textFont);
-            
-            switch (textBaseline) {
-                case 'top':
-                    y = rect.y;
-                    break;
-                case 'bottom':
-                    y = rect.y + lineHeight;
-                    break;
-                default:
-                    y = rect.y + lineHeight / 2;
-            }
-            
-            for (var i = 0, l = text.length; i < l; i++) {
-                ctx.fillText(text[i], x, y);
-                y += lineHeight;
-            }
-        }
-
-        /**
-         * 返回矩形区域，用于局部刷新和文字定位
-         * @inner
-         * @param {string} text
-         * @param {number} x
-         * @param {number} y
-         * @param {string} textFont
-         * @param {string} textAlign
-         * @param {string} textBaseline
-         */
-        function _getTextRect(text, x, y, textFont, textAlign, textBaseline) {
-            var area = require('../tool/area');
-            var width = area.getTextWidth(text, textFont);
-            var lineHeight = area.getTextHeight('国', textFont);
-            
-            text = (text + '').split('\n');
-            
-            switch (textAlign) {
-                case 'end':
-                case 'right':
-                    x -= width;
-                    break;
-                case 'center':
-                    x -= (width / 2);
-                    break;
-            }
-
-            switch (textBaseline) {
-                case 'top':
-                    break;
-                case 'bottom':
-                    y -= lineHeight * text.length;
-                    break;
-                default:
-                    y -= lineHeight * text.length / 2;
-            }
-
-            return {
-                x : x,
-                y : y,
-                width : width,
-                height : lineHeight * text.length
-            };
-        }
-
-        /**
-         * @alias module:zrender/shape/Base
-         * @constructor
-         * @extends module:zrender/mixin/Transformable
-         * @extends module:zrender/mixin/Eventful
-         * @param {Object} options 关于shape的配置项，可以是shape的自有属性，也可以是自定义的属性。
-         */
-        var Base = function(options) {
-            
-            options = options || {};
-            
-            /**
-             * Shape id, 全局唯一
-             * @type {string}
-             */
-            this.id = options.id || guid();
-
-            for (var key in options) {
-                this[key] = options[key];
-            }
-
-            /**
-             * 基础绘制样式
-             * @type {module:zrender/shape/Base~IBaseShapeStyle}
-             */
-            this.style = this.style || {};
-
-            /**
-             * 高亮样式
-             * @type {module:zrender/shape/Base~IBaseShapeStyle}
-             */
-            this.highlightStyle = this.highlightStyle || null;
-
-            /**
-             * 父节点
-             * @readonly
-             * @type {module:zrender/Group}
-             * @default null
-             */
-            this.parent = null;
-
-            this.__dirty = true;
-
-            this.__clipShapes = [];
-
-            Transformable.call(this);
-            Eventful.call(this);
-        };
-        /**
-         * 图形是否可见，为true时不绘制图形，但是仍能触发鼠标事件
-         * @name module:zrender/shape/Base#invisible
-         * @type {boolean}
-         * @default false
-         */
-        Base.prototype.invisible = false;
-
-        /**
-         * 图形是否忽略，为true时忽略图形的绘制以及事件触发
-         * @name module:zrender/shape/Base#ignore
-         * @type {boolean}
-         * @default false
-         */
-        Base.prototype.ignore = false;
-
-        /**
-         * z层level，决定绘画在哪层canvas中
-         * @name module:zrender/shape/Base#zlevel
-         * @type {number}
-         * @default 0
-         */
-        Base.prototype.zlevel = 0;
-
-        /**
-         * 是否可拖拽
-         * @name module:zrender/shape/Base#draggable
-         * @type {boolean}
-         * @default false
-         */
-        Base.prototype.draggable = false;
-
-        /**
-         * 是否可点击
-         * @name module:zrender/shape/Base#clickable
-         * @type {boolean}
-         * @default false
-         */
-        Base.prototype.clickable = false;
-
-        /**
-         * 是否可以hover
-         * @name module:zrender/shape/Base#hoverable
-         * @type {boolean}
-         * @default true
-         */
-        Base.prototype.hoverable = true;
-        
-        /**
-         * z值，跟zlevel一样影响shape绘制的前后顺序，z值大的shape会覆盖在z值小的上面，
-         * 但是并不会创建新的canvas，所以优先级低于zlevel，而且频繁改动的开销比zlevel小很多。
-         * 
-         * @name module:zrender/shape/Base#z
-         * @type {number}
-         * @default 0
-         */
-        Base.prototype.z = 0;
-
-        /**
-         * 绘制图形
-         * 
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {boolean} [isHighlight=false] 是否使用高亮属性
-         * @param {Function} [updateCallback]
-         *        需要异步加载资源的shape可以通过这个callback(e), 
-         *        让painter更新视图，base.brush没用，需要的话重载brush
-         */
-        Base.prototype.brush = function (ctx, isHighlight) {
-
-            var style = this.beforeBrush(ctx, isHighlight);
-
-            ctx.beginPath();
-            this.buildPath(ctx, style);
-
-            switch (style.brushType) {
-                /* jshint ignore:start */
-                case 'both':
-                    ctx.fill();
-                case 'stroke':
-                    style.lineWidth > 0 && ctx.stroke();
-                    break;
-                /* jshint ignore:end */
-                default:
-                    ctx.fill();
-            }
-            
-            this.drawText(ctx, style, this.style);
-
-            this.afterBrush(ctx);
-        };
-
-        /**
-         * 具体绘制操作前的一些公共操作
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {boolean} [isHighlight=false] 是否使用高亮属性
-         * @return {Object} 处理后的样式
-         */
-        Base.prototype.beforeBrush = function (ctx, isHighlight) {
-            var style = this.style;
-            
-            if (this.brushTypeOnly) {
-                style.brushType = this.brushTypeOnly;
-            }
-
-            if (isHighlight) {
-                // 根据style扩展默认高亮样式
-                style = this.getHighlightStyle(
-                    style,
-                    this.highlightStyle || {},
-                    this.brushTypeOnly
-                );
-            }
-
-            if (this.brushTypeOnly == 'stroke') {
-                style.strokeColor = style.strokeColor || style.color;
-            }
-
-            ctx.save();
-
-            this.doClip(ctx);
-
-            this.setContext(ctx, style);
-
-            // 设置transform
-            this.setTransform(ctx);
-
-            return style;
-        };
-
-        /**
-         * 绘制后的处理
-         * @param {CanvasRenderingContext2D} ctx
-         */
-        Base.prototype.afterBrush = function (ctx) {
-            ctx.restore();
-        };
-
-        var STYLE_CTX_MAP = [
-            [ 'color', 'fillStyle' ],
-            [ 'strokeColor', 'strokeStyle' ],
-            [ 'opacity', 'globalAlpha' ],
-            [ 'lineCap', 'lineCap' ],
-            [ 'lineJoin', 'lineJoin' ],
-            [ 'miterLimit', 'miterLimit' ],
-            [ 'lineWidth', 'lineWidth' ],
-            [ 'shadowBlur', 'shadowBlur' ],
-            [ 'shadowColor', 'shadowColor' ],
-            [ 'shadowOffsetX', 'shadowOffsetX' ],
-            [ 'shadowOffsetY', 'shadowOffsetY' ]
-        ];
-
-        /**
-         * 设置 fillStyle, strokeStyle, shadow 等通用绘制样式
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} style
-         */
-        Base.prototype.setContext = function (ctx, style) {
-            for (var i = 0, len = STYLE_CTX_MAP.length; i < len; i++) {
-                var styleProp = STYLE_CTX_MAP[i][0];
-                var styleValue = style[styleProp];
-                var ctxProp = STYLE_CTX_MAP[i][1];
-
-                if (typeof styleValue != 'undefined') {
-                    ctx[ctxProp] = styleValue;
-                }
-            }
-        };
-
-        var clipShapeInvTransform = matrix.create();
-        Base.prototype.doClip = function (ctx) {
-            if (this.__clipShapes && !vmlCanvasManager) {
-                for (var i = 0; i < this.__clipShapes.length; i++) {
-                    var clipShape = this.__clipShapes[i];
-                    if (clipShape.needTransform) {
-                        var m = clipShape.transform;
-                        matrix.invert(clipShapeInvTransform, m);
-                        ctx.transform(
-                            m[0], m[1],
-                            m[2], m[3],
-                            m[4], m[5]
-                        );
-                    }
-                    ctx.beginPath();
-                    clipShape.buildPath(ctx, clipShape.style);
-                    ctx.clip();
-                    // Transform back
-                    if (clipShape.needTransform) {
-                        var m = clipShapeInvTransform;
-                        ctx.transform(
-                            m[0], m[1],
-                            m[2], m[3],
-                            m[4], m[5]
-                        );
-                    }
-                }
-            }
-        };
-    
-        /**
-         * 根据默认样式扩展高亮样式
-         * 
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} style 默认样式
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} highlightStyle 高亮样式
-         * @param {string} brushTypeOnly
-         */
-        Base.prototype.getHighlightStyle = function (style, highlightStyle, brushTypeOnly) {
-            var newStyle = {};
-            for (var k in style) {
-                newStyle[k] = style[k];
-            }
-
-            var color = require('../tool/color');
-            var highlightColor = color.getHighlightColor();
-            // 根据highlightStyle扩展
-            if (style.brushType != 'stroke') {
-                // 带填充则用高亮色加粗边线
-                newStyle.strokeColor = highlightColor;
-                newStyle.lineWidth = (style.lineWidth || 1)
-                                      + this.getHighlightZoom();
-                newStyle.brushType = 'both';
-            }
-            else {
-                if (brushTypeOnly != 'stroke') {
-                    // 描边型的则用原色加工高亮
-                    newStyle.strokeColor = highlightColor;
-                    newStyle.lineWidth = (style.lineWidth || 1)
-                                          + this.getHighlightZoom();
-                } 
-                else {
-                    // 线型的则用原色加工高亮
-                    newStyle.strokeColor = highlightStyle.strokeColor
-                                           || color.mix(
-                                                 style.strokeColor,
-                                                 color.toRGB(highlightColor)
-                                              );
-                }
-            }
-
-            // 可自定义覆盖默认值
-            for (var k in highlightStyle) {
-                if (typeof highlightStyle[k] != 'undefined') {
-                    newStyle[k] = highlightStyle[k];
-                }
-            }
-
-            return newStyle;
-        };
-
-        // 高亮放大效果参数
-        // 当前统一设置为6，如有需要差异设置，通过this.type判断实例类型
-        Base.prototype.getHighlightZoom = function () {
-            return this.type != 'text' ? 6 : 2;
-        };
-
-        /**
-         * 移动位置
-         * @param {number} dx 横坐标变化
-         * @param {number} dy 纵坐标变化
-         */
-        Base.prototype.drift = function (dx, dy) {
-            this.position[0] += dx;
-            this.position[1] += dy;
-        };
-
-        /**
-         * 变换鼠标位置到 shape 的局部坐标空间
-         * @method
-         * @param {number} x
-         * @param {number} y
-         * @return {Array.<number>}
-         */
-        Base.prototype.getTansform = (function() {
-            
-            var invTransform = [];
-
-            return function (x, y) {
-                var originPos = [ x, y ];
-                // 对鼠标的坐标也做相同的变换
-                if (this.needTransform && this.transform) {
-                    matrix.invert(invTransform, this.transform);
-
-                    matrix.mulVector(originPos, invTransform, [ x, y, 1 ]);
-
-                    if (x == originPos[0] && y == originPos[1]) {
-                        // 避免外部修改导致的needTransform不准确
-                        this.updateNeedTransform();
-                    }
-                }
-                return originPos;
-            };
-        })();
-
-        /**
-         * 构建绘制的Path
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} style
-         */
-        Base.prototype.buildPath = function (ctx, style) {
-            log('buildPath not implemented in ' + this.type);
-        };
-
-        /**
-         * 计算返回包围盒矩形
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} style
-         * @return {module:zrender/shape/Base~IBoundingRect}
-         */
-        Base.prototype.getRect = function (style) {
-            log('getRect not implemented in ' + this.type);   
-        };
-        
-        /**
-         * 判断鼠标位置是否在图形内
-         * @param {number} x
-         * @param {number} y
-         * @return {boolean}
-         */
-        Base.prototype.isCover = function (x, y) {
-            var originPos = this.getTansform(x, y);
-            x = originPos[0];
-            y = originPos[1];
-
-            // 快速预判并保留判断矩形
-            var rect = this.style.__rect;
-            if (!rect) {
-                rect = this.style.__rect = this.getRect(this.style);
-            }
-
-            if (x >= rect.x
-                && x <= (rect.x + rect.width)
-                && y >= rect.y
-                && y <= (rect.y + rect.height)
-            ) {
-                // 矩形内
-                return require('../tool/area').isInside(this, this.style, x, y);
-            }
-            
-            return false;
-        };
-
-        /**
-         * 绘制附加文本
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} style 样式
-         * @param {module:zrender/shape/Base~IBaseShapeStyle} normalStyle 默认样式，用于定位文字显示
-         */
-        Base.prototype.drawText = function (ctx, style, normalStyle) {
-            if (typeof(style.text) == 'undefined' || style.text === false) {
-                return;
-            }
-            // 字体颜色策略
-            var textColor = style.textColor || style.color || style.strokeColor;
-            ctx.fillStyle = textColor;
-
-            // 文本与图形间空白间隙
-            var dd = 10;
-            var al;         // 文本水平对齐
-            var bl;         // 文本垂直对齐
-            var tx;         // 文本横坐标
-            var ty;         // 文本纵坐标
-
-            var textPosition = style.textPosition       // 用户定义
-                               || this.textPosition     // shape默认
-                               || 'top';                // 全局默认
-
-            switch (textPosition) {
-                case 'inside': 
-                case 'top': 
-                case 'bottom': 
-                case 'left': 
-                case 'right': 
-                    if (this.getRect) {
-                        var rect = (normalStyle || style).__rect
-                                   || this.getRect(normalStyle || style);
-
-                        switch (textPosition) {
-                            case 'inside':
-                                tx = rect.x + rect.width / 2;
-                                ty = rect.y + rect.height / 2;
-                                al = 'center';
-                                bl = 'middle';
-                                if (style.brushType != 'stroke'
-                                    && textColor == style.color
-                                ) {
-                                    ctx.fillStyle = '#fff';
-                                }
-                                break;
-                            case 'left':
-                                tx = rect.x - dd;
-                                ty = rect.y + rect.height / 2;
-                                al = 'end';
-                                bl = 'middle';
-                                break;
-                            case 'right':
-                                tx = rect.x + rect.width + dd;
-                                ty = rect.y + rect.height / 2;
-                                al = 'start';
-                                bl = 'middle';
-                                break;
-                            case 'top':
-                                tx = rect.x + rect.width / 2;
-                                ty = rect.y - dd;
-                                al = 'center';
-                                bl = 'bottom';
-                                break;
-                            case 'bottom':
-                                tx = rect.x + rect.width / 2;
-                                ty = rect.y + rect.height + dd;
-                                al = 'center';
-                                bl = 'top';
-                                break;
-                        }
-                    }
-                    break;
-                case 'start':
-                case 'end':
-                    var pointList = style.pointList
-                                    || [
-                                        [style.xStart || 0, style.yStart || 0],
-                                        [style.xEnd || 0, style.yEnd || 0]
-                                    ];
-                    var length = pointList.length;
-                    if (length < 2) {
-                        // 少于2个点就不画了~
-                        return;
-                    }
-                    var xStart;
-                    var xEnd;
-                    var yStart;
-                    var yEnd;
-                    switch (textPosition) {
-                        case 'start':
-                            xStart = pointList[1][0];
-                            xEnd = pointList[0][0];
-                            yStart = pointList[1][1];
-                            yEnd = pointList[0][1];
-                            break;
-                        case 'end':
-                            xStart = pointList[length - 2][0];
-                            xEnd = pointList[length - 1][0];
-                            yStart = pointList[length - 2][1];
-                            yEnd = pointList[length - 1][1];
-                            break;
-                    }
-                    tx = xEnd;
-                    ty = yEnd;
-                    
-                    var angle = Math.atan((yStart - yEnd) / (xEnd - xStart)) / Math.PI * 180;
-                    if ((xEnd - xStart) < 0) {
-                        angle += 180;
-                    }
-                    else if ((yStart - yEnd) < 0) {
-                        angle += 360;
-                    }
-                    
-                    dd = 5;
-                    if (angle >= 30 && angle <= 150) {
-                        al = 'center';
-                        bl = 'bottom';
-                        ty -= dd;
-                    }
-                    else if (angle > 150 && angle < 210) {
-                        al = 'right';
-                        bl = 'middle';
-                        tx -= dd;
-                    }
-                    else if (angle >= 210 && angle <= 330) {
-                        al = 'center';
-                        bl = 'top';
-                        ty += dd;
-                    }
-                    else {
-                        al = 'left';
-                        bl = 'middle';
-                        tx += dd;
-                    }
-                    break;
-                case 'specific':
-                    tx = style.textX || 0;
-                    ty = style.textY || 0;
-                    al = 'start';
-                    bl = 'middle';
-                    break;
-            }
-
-            if (tx != null && ty != null) {
-                _fillText(
-                    ctx,
-                    style.text, 
-                    tx, ty, 
-                    style.textFont,
-                    style.textAlign || al,
-                    style.textBaseline || bl
-                );
-            }
-        };
-
-        Base.prototype.modSelf = function() {
-            this.__dirty = true;
-            if (this.style) {
-                this.style.__rect = null;
-            }
-            if (this.highlightStyle) {
-                this.highlightStyle.__rect = null;
-            }
-        };
-
-        /**
-         * 图形是否会触发事件
-         * @return {boolean}
-         */
-        // TODO, 通过 bind 绑定的事件
-        Base.prototype.isSilent = function () {
-            return !(
-                this.hoverable || this.draggable || this.clickable
-                || this.onmousemove || this.onmouseover || this.onmouseout
-                || this.onmousedown || this.onmouseup || this.onclick
-                || this.ondragenter || this.ondragover || this.ondragleave
-                || this.ondrop
-            );
-        };
-
-        util.merge(Base.prototype, Transformable.prototype, true);
-        util.merge(Base.prototype, Eventful.prototype, true);
-
-        return Base;
-    }
-);
-
-/**
- * @module zrender/shape/Text
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *     var Text = require('zrender/shape/Text');
- *     var shape = new Text({
- *         style: {
- *             text: 'Label',
- *             x: 100,
- *             y: 100,
- *             textFont: '14px Arial'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} ITextStyle
- * @property {number} x 横坐标
- * @property {number} y 纵坐标
- * @property {string} text 文本内容
- * @property {number} [maxWidth=null] 最大宽度限制
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textAlign] 可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- */
-
-define(
-    'zrender/shape/Text',['require','../tool/area','./Base','../tool/util'],function (require) {
-        var area = require('../tool/area');
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/Text
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Text = function (options) {
-            Base.call(this, options);
-            /**
-             * 文字绘制样式
-             * @name module:zrender/shape/Text#style
-             * @type {module:zrender/shape/Text~ITextStyle}
-             */
-            /**
-             * 文字高亮绘制样式
-             * @name module:zrender/shape/Text#highlightStyle
-             * @type {module:zrender/shape/Text~ITextStyle}
-             */
-        };
-
-        Text.prototype =  {
-            type: 'text',
-
-            brush : function (ctx, isHighlight) {
-                var style = this.style;
-                if (isHighlight) {
-                    // 根据style扩展默认高亮样式
-                    style = this.getHighlightStyle(
-                        style, this.highlightStyle || {}
-                    );
-                }
-                
-                if (typeof(style.text) == 'undefined' || style.text === false) {
-                    return;
-                }
-
-                ctx.save();
-                this.doClip(ctx);
-
-                this.setContext(ctx, style);
-
-                // 设置transform
-                this.setTransform(ctx);
-
-                if (style.textFont) {
-                    ctx.font = style.textFont;
-                }
-                ctx.textAlign = style.textAlign || 'start';
-                ctx.textBaseline = style.textBaseline || 'middle';
-
-                var text = (style.text + '').split('\n');
-                var lineHeight = area.getTextHeight('国', style.textFont);
-                var rect = this.getRect(style);
-                var x = style.x;
-                var y;
-                if (style.textBaseline == 'top') {
-                    y = rect.y;
-                }
-                else if (style.textBaseline == 'bottom') {
-                    y = rect.y + lineHeight;
-                }
-                else {
-                    y = rect.y + lineHeight / 2;
-                }
-                
-                for (var i = 0, l = text.length; i < l; i++) {
-                    if (style.maxWidth) {
-                        switch (style.brushType) {
-                            case 'fill':
-                                ctx.fillText(
-                                    text[i],
-                                    x, y, style.maxWidth
-                                );
-                                break;
-                            case 'stroke':
-                                ctx.strokeText(
-                                    text[i],
-                                    x, y, style.maxWidth
-                                );
-                                break;
-                            case 'both':
-                                ctx.fillText(
-                                    text[i],
-                                    x, y, style.maxWidth
-                                );
-                                ctx.strokeText(
-                                    text[i],
-                                    x, y, style.maxWidth
-                                );
-                                break;
-                            default:
-                                ctx.fillText(
-                                    text[i],
-                                    x, y, style.maxWidth
-                                );
-                        }
-                    }
-                    else {
-                        switch (style.brushType) {
-                            case 'fill':
-                                ctx.fillText(text[i], x, y);
-                                break;
-                            case 'stroke':
-                                ctx.strokeText(text[i], x, y);
-                                break;
-                            case 'both':
-                                ctx.fillText(text[i], x, y);
-                                ctx.strokeText(text[i], x, y);
-                                break;
-                            default:
-                                ctx.fillText(text[i], x, y);
-                        }
-                    }
-                    y += lineHeight;
-                }
-
-                ctx.restore();
-                return;
-            },
-
-            /**
-             * 返回文字包围盒矩形
-             * @param {module:zrender/shape/Text~ITextStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var width = area.getTextWidth(style.text, style.textFont);
-                var height = area.getTextHeight(style.text, style.textFont);
-                
-                var textX = style.x;                 // 默认start == left
-                if (style.textAlign == 'end' || style.textAlign == 'right') {
-                    textX -= width;
-                }
-                else if (style.textAlign == 'center') {
-                    textX -= (width / 2);
-                }
-
-                var textY;
-                if (style.textBaseline == 'top') {
-                    textY = style.y;
-                }
-                else if (style.textBaseline == 'bottom') {
-                    textY = style.y - height;
-                }
-                else {
-                    // middle
-                    textY = style.y - height / 2;
-                }
-
-                style.__rect = {
-                    x : textX,
-                    y : textY,
-                    width : width,
-                    height : height
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Text, Base);
-        return Text;
-    }
-);
-
-
-/**
- * 矩形
- * @module zrender/shape/Rectangle
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com) , 
- *         strwind (@劲风FEI)
- * @example
- *     var Rectangle = require('zrender/shape/Rectangle');
- *     var shape = new Rectangle({
- *         style: {
- *             x: 0,
- *             y: 0,
- *             width: 100,
- *             height: 100,
- *             radius: 20
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IRectangleStyle
- * @property {number} x 左上角x坐标
- * @property {number} y 左上角y坐标
- * @property {number} width 宽度
- * @property {number} height 高度
- * @property {number|Array.<number>} radius 矩形圆角，可以用数组分别指定四个角的圆角
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Rectangle',['require','./Base','../tool/util'],function (require) {
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/Rectangle
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Rectangle = function (options) {
-            Base.call(this, options);
-            /**
-             * 矩形绘制样式
-             * @name module:zrender/shape/Rectangle#style
-             * @type {module:zrender/shape/Rectangle~IRectangleStyle}
-             */
-            /**
-             * 矩形高亮绘制样式
-             * @name module:zrender/shape/Rectangle#highlightStyle
-             * @type {module:zrender/shape/Rectangle~IRectangleStyle}
-             */
-        };
-
-        Rectangle.prototype =  {
-            type: 'rectangle',
-
-            _buildRadiusPath: function (ctx, style) {
-                // 左上、右上、右下、左下角的半径依次为r1、r2、r3、r4
-                // r缩写为1         相当于 [1, 1, 1, 1]
-                // r缩写为[1]       相当于 [1, 1, 1, 1]
-                // r缩写为[1, 2]    相当于 [1, 2, 1, 2]
-                // r缩写为[1, 2, 3] 相当于 [1, 2, 3, 2]
-                var x = style.x;
-                var y = style.y;
-                var width = style.width;
-                var height = style.height;
-                var r = style.radius;
-                var r1; 
-                var r2; 
-                var r3; 
-                var r4;
-                  
-                if (typeof r === 'number') {
-                    r1 = r2 = r3 = r4 = r;
-                }
-                else if (r instanceof Array) {
-                    if (r.length === 1) {
-                        r1 = r2 = r3 = r4 = r[0];
-                    }
-                    else if (r.length === 2) {
-                        r1 = r3 = r[0];
-                        r2 = r4 = r[1];
-                    }
-                    else if (r.length === 3) {
-                        r1 = r[0];
-                        r2 = r4 = r[1];
-                        r3 = r[2];
-                    }
-                    else {
-                        r1 = r[0];
-                        r2 = r[1];
-                        r3 = r[2];
-                        r4 = r[3];
-                    }
-                }
-                else {
-                    r1 = r2 = r3 = r4 = 0;
-                }
-                
-                var total;
-                if (r1 + r2 > width) {
-                    total = r1 + r2;
-                    r1 *= width / total;
-                    r2 *= width / total;
-                }
-                if (r3 + r4 > width) {
-                    total = r3 + r4;
-                    r3 *= width / total;
-                    r4 *= width / total;
-                }
-                if (r2 + r3 > height) {
-                    total = r2 + r3;
-                    r2 *= height / total;
-                    r3 *= height / total;
-                }
-                if (r1 + r4 > height) {
-                    total = r1 + r4;
-                    r1 *= height / total;
-                    r4 *= height / total;
-                }
-                ctx.moveTo(x + r1, y);
-                ctx.lineTo(x + width - r2, y);
-                r2 !== 0 && ctx.quadraticCurveTo(
-                    x + width, y, x + width, y + r2
-                );
-                ctx.lineTo(x + width, y + height - r3);
-                r3 !== 0 && ctx.quadraticCurveTo(
-                    x + width, y + height, x + width - r3, y + height
-                );
-                ctx.lineTo(x + r4, y + height);
-                r4 !== 0 && ctx.quadraticCurveTo(
-                    x, y + height, x, y + height - r4
-                );
-                ctx.lineTo(x, y + r1);
-                r1 !== 0 && ctx.quadraticCurveTo(x, y, x + r1, y);
-            },
-            
-            /**
-             * 创建矩形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {Object} style
-             */
-            buildPath : function (ctx, style) {
-                if (!style.radius) {
-                    ctx.moveTo(style.x, style.y);
-                    ctx.lineTo(style.x + style.width, style.y);
-                    ctx.lineTo(style.x + style.width, style.y + style.height);
-                    ctx.lineTo(style.x, style.y + style.height);
-                    ctx.lineTo(style.x, style.y);
-                    // ctx.rect(style.x, style.y, style.width, style.height);
-                }
-                else {
-                    this._buildRadiusPath(ctx, style);
-                }
-                ctx.closePath();
-                return;
-            },
-
-            /**
-             * 计算返回矩形包围盒矩阵
-             * @param {module:zrender/shape/Rectangle~IRectangleStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function(style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - lineWidth / 2),
-                    y : Math.round(style.y - lineWidth / 2),
-                    width : style.width + lineWidth,
-                    height : style.height + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Rectangle, Base);
-        return Rectangle;
-    }
-);
-
-/**
- * zrender: loading特效类
- *
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         errorrik (errorrik@gmail.com)
- */
-
-define(
-    'zrender/loadingEffect/Base',['require','../tool/util','../shape/Text','../shape/Rectangle'],function(require) {
-        var util = require('../tool/util');
-        var TextShape = require('../shape/Text');
-        var RectangleShape = require('../shape/Rectangle');
-
-
-        var DEFAULT_TEXT = 'Loading...';
-        var DEFAULT_TEXT_FONT = 'normal 16px Arial';
-
-        /**
-         * @constructor
-         * 
-         * @param {Object} options 选项
-         * @param {color} options.backgroundColor 背景颜色
-         * @param {Object} options.textStyle 文字样式，同shape/text.style
-         * @param {number=} options.progress 进度参数，部分特效有用
-         * @param {Object=} options.effect 特效参数，部分特效有用
-         * 
-         * {
-         *     effect,
-         *     //loading话术
-         *     text:'',
-         *     // 水平安放位置，默认为 'center'，可指定x坐标
-         *     x:'center' || 'left' || 'right' || {number},
-         *     // 垂直安放位置，默认为'top'，可指定y坐标
-         *     y:'top' || 'bottom' || {number},
-         *
-         *     textStyle:{
-         *         textFont: 'normal 20px Arial' || {textFont}, //文本字体
-         *         color: {color}
-         *     }
-         * }
-         */
-        function Base(options) {
-            this.setOptions(options);
-        }
-
-        /**
-         * 创建loading文字图形
-         * 
-         * @param {Object} textStyle 文字style，同shape/text.style
-         */
-        Base.prototype.createTextShape = function (textStyle) {
-            return new TextShape({
-                highlightStyle : util.merge(
-                    {
-                        x : this.canvasWidth / 2,
-                        y : this.canvasHeight / 2,
-                        text : DEFAULT_TEXT,
-                        textAlign : 'center',
-                        textBaseline : 'middle',
-                        textFont : DEFAULT_TEXT_FONT,
-                        color: '#333',
-                        brushType : 'fill'
-                    },
-                    textStyle,
-                    true
-                )
-            });
-        };
-        
-        /**
-         * 获取loading背景图形
-         * 
-         * @param {color} color 背景颜色
-         */
-        Base.prototype.createBackgroundShape = function (color) {
-            return new RectangleShape({
-                highlightStyle : {
-                    x : 0,
-                    y : 0,
-                    width : this.canvasWidth,
-                    height : this.canvasHeight,
-                    brushType : 'fill',
-                    color : color
-                }
-            });
-        };
-
-        Base.prototype.start = function (painter) {
-            this.canvasWidth = painter._width;
-            this.canvasHeight = painter._height;
-
-            function addShapeHandle(param) {
-                painter.storage.addHover(param);
-            }
-            function refreshHandle() {
-                painter.refreshHover();
-            }
-            this.loadingTimer = this._start(addShapeHandle, refreshHandle);
-        };
-
-        Base.prototype._start = function (/*addShapeHandle, refreshHandle*/) {
-            return setInterval(function () {
-            }, 10000);
-        };
-
-        Base.prototype.stop = function () {
-            clearInterval(this.loadingTimer);
-        };
-
-        Base.prototype.setOptions = function (options) {
-            this.options = options || {};
-        };
-        
-        Base.prototype.adjust = function (value, region) {
-            if (value <= region[0]) {
-                value = region[0];
-            }
-            else if (value >= region[1]) {
-                value = region[1];
-            }
-            return value;
-        };
-        
-        Base.prototype.getLocation = function(loc, totalWidth, totalHeight) {
-            var x = loc.x != null ? loc.x : 'center';
-            switch (x) {
-                case 'center' :
-                    x = Math.floor((this.canvasWidth - totalWidth) / 2);
-                    break;
-                case 'left' :
-                    x = 0;
-                    break;
-                case 'right' :
-                    x = this.canvasWidth - totalWidth;
-                    break;
-            }
-            var y = loc.y != null ? loc.y : 'center';
-            switch (y) {
-                case 'center' :
-                    y = Math.floor((this.canvasHeight - totalHeight) / 2);
-                    break;
-                case 'top' :
-                    y = 0;
-                    break;
-                case 'bottom' :
-                    y = this.canvasHeight - totalHeight;
-                    break;
-            }
-            return {
-                x : x,
-                y : y,
-                width : totalWidth,
-                height : totalHeight
-            };
-        };
-
-        return Base;
-    }
-);
-
-/**
- * @module zrender/Layer
- * @author pissang(https://www.github.com/pissang)
- */
-define('zrender/Layer',['require','./mixin/Transformable','./tool/util','./config'],function (require) {
-
-    var Transformable = require('./mixin/Transformable');
-    var util = require('./tool/util');
-    var vmlCanvasManager = window['G_vmlCanvasManager'];
-    var config = require('./config');
-
-    function returnFalse() {
-        return false;
-    }
-
-    /**
-     * 创建dom
-     * 
-     * @inner
-     * @param {string} id dom id 待用
-     * @param {string} type dom type，such as canvas, div etc.
-     * @param {Painter} painter painter instance
-     */
-    function createDom(id, type, painter) {
-        var newDom = document.createElement(type);
-        var width = painter.getWidth();
-        var height = painter.getHeight();
-
-        // 没append呢，请原谅我这样写，清晰~
-        newDom.style.position = 'absolute';
-        newDom.style.left = 0;
-        newDom.style.top = 0;
-        newDom.style.width = width + 'px';
-        newDom.style.height = height + 'px';
-        newDom.width = width * config.devicePixelRatio;
-        newDom.height = height * config.devicePixelRatio;
-
-        // id不作为索引用，避免可能造成的重名，定义为私有属性
-        newDom.setAttribute('data-zr-dom-id', id);
-        return newDom;
-    }
-
-    /**
-     * @alias module:zrender/Layer
-     * @constructor
-     * @extends module:zrender/mixin/Transformable
-     * @param {string} id
-     * @param {module:zrender/Painter} painter
-     */
-    var Layer = function(id, painter) {
-
-        this.id = id;
-
-        this.dom = createDom(id, 'canvas', painter);
-        this.dom.onselectstart = returnFalse; // 避免页面选中的尴尬
-        this.dom.style['-webkit-user-select'] = 'none';
-        this.dom.style['user-select'] = 'none';
-        this.dom.style['-webkit-touch-callout'] = 'none';
-        this.dom.style['-webkit-tap-highlight-color'] = 'rgba(0,0,0,0)';
-
-        vmlCanvasManager && vmlCanvasManager.initElement(this.dom);
-
-        this.domBack = null;
-        this.ctxBack = null;
-
-        this.painter = painter;
-
-        this.unusedCount = 0;
-
-        this.config = null;
-
-        this.dirty = true;
-
-        this.elCount = 0;
-
-        // Configs
-        /**
-         * 每次清空画布的颜色
-         * @type {string}
-         * @default 0
-         */
-        this.clearColor = 0;
-        /**
-         * 是否开启动态模糊
-         * @type {boolean}
-         * @default false
-         */
-        this.motionBlur = false;
-        /**
-         * 在开启动态模糊的时候使用，与上一帧混合的alpha值，值越大尾迹越明显
-         * @type {number}
-         * @default 0.7
-         */
-        this.lastFrameAlpha = 0.7;
-        /**
-         * 层是否支持鼠标平移操作
-         * @type {boolean}
-         * @default false
-         */
-        this.zoomable = false;
-        /**
-         * 层是否支持鼠标缩放操作
-         * @type {boolean}
-         * @default false
-         */
-        this.panable = false;
-
-        this.maxZoom = Infinity;
-        this.minZoom = 0;
-
-        Transformable.call(this);
-    };
-
-    Layer.prototype.initContext = function () {
-        this.ctx = this.dom.getContext('2d');
-
-        var dpr = config.devicePixelRatio;
-        if (dpr != 1) { 
-            this.ctx.scale(dpr, dpr);
-        }
-    };
-
-    Layer.prototype.createBackBuffer = function () {
-        if (vmlCanvasManager) { // IE 8- should not support back buffer
-            return;
-        }
-        this.domBack = createDom('back-' + this.id, 'canvas', this.painter);
-        this.ctxBack = this.domBack.getContext('2d');
-
-        var dpr = config.devicePixelRatio;
-
-        if (dpr != 1) { 
-            this.ctxBack.scale(dpr, dpr);
-        }
-    };
-
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     */
-    Layer.prototype.resize = function (width, height) {
-        var dpr = config.devicePixelRatio;
-
-        this.dom.style.width = width + 'px';
-        this.dom.style.height = height + 'px';
-
-        this.dom.setAttribute('width', width * dpr);
-        this.dom.setAttribute('height', height * dpr);
-
-        if (dpr != 1) { 
-            this.ctx.scale(dpr, dpr);
-        }
-
-        if (this.domBack) {
-            this.domBack.setAttribute('width', width * dpr);
-            this.domBack.setAttribute('height', height * dpr);
-
-            if (dpr != 1) { 
-                this.ctxBack.scale(dpr, dpr);
-            }
-        }
-    };
-
-    /**
-     * 清空该层画布
-     */
-    Layer.prototype.clear = function () {
-        var dom = this.dom;
-        var ctx = this.ctx;
-        var width = dom.width;
-        var height = dom.height;
-
-        var haveClearColor = this.clearColor && !vmlCanvasManager;
-        var haveMotionBLur = this.motionBlur && !vmlCanvasManager;
-        var lastFrameAlpha = this.lastFrameAlpha;
-        
-        var dpr = config.devicePixelRatio;
-
-        if (haveMotionBLur) {
-            if (!this.domBack) {
-                this.createBackBuffer();
-            } 
-
-            this.ctxBack.globalCompositeOperation = 'copy';
-            this.ctxBack.drawImage(
-                dom, 0, 0,
-                width / dpr,
-                height / dpr
-            );
-        }
-
-        ctx.clearRect(0, 0, width / dpr, height / dpr);
-        if (haveClearColor) {
-            ctx.save();
-            ctx.fillStyle = this.clearColor;
-            ctx.fillRect(0, 0, width / dpr, height / dpr);
-            ctx.restore();
-        }
-
-        if (haveMotionBLur) {
-            var domBack = this.domBack;
-            ctx.save();
-            ctx.globalAlpha = lastFrameAlpha;
-            ctx.drawImage(domBack, 0, 0, width / dpr, height / dpr);
-            ctx.restore();
-        }
-    };
-
-    util.merge(Layer.prototype, Transformable.prototype);
-
-    return Layer;
-});
-/**
- * 图片绘制
- * @module zrender/shape/Image
- * @author pissang(https://www.github.com/pissang)
- * @example
- *     var ImageShape = require('zrender/shape/Image');
- *     var image = new ImageShape({
- *         style: {
- *             image: 'test.jpg',
- *             x: 100,
- *             y: 100
- *         }
- *     });
- *     zr.addShape(image);
- */
-
-/**
- * @typedef {Object} IImageStyle
- * @property {string|HTMLImageElement|HTMLCanvasElement} image 图片url或者图片对象
- * @property {number} x 左上角横坐标
- * @property {number} y 左上角纵坐标
- * @property {number} [width] 绘制到画布上的宽度，默认为图片宽度
- * @property {number} [height] 绘制到画布上的高度，默认为图片高度
- * @property {number} [sx=0] 从图片中裁剪的左上角横坐标
- * @property {number} [sy=0] 从图片中裁剪的左上角纵坐标
- * @property {number} [sWidth] 从图片中裁剪的宽度，默认为图片高度
- * @property {number} [sHeight] 从图片中裁剪的高度，默认为图片高度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Image',['require','./Base','../tool/util'],function (require) {
-
-        var Base = require('./Base');
-
-        /**
-         * @alias zrender/shape/Image
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var ZImage = function(options) {
-            Base.call(this, options);
-            /**
-             * 图片绘制样式
-             * @name module:zrender/shape/Image#style
-             * @type {module:zrender/shape/Image~IImageStyle}
-             */
-            /**
-             * 图片高亮绘制样式
-             * @name module:zrender/shape/Image#highlightStyle
-             * @type {module:zrender/shape/Image~IImageStyle}
-             */
-        };
-
-        ZImage.prototype = {
-            
-            type: 'image',
-
-            brush : function(ctx, isHighlight, refreshNextFrame) {
-                var style = this.style || {};
-
-                if (isHighlight) {
-                    // 根据style扩展默认高亮样式
-                    style = this.getHighlightStyle(
-                        style, this.highlightStyle || {}
-                    );
-                }
-
-                var image = style.image;
-                var self = this;
-
-                if (!this._imageCache) {
-                    this._imageCache = {};
-                }
-                if (typeof(image) === 'string') {
-                    var src = image;
-                    if (this._imageCache[src]) {
-                        image = this._imageCache[src];
-                    } else {
-                        image = new Image();
-                        image.onload = function () {
-                            image.onload = null;
-                            self.modSelf();
-                            refreshNextFrame();
-                        };
-
-                        image.src = src;
-                        this._imageCache[src] = image;
-                    }
-                }
-                if (image) {
-                    // 图片已经加载完成
-                    if (image.nodeName.toUpperCase() == 'IMG') {
-                        if (window.ActiveXObject) {
-                            if (image.readyState != 'complete') {
-                                return;
-                            }
-                        }
-                        else {
-                            if (!image.complete) {
-                                return;
-                            }
-                        }
-                    }
-                    // Else is canvas
-                    var width = style.width || image.width;
-                    var height = style.height || image.height;
-                    var x = style.x;
-                    var y = style.y;
-                    // 图片加载失败
-                    if (!image.width || !image.height) {
-                        return;
-                    }
-
-                    ctx.save();
-
-                    this.doClip(ctx);
-
-                    this.setContext(ctx, style);
-
-                    // 设置transform
-                    this.setTransform(ctx);
-
-                    if (style.sWidth && style.sHeight) {
-                        var sx = style.sx || 0;
-                        var sy = style.sy || 0;
-                        ctx.drawImage(
-                            image,
-                            sx, sy, style.sWidth, style.sHeight,
-                            x, y, width, height
-                        );
-                    }
-                    else if (style.sx && style.sy) {
-                        var sx = style.sx;
-                        var sy = style.sy;
-                        var sWidth = width - sx;
-                        var sHeight = height - sy;
-                        ctx.drawImage(
-                            image,
-                            sx, sy, sWidth, sHeight,
-                            x, y, width, height
-                        );
-                    }
-                    else {
-                        ctx.drawImage(image, x, y, width, height);
-                    }
-                    // 如果没设置宽和高的话自动根据图片宽高设置
-                    if (!style.width) {
-                        style.width = width;
-                    }
-                    if (!style.height) {
-                        style.height = height;
-                    }
-                    if (!this.style.width) {
-                        this.style.width = width;
-                    }
-                    if (!this.style.height) {
-                        this.style.height = height;
-                    }
-
-                    this.drawText(ctx, style, this.style);
-
-                    ctx.restore();
-                }
-            },
-
-            /**
-             * 计算返回图片的包围盒矩形
-             * @param {module:zrender/shape/Image~IImageStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect: function(style) {
-                return {
-                    x : style.x,
-                    y : style.y,
-                    width : style.width,
-                    height : style.height
-                };
-            },
-
-            clearCache: function() {
-                this._imageCache = {};
-            }
-        };
-
-        require('../tool/util').inherits(ZImage, Base);
-        return ZImage;
-    }
-);
-
-/**
- * Painter绘图模块
- * @module zrender/Painter
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         errorrik (errorrik@gmail.com)
- *         pissang (https://www.github.com/pissang)
- */
- define(
-    'zrender/Painter',['require','./config','./tool/util','./tool/log','./loadingEffect/Base','./Layer','./shape/Image'],function (require) {
-        
-
-        var config = require('./config');
-        var util = require('./tool/util');
-        // var vec2 = require('./tool/vector');
-        var log = require('./tool/log');
-        // var matrix = require('./tool/matrix');
-        var BaseLoadingEffect = require('./loadingEffect/Base');
-
-        var Layer = require('./Layer');
-
-        // 返回false的方法，用于避免页面被选中
-        function returnFalse() {
-            return false;
-        }
-
-        // 什么都不干的空方法
-        function doNothing() {}
-
-        function isLayerValid(layer) {
-            if (!layer) {
-                return false;
-            }
-            
-            if (layer.isBuildin) {
-                return true;
-            }
-
-            if (typeof(layer.resize) !== 'function'
-                || typeof(layer.refresh) !== 'function'
-            ) {
-                return false;
-            }
-
-            return true;
-        }
-
-        /**
-         * @alias module:zrender/Painter
-         * @constructor
-         * @param {HTMLElement} root 绘图容器
-         * @param {module:zrender/Storage} storage
-         */
-        var Painter = function (root, storage) {
-            /**
-             * 绘图容器
-             * @type {HTMLElement}
-             */
-            this.root = root;
-            root.style['-webkit-tap-highlight-color'] = 'transparent';
-            root.style['-webkit-user-select'] = 'none';
-            root.style['user-select'] = 'none';
-            root.style['-webkit-touch-callout'] = 'none';
-
-            /**
-             * @type {module:zrender/Storage}
-             */
-            this.storage = storage;
-
-            root.innerHTML = '';
-            this._width = this._getWidth(); // 宽，缓存记录
-            this._height = this._getHeight(); // 高，缓存记录
-
-            var domRoot = document.createElement('div');
-            this._domRoot = domRoot;
-
-            // domRoot.onselectstart = returnFalse; // 避免页面选中的尴尬
-            domRoot.style.position = 'relative';
-            domRoot.style.overflow = 'hidden';
-            domRoot.style.width = this._width + 'px';
-            domRoot.style.height = this._height + 'px';
-            root.appendChild(domRoot);
-
-            this._layers = {};
-
-            this._zlevelList = [];
-
-            this._layerConfig = {};
-
-            this._loadingEffect = new BaseLoadingEffect({});
-            this.shapeToImage = this._createShapeToImageProcessor();
-
-            // 创建各层canvas
-            // 背景
-            this._bgDom = document.createElement('div');
-            this._bgDom.style.cssText = [
-                'position:absolute;left:0px;top:0px;width:',
-                this._width, 'px;height:', this._height + 'px;', 
-                '-webkit-user-select:none;user-select;none;',
-                '-webkit-touch-callout:none;'
-            ].join('');
-            this._bgDom.setAttribute('data-zr-dom-id', 'bg');
-
-            domRoot.appendChild(this._bgDom);
-            this._bgDom.onselectstart = returnFalse;
-
-            // 高亮
-            var hoverLayer = new Layer('_zrender_hover_', this);
-            this._layers['hover'] = hoverLayer;
-            domRoot.appendChild(hoverLayer.dom);
-            hoverLayer.initContext();
-
-            hoverLayer.dom.onselectstart = returnFalse;
-            hoverLayer.dom.style['-webkit-user-select'] = 'none';
-            hoverLayer.dom.style['user-select'] = 'none';
-            hoverLayer.dom.style['-webkit-touch-callout'] = 'none';
-
-            // Will be injected by zrender instance
-            this.refreshNextFrame = null;
-        };
-
-        /**
-         * 首次绘图，创建各种dom和context
-         * 
-         * @param {Function} callback 绘画结束后的回调函数
-         */
-        Painter.prototype.render = function (callback) {
-            if (this.isLoading()) {
-                this.hideLoading();
-            }
-            // TODO
-            this.refresh(callback, true);
-
-            return this;
-        };
-
-        /**
-         * 刷新
-         * @param {Function} callback 刷新结束后的回调函数
-         * @param {boolean} paintAll 强制绘制所有shape
-         */
-        Painter.prototype.refresh = function (callback, paintAll) {
-            var list = this.storage.getShapeList(true);
-            this._paintList(list, paintAll);
-
-            // Paint custum layers
-            for (var i = 0; i < this._zlevelList.length; i++) {
-                var z = this._zlevelList[i];
-                var layer = this._layers[z];
-                if (! layer.isBuildin && layer.refresh) {
-                    layer.refresh();
-                }
-            }
-
-            if (typeof callback == 'function') {
-                callback();
-            }
-
-            return this;
-        };
-
-        Painter.prototype._preProcessLayer = function (layer) {
-            layer.unusedCount++;
-            layer.updateTransform();
-        };
-
-        Painter.prototype._postProcessLayer = function (layer) {
-            layer.dirty = false;
-            // 删除过期的层
-            // PENDING
-            // if (layer.unusedCount >= 500) {
-            //     this.delLayer(z);
-            // }
-            if (layer.unusedCount == 1) {
-                layer.clear();
-            }
-        };
- 
-        Painter.prototype._paintList = function (list, paintAll) {
-
-            if (typeof(paintAll) == 'undefined') {
-                paintAll = false;
-            }
-
-            this._updateLayerStatus(list);
-
-            var currentLayer;
-            var currentZLevel;
-            var ctx;
-
-            this.eachBuildinLayer(this._preProcessLayer);
-
-            // var invTransform = [];
-
-            for (var i = 0, l = list.length; i < l; i++) {
-                var shape = list[i];
-
-                // Change draw layer
-                if (currentZLevel !== shape.zlevel) {
-                    if (currentLayer) {
-                        if (currentLayer.needTransform) {
-                            ctx.restore();
-                        }
-                        ctx.flush && ctx.flush();
-                    }
-
-                    currentZLevel = shape.zlevel;
-                    currentLayer = this.getLayer(currentZLevel);
-
-                    if (!currentLayer.isBuildin) {
-                        log(
-                            'ZLevel ' + currentZLevel
-                            + ' has been used by unkown layer ' + currentLayer.id
-                        );
-                    }
-
-                    ctx = currentLayer.ctx;
-
-                    // Reset the count
-                    currentLayer.unusedCount = 0;
-
-                    if (currentLayer.dirty || paintAll) {
-                        currentLayer.clear();
-                    }
-
-                    if (currentLayer.needTransform) {
-                        ctx.save();
-                        currentLayer.setTransform(ctx);
-                    }
-                }
-
-                if ((currentLayer.dirty || paintAll) && !shape.invisible) {
-                    if (
-                        !shape.onbrush
-                        || (shape.onbrush && !shape.onbrush(ctx, false))
-                    ) {
-                        if (config.catchBrushException) {
-                            try {
-                                shape.brush(ctx, false, this.refreshNextFrame);
-                            }
-                            catch (error) {
-                                log(
-                                    error,
-                                    'brush error of ' + shape.type,
-                                    shape
-                                );
-                            }
-                        }
-                        else {
-                            shape.brush(ctx, false, this.refreshNextFrame);
-                        }
-                    }
-                }
-
-                shape.__dirty = false;
-            }
-
-            if (currentLayer) {
-                if (currentLayer.needTransform) {
-                    ctx.restore();
-                }
-                ctx.flush && ctx.flush();
-            }
-
-            this.eachBuildinLayer(this._postProcessLayer);
-        };
-
-        /**
-         * 获取 zlevel 所在层，如果不存在则会创建一个新的层
-         * @param {number} zlevel
-         * @return {module:zrender/Layer}
-         */
-        Painter.prototype.getLayer = function (zlevel) {
-            var layer = this._layers[zlevel];
-            if (!layer) {
-                // Create a new layer
-                layer = new Layer(zlevel, this);
-                layer.isBuildin = true;
-
-                if (this._layerConfig[zlevel]) {
-                    util.merge(layer, this._layerConfig[zlevel], true);
-                }
-
-                layer.updateTransform();
-
-                this.insertLayer(zlevel, layer);
-
-                // Context is created after dom inserted to document
-                // Or excanvas will get 0px clientWidth and clientHeight
-                layer.initContext();
-            }
-
-            return layer;
-        };
-
-        Painter.prototype.insertLayer = function (zlevel, layer) {
-            if (this._layers[zlevel]) {
-                log('ZLevel ' + zlevel + ' has been used already');
-                return;
-            }
-            // Check if is a valid layer
-            if (!isLayerValid(layer)) {
-                log('Layer of zlevel ' + zlevel + ' is not valid');
-                return;
-            }
-
-            var len = this._zlevelList.length;
-            var prevLayer = null;
-            var i = -1;
-            if (len > 0 && zlevel > this._zlevelList[0]) {
-                for (i = 0; i < len - 1; i++) {
-                    if (
-                        this._zlevelList[i] < zlevel
-                        && this._zlevelList[i + 1] > zlevel
-                    ) {
-                        break;
-                    }
-                }
-                prevLayer = this._layers[this._zlevelList[i]];
-            }
-            this._zlevelList.splice(i + 1, 0, zlevel);
-
-            var prevDom = prevLayer ? prevLayer.dom : this._bgDom;
-            if (prevDom.nextSibling) {
-                prevDom.parentNode.insertBefore(
-                    layer.dom,
-                    prevDom.nextSibling
-                );
-            }
-            else {
-                prevDom.parentNode.appendChild(layer.dom);
-            }
-
-            this._layers[zlevel] = layer;
-        };
-
-        // Iterate each layer
-        Painter.prototype.eachLayer = function (cb, context) {
-            for (var i = 0; i < this._zlevelList.length; i++) {
-                var z = this._zlevelList[i];
-                cb.call(context, this._layers[z], z);
-            }
-        };
-
-        // Iterate each buildin layer
-        Painter.prototype.eachBuildinLayer = function (cb, context) {
-            for (var i = 0; i < this._zlevelList.length; i++) {
-                var z = this._zlevelList[i];
-                var layer = this._layers[z];
-                if (layer.isBuildin) {
-                    cb.call(context, layer, z);
-                }
-            }
-        };
-
-        // Iterate each other layer except buildin layer
-        Painter.prototype.eachOtherLayer = function (cb, context) {
-            for (var i = 0; i < this._zlevelList.length; i++) {
-                var z = this._zlevelList[i];
-                var layer = this._layers[z];
-                if (! layer.isBuildin) {
-                    cb.call(context, layer, z);
-                }
-            }
-        };
-
-        /**
-         * 获取所有已创建的层
-         * @param {Array.<module:zrender/Layer>} [prevLayer]
-         */
-        Painter.prototype.getLayers = function () {
-            return this._layers;
-        };
-
-        Painter.prototype._updateLayerStatus = function (list) {
-            
-            var layers = this._layers;
-
-            var elCounts = {};
-
-            this.eachBuildinLayer(function (layer, z) {
-                elCounts[z] = layer.elCount;
-                layer.elCount = 0;
-            });
-
-            for (var i = 0, l = list.length; i < l; i++) {
-                var shape = list[i];
-                var zlevel = shape.zlevel;
-                var layer = layers[zlevel];
-                if (layer) {
-                    layer.elCount++;
-                    // 已经被标记为需要刷新
-                    if (layer.dirty) {
-                        continue;
-                    }
-                    layer.dirty = shape.__dirty;
-                }
-            }
-
-            // 层中的元素数量有发生变化
-            this.eachBuildinLayer(function (layer, z) {
-                if (elCounts[z] !== layer.elCount) {
-                    layer.dirty = true;
-                }
-            });
-        };
-
-        /**
-         * 指定的图形列表
-         * @param {Array.<module:zrender/shape/Base>} shapeList 需要更新的图形元素列表
-         * @param {Function} [callback] 视图更新后回调函数
-         */
-        Painter.prototype.refreshShapes = function (shapeList, callback) {
-            for (var i = 0, l = shapeList.length; i < l; i++) {
-                var shape = shapeList[i];
-                shape.modSelf();
-            }
-
-            this.refresh(callback);
-            return this;
-        };
-
-        /**
-         * 设置loading特效
-         * 
-         * @param {Object} loadingEffect loading特效
-         * @return {Painter}
-         */
-        Painter.prototype.setLoadingEffect = function (loadingEffect) {
-            this._loadingEffect = loadingEffect;
-            return this;
-        };
-
-        /**
-         * 清除hover层外所有内容
-         */
-        Painter.prototype.clear = function () {
-            this.eachBuildinLayer(this._clearLayer);
-            return this;
-        };
-
-        Painter.prototype._clearLayer = function (layer) {
-            layer.clear();
-        };
-
-        /**
-         * 修改指定zlevel的绘制参数
-         * 
-         * @param {string} zlevel
-         * @param {Object} config 配置对象
-         * @param {string} [config.clearColor=0] 每次清空画布的颜色
-         * @param {string} [config.motionBlur=false] 是否开启动态模糊
-         * @param {number} [config.lastFrameAlpha=0.7]
-         *                 在开启动态模糊的时候使用，与上一帧混合的alpha值，值越大尾迹越明显
-         * @param {Array.<number>} [position] 层的平移
-         * @param {Array.<number>} [rotation] 层的旋转
-         * @param {Array.<number>} [scale] 层的缩放
-         * @param {boolean} [zoomable=false] 层是否支持鼠标缩放操作
-         * @param {boolean} [panable=false] 层是否支持鼠标平移操作
-         */
-        Painter.prototype.modLayer = function (zlevel, config) {
-            if (config) {
-                if (!this._layerConfig[zlevel]) {
-                    this._layerConfig[zlevel] = config;
-                }
-                else {
-                    util.merge(this._layerConfig[zlevel], config, true);
-                }
-
-                var layer = this._layers[zlevel];
-
-                if (layer) {
-                    util.merge(layer, this._layerConfig[zlevel], true);
-                }
-            }
-        };
-
-        /**
-         * 删除指定层
-         * @param {number} zlevel 层所在的zlevel
-         */
-        Painter.prototype.delLayer = function (zlevel) {
-            var layer = this._layers[zlevel];
-            if (!layer) {
-                return;
-            }
-            // Save config
-            this.modLayer(zlevel, {
-                position: layer.position,
-                rotation: layer.rotation,
-                scale: layer.scale
-            });
-            layer.dom.parentNode.removeChild(layer.dom);
-            delete this._layers[zlevel];
-
-            this._zlevelList.splice(util.indexOf(this._zlevelList, zlevel), 1);
-        };
-
-        /**
-         * 刷新hover层
-         */
-        Painter.prototype.refreshHover = function () {
-            this.clearHover();
-            var list = this.storage.getHoverShapes(true);
-            for (var i = 0, l = list.length; i < l; i++) {
-                this._brushHover(list[i]);
-            }
-            var ctx = this._layers.hover.ctx;
-            ctx.flush && ctx.flush();
-
-            this.storage.delHover();
-
-            return this;
-        };
-
-        /**
-         * 清除hover层所有内容
-         */
-        Painter.prototype.clearHover = function () {
-            var hover = this._layers.hover;
-            hover && hover.clear();
-
-            return this;
-        };
-
-        /**
-         * 显示loading
-         * 
-         * @param {Object=} loadingEffect loading效果对象
-         */
-        Painter.prototype.showLoading = function (loadingEffect) {
-            this._loadingEffect && this._loadingEffect.stop();
-            loadingEffect && this.setLoadingEffect(loadingEffect);
-            this._loadingEffect.start(this);
-            this.loading = true;
-
-            return this;
-        };
-
-        /**
-         * loading结束
-         */
-        Painter.prototype.hideLoading = function () {
-            this._loadingEffect.stop();
-
-            this.clearHover();
-            this.loading = false;
-            return this;
-        };
-
-        /**
-         * loading结束判断
-         */
-        Painter.prototype.isLoading = function () {
-            return this.loading;
-        };
-
-        /**
-         * 区域大小变化后重绘
-         */
-        Painter.prototype.resize = function () {
-            var domRoot = this._domRoot;
-            domRoot.style.display = 'none';
-
-            var width = this._getWidth();
-            var height = this._getHeight();
-
-            domRoot.style.display = '';
-
-            // 优化没有实际改变的resize
-            if (this._width != width || height != this._height) {
-                this._width = width;
-                this._height = height;
-
-                domRoot.style.width = width + 'px';
-                domRoot.style.height = height + 'px';
-
-                for (var id in this._layers) {
-
-                    this._layers[id].resize(width, height);
-                }
-
-                this.refresh(null, true);
-            }
-
-            return this;
-        };
-
-        /**
-         * 清除单独的一个层
-         * @param {number} zLevel
-         */
-        Painter.prototype.clearLayer = function (zLevel) {
-            var layer = this._layers[zLevel];
-            if (layer) {
-                layer.clear();
-            }
-        };
-
-        /**
-         * 释放
-         */
-        Painter.prototype.dispose = function () {
-            if (this.isLoading()) {
-                this.hideLoading();
-            }
-
-            this.root.innerHTML = '';
-
-            this.root =
-            this.storage =
-
-            this._domRoot = 
-            this._layers = null;
-        };
-
-        Painter.prototype.getDomHover = function () {
-            return this._layers.hover.dom;
-        };
-
-        /**
-         * 图像导出
-         * @param {string} type
-         * @param {string} [backgroundColor='#fff'] 背景色
-         * @return {string} 图片的Base64 url
-         */
-        Painter.prototype.toDataURL = function (type, backgroundColor, args) {
-            if (window['G_vmlCanvasManager']) {
-                return null;
-            }
-
-            var imageLayer = new Layer('image', this);
-            this._bgDom.appendChild(imageLayer.dom);
-            imageLayer.initContext();
-            
-            var ctx = imageLayer.ctx;
-            imageLayer.clearColor = backgroundColor || '#fff';
-            imageLayer.clear();
-            
-            var self = this;
-            // 升序遍历，shape上的zlevel指定绘画图层的z轴层叠
-
-            this.storage.iterShape(
-                function (shape) {
-                    if (!shape.invisible) {
-                        if (!shape.onbrush // 没有onbrush
-                            // 有onbrush并且调用执行返回false或undefined则继续粉刷
-                            || (shape.onbrush && !shape.onbrush(ctx, false))
-                        ) {
-                            if (config.catchBrushException) {
-                                try {
-                                    shape.brush(ctx, false, self.refreshNextFrame);
-                                }
-                                catch (error) {
-                                    log(
-                                        error,
-                                        'brush error of ' + shape.type,
-                                        shape
-                                    );
-                                }
-                            }
-                            else {
-                                shape.brush(ctx, false, self.refreshNextFrame);
-                            }
-                        }
-                    }
-                },
-                { normal: 'up', update: true }
-            );
-            var image = imageLayer.dom.toDataURL(type, args); 
-            ctx = null;
-            this._bgDom.removeChild(imageLayer.dom);
-            return image;
-        };
-
-        /**
-         * 获取绘图区域宽度
-         */
-        Painter.prototype.getWidth = function () {
-            return this._width;
-        };
-
-        /**
-         * 获取绘图区域高度
-         */
-        Painter.prototype.getHeight = function () {
-            return this._height;
-        };
-
-        Painter.prototype._getWidth = function () {
-            var root = this.root;
-            var stl = root.currentStyle
-                      || document.defaultView.getComputedStyle(root);
-
-            return ((root.clientWidth || parseInt(stl.width, 10))
-                    - parseInt(stl.paddingLeft, 10) // 请原谅我这比较粗暴
-                    - parseInt(stl.paddingRight, 10)).toFixed(0) - 0;
-        };
-
-        Painter.prototype._getHeight = function () {
-            var root = this.root;
-            var stl = root.currentStyle
-                      || document.defaultView.getComputedStyle(root);
-
-            return ((root.clientHeight || parseInt(stl.height, 10))
-                    - parseInt(stl.paddingTop, 10) // 请原谅我这比较粗暴
-                    - parseInt(stl.paddingBottom, 10)).toFixed(0) - 0;
-        };
-
-        Painter.prototype._brushHover = function (shape) {
-            var ctx = this._layers.hover.ctx;
-
-            if (!shape.onbrush // 没有onbrush
-                // 有onbrush并且调用执行返回false或undefined则继续粉刷
-                || (shape.onbrush && !shape.onbrush(ctx, true))
-            ) {
-                var layer = this.getLayer(shape.zlevel);
-                if (layer.needTransform) {
-                    ctx.save();
-                    layer.setTransform(ctx);
-                }
-                // Retina 优化
-                if (config.catchBrushException) {
-                    try {
-                        shape.brush(ctx, true, this.refreshNextFrame);
-                    }
-                    catch (error) {
-                        log(
-                            error, 'hoverBrush error of ' + shape.type, shape
-                        );
-                    }
-                }
-                else {
-                    shape.brush(ctx, true, this.refreshNextFrame);
-                }
-                if (layer.needTransform) {
-                    ctx.restore();
-                }
-            }
-        };
-
-        Painter.prototype._shapeToImage = function (
-            id, shape, width, height, devicePixelRatio
-        ) {
-            var canvas = document.createElement('canvas');
-            var ctx = canvas.getContext('2d');
-            
-            canvas.style.width = width + 'px';
-            canvas.style.height = height + 'px';
-            canvas.setAttribute('width', width * devicePixelRatio);
-            canvas.setAttribute('height', height * devicePixelRatio);
-
-            ctx.clearRect(0, 0, width * devicePixelRatio, height * devicePixelRatio);
-
-            var shapeTransform = {
-                position : shape.position,
-                rotation : shape.rotation,
-                scale : shape.scale
-            };
-            shape.position = [ 0, 0, 0 ];
-            shape.rotation = 0;
-            shape.scale = [ 1, 1 ];
-            if (shape) {
-                shape.brush(ctx, false);
-            }
-
-            var ImageShape = require('./shape/Image');
-            var imgShape = new ImageShape({
-                id : id,
-                style : {
-                    x : 0,
-                    y : 0,
-                    image : canvas
-                }
-            });
-
-            if (shapeTransform.position != null) {
-                imgShape.position = shape.position = shapeTransform.position;
-            }
-
-            if (shapeTransform.rotation != null) {
-                imgShape.rotation = shape.rotation = shapeTransform.rotation;
-            }
-
-            if (shapeTransform.scale != null) {
-                imgShape.scale = shape.scale = shapeTransform.scale;
-            }
-
-            return imgShape;
-        };
-
-        Painter.prototype._createShapeToImageProcessor = function () {
-            if (window['G_vmlCanvasManager']) {
-                return doNothing;
-            }
-
-            var me = this;
-
-            return function (id, e, width, height) {
-                return me._shapeToImage(
-                    id, e, width, height, config.devicePixelRatio
-                );
-            };
-        };
-
-        return Painter;
-    }
-);
-
-/**
- * Group是一个容器，可以插入子节点，Group的变换也会被应用到子节点上
- * @module zrender/Group
- * @example
- *     var Group = require('zrender/Group');
- *     var Circle = require('zrender/shape/Circle');
- *     var g = new Group();
- *     g.position[0] = 100;
- *     g.position[1] = 100;
- *     g.addChild(new Circle({
- *         style: {
- *             x: 100,
- *             y: 100,
- *             r: 20,
- *             brushType: 'fill'
- *         }
- *     }));
- *     zr.addGroup(g);
- */
-define('zrender/Group',['require','./tool/guid','./tool/util','./mixin/Transformable','./mixin/Eventful'],function(require) {
-
-    var guid = require('./tool/guid');
-    var util = require('./tool/util');
-
-    var Transformable = require('./mixin/Transformable');
-    var Eventful = require('./mixin/Eventful');
-
-    /**
-     * @alias module:zrender/Group
-     * @constructor
-     * @extends module:zrender/mixin/Transformable
-     * @extends module:zrender/mixin/Eventful
-     */
-    var Group = function(options) {
-
-        options = options || {};
-
-        /**
-         * Group id
-         * @type {string}
-         */
-        this.id = options.id || guid();
-
-        for (var key in options) {
-            this[key] = options[key];
-        }
-
-        /**
-         * @type {string}
-         */
-        this.type = 'group';
-
-        /**
-         * 用于裁剪的图形(shape)，所有 Group 内的图形在绘制时都会被这个图形裁剪
-         * 该图形会继承Group的变换
-         * @type {module:zrender/shape/Base}
-         * @see http://www.w3.org/TR/2dcontext/#clipping-region
-         */
-        this.clipShape = null;
-
-        this._children = [];
-
-        this._storage = null;
-
-        this.__dirty = true;
-
-        // Mixin
-        Transformable.call(this);
-        Eventful.call(this);
-    };
-
-    /**
-     * 是否忽略该 Group 及其所有子节点
-     * @type {boolean}
-     * @default false
-     */
-    Group.prototype.ignore = false;
-
-    /**
-     * 复制并返回一份新的包含所有儿子节点的数组
-     * @return {Array.<module:zrender/Group|module:zrender/shape/Base>}
-     */
-    Group.prototype.children = function() {
-        return this._children.slice();
-    };
-
-    /**
-     * 获取指定 index 的儿子节点
-     * @param  {number} idx
-     * @return {module:zrender/Group|module:zrender/shape/Base}
-     */
-    Group.prototype.childAt = function(idx) {
-        return this._children[idx];
-    };
-
-    /**
-     * 添加子节点，可以是Shape或者Group
-     * @param {module:zrender/Group|module:zrender/shape/Base} child
-     */
-    // TODO Type Check
-    Group.prototype.addChild = function(child) {
-        if (child == this) {
-            return;
-        }
-        
-        if (child.parent == this) {
-            return;
-        }
-        if (child.parent) {
-            child.parent.removeChild(child);
-        }
-
-        this._children.push(child);
-        child.parent = this;
-
-        if (this._storage && this._storage !== child._storage) {
-            
-            this._storage.addToMap(child);
-
-            if (child instanceof Group) {
-                child.addChildrenToStorage(this._storage);
-            }
-        }
-    };
-
-    /**
-     * 移除子节点
-     * @param {module:zrender/Group|module:zrender/shape/Base} child
-     */
-    // TODO Type Check
-    Group.prototype.removeChild = function(child) {
-        var idx = util.indexOf(this._children, child);
-
-        this._children.splice(idx, 1);
-        child.parent = null;
-
-        if (this._storage) {
-            
-            this._storage.delFromMap(child.id);
-
-            if (child instanceof Group) {
-                child.delChildrenFromStorage(this._storage);
-            }
-        }
-    };
-
-    /**
-     * 移除所有子节点
-     */
-    Group.prototype.clearChildren = function () {
-        for (var i = 0; i < this._children.length; i++) {
-            var child = this._children[i];
-            if (this._storage) {
-                this._storage.delFromMap(child.id);
-                if (child instanceof Group) {
-                    child.delChildrenFromStorage(this._storage);
-                }
-            }
-        }
-        this._children.length = 0;
-    };
-
-    /**
-     * 遍历所有子节点
-     * @param  {Function} cb
-     * @param  {}   context
-     */
-    Group.prototype.eachChild = function(cb, context) {
-        var haveContext = !!context;
-        for (var i = 0; i < this._children.length; i++) {
-            var child = this._children[i];
-            if (haveContext) {
-                cb.call(context, child);
-            } else {
-                cb(child);
-            }
-        }
-    };
-
-    /**
-     * 深度优先遍历所有子孙节点
-     * @param  {Function} cb
-     * @param  {}   context
-     */
-    Group.prototype.traverse = function(cb, context) {
-        var haveContext = !!context;
-        for (var i = 0; i < this._children.length; i++) {
-            var child = this._children[i];
-            if (haveContext) {
-                cb.call(context, child);
-            } else {
-                cb(child);
-            }
-
-            if (child.type === 'group') {
-                child.traverse(cb, context);
-            }
-        }
-    };
-
-    Group.prototype.addChildrenToStorage = function(storage) {
-        for (var i = 0; i < this._children.length; i++) {
-            var child = this._children[i];
-            storage.addToMap(child);
-            if (child instanceof Group) {
-                child.addChildrenToStorage(storage);
-            }
-        }
-    };
-
-    Group.prototype.delChildrenFromStorage = function(storage) {
-        for (var i = 0; i < this._children.length; i++) {
-            var child = this._children[i];
-            storage.delFromMap(child.id);
-            if (child instanceof Group) {
-                child.delChildrenFromStorage(storage);
-            }
-        }
-    };
-
-    Group.prototype.modSelf = function() {
-        this.__dirty = true;
-    };
-
-    util.merge(Group.prototype, Transformable.prototype, true);
-    util.merge(Group.prototype, Eventful.prototype, true);
-
-    return Group;
-});
-/**
- * Storage内容仓库模块
- * @module zrender/Storage
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @author errorrik (errorrik@gmail.com)
- * @author pissang (https://github.com/pissang/)
- */
-define(
-    'zrender/Storage',['require','./tool/util','./Group'],function (require) {
-
-        
-
-        var util = require('./tool/util');
-
-        var Group = require('./Group');
-
-        var defaultIterateOption = {
-            hover: false,
-            normal: 'down',
-            update: false
-        };
-
-        function shapeCompareFunc(a, b) {
-            if (a.zlevel == b.zlevel) {
-                if (a.z == b.z) {
-                    return a.__renderidx - b.__renderidx;
-                }
-                return a.z - b.z;
-            }
-            return a.zlevel - b.zlevel;
-        }
-        /**
-         * 内容仓库 (M)
-         * @alias module:zrender/Storage
-         * @constructor
-         */
-        var Storage = function () {
-            // 所有常规形状，id索引的map
-            this._elements = {};
-
-            // 高亮层形状，不稳定，动态增删，数组位置也是z轴方向，靠前显示在下方
-            this._hoverElements = [];
-
-            this._roots = [];
-
-            this._shapeList = [];
-
-            this._shapeListOffset = 0;
-        };
-
-        /**
-         * 遍历迭代器
-         * 
-         * @param {Function} fun 迭代回调函数，return true终止迭代
-         * @param {Object} [option] 迭代参数，缺省为仅降序遍历普通层图形
-         * @param {boolean} [option.hover=true] 是否是高亮层图形
-         * @param {string} [option.normal='up'] 是否是普通层图形，迭代时是否指定及z轴顺序
-         * @param {boolean} [option.update=false] 是否在迭代前更新形状列表
-         * 
-         */
-        Storage.prototype.iterShape = function (fun, option) {
-            if (!option) {
-                option = defaultIterateOption;
-            }
-
-            if (option.hover) {
-                // 高亮层数据遍历
-                for (var i = 0, l = this._hoverElements.length; i < l; i++) {
-                    var el = this._hoverElements[i];
-                    el.updateTransform();
-                    if (fun(el)) {
-                        return this;
-                    }
-                }
-            }
-
-            if (option.update) {
-                this.updateShapeList();
-            }
-
-            // 遍历: 'down' | 'up'
-            switch (option.normal) {
-                case 'down':
-                    // 降序遍历，高层优先
-                    var l = this._shapeList.length;
-                    while (l--) {
-                        if (fun(this._shapeList[l])) {
-                            return this;
-                        }
-                    }
-                    break;
-                // case 'up':
-                default:
-                    // 升序遍历，底层优先
-                    for (var i = 0, l = this._shapeList.length; i < l; i++) {
-                        if (fun(this._shapeList[i])) {
-                            return this;
-                        }
-                    }
-                    break;
-            }
-
-            return this;
-        };
-
-        /**
-         * 返回hover层的形状数组
-         * @param  {boolean} [update=false] 是否在返回前更新图形的变换
-         * @return {Array.<module:zrender/shape/Base>}
-         */
-        Storage.prototype.getHoverShapes = function (update) {
-            // hoverConnect
-            var hoverElements = [];
-            for (var i = 0, l = this._hoverElements.length; i < l; i++) {
-                hoverElements.push(this._hoverElements[i]);
-                var target = this._hoverElements[i].hoverConnect;
-                if (target) {
-                    var shape;
-                    target = target instanceof Array ? target : [target];
-                    for (var j = 0, k = target.length; j < k; j++) {
-                        shape = target[j].id ? target[j] : this.get(target[j]);
-                        if (shape) {
-                            hoverElements.push(shape);
-                        }
-                    }
-                }
-            }
-            hoverElements.sort(shapeCompareFunc);
-            if (update) {
-                for (var i = 0, l = hoverElements.length; i < l; i++) {
-                    hoverElements[i].updateTransform();
-                }
-            }
-            return hoverElements;
-        };
-
-        /**
-         * 返回所有图形的绘制队列
-         * @param  {boolean} [update=false] 是否在返回前更新该数组
-         * 详见{@link module:zrender/shape/Base.prototype.updateShapeList}
-         * @return {Array.<module:zrender/shape/Base>}
-         */
-        Storage.prototype.getShapeList = function (update) {
-            if (update) {
-                this.updateShapeList();
-            }
-            return this._shapeList;
-        };
-
-        /**
-         * 更新图形的绘制队列。
-         * 每次绘制前都会调用，该方法会先深度优先遍历整个树，更新所有Group和Shape的变换并且把所有可见的Shape保存到数组中，
-         * 最后根据绘制的优先级（zlevel > z > 插入顺序）排序得到绘制队列
-         */
-        Storage.prototype.updateShapeList = function () {
-            this._shapeListOffset = 0;
-            for (var i = 0, len = this._roots.length; i < len; i++) {
-                var root = this._roots[i];
-                this._updateAndAddShape(root);
-            }
-            this._shapeList.length = this._shapeListOffset;
-
-            for (var i = 0, len = this._shapeList.length; i < len; i++) {
-                this._shapeList[i].__renderidx = i;
-            }
-
-            this._shapeList.sort(shapeCompareFunc);
-        };
-
-        Storage.prototype._updateAndAddShape = function (el, clipShapes) {
-            
-            if (el.ignore) {
-                return;
-            }
-
-            el.updateTransform();
-
-            if (el.type == 'group') {
-                
-                if (el.clipShape) {
-                    // clipShape 的变换是基于 group 的变换
-                    el.clipShape.parent = el;
-                    el.clipShape.updateTransform();
-
-                    // PENDING 效率影响
-                    if (clipShapes) {
-                        clipShapes = clipShapes.slice();
-                        clipShapes.push(el.clipShape);
-                    } else {
-                        clipShapes = [el.clipShape];
-                    }
-                }
-
-                for (var i = 0; i < el._children.length; i++) {
-                    var child = el._children[i];
-
-                    // Force to mark as dirty if group is dirty
-                    child.__dirty = el.__dirty || child.__dirty;
-
-                    this._updateAndAddShape(child, clipShapes);
-                }
-
-                // Mark group clean here
-                el.__dirty = false;
-                
-            }
-            else {
-                el.__clipShapes = clipShapes;
-
-                this._shapeList[this._shapeListOffset++] = el;
-            }
-        };
-
-        /**
-         * 修改图形(Shape)或者组(Group)
-         * 
-         * @param {string} elId 唯一标识
-         * @param {Object} [params] 参数
-         */
-        Storage.prototype.mod = function (elId, params) {
-            var el = this._elements[elId];
-            if (el) {
-
-                el.modSelf();
-
-                if (params) {
-                    // 如果第二个参数直接使用 shape
-                    // parent, _storage, __clipShapes 三个属性会有循环引用
-                    // 主要为了向 1.x 版本兼容，2.x 版本不建议使用第二个参数
-                    if (params.parent || params._storage || params.__clipShapes) {
-                        var target = {};
-                        for (var name in params) {
-                            if (
-                                name === 'parent'
-                                || name === '_storage'
-                                || name === '__clipShapes'
-                            ) {
-                                continue;
-                            }
-                            if (params.hasOwnProperty(name)) {
-                                target[name] = params[name];
-                            }
-                        }
-                        util.merge(el, target, true);
-                    }
-                    else {
-                        util.merge(el, params, true);
-                    }
-                }
-            }
-
-            return this;
-        };
-
-        /**
-         * 移动指定的图形(Shape)或者组(Group)的位置
-         * @param {string} shapeId 形状唯一标识
-         * @param {number} dx
-         * @param {number} dy
-         */
-        Storage.prototype.drift = function (shapeId, dx, dy) {
-            var shape = this._elements[shapeId];
-            if (shape) {
-                shape.needTransform = true;
-                if (shape.draggable === 'horizontal') {
-                    dy = 0;
-                }
-                else if (shape.draggable === 'vertical') {
-                    dx = 0;
-                }
-                if (!shape.ondrift // ondrift
-                    // 有onbrush并且调用执行返回false或undefined则继续
-                    || (shape.ondrift && !shape.ondrift(dx, dy))
-                ) {
-                    shape.drift(dx, dy);
-                }
-            }
-
-            return this;
-        };
-
-        /**
-         * 添加高亮层数据
-         * 
-         * @param {module:zrender/shape/Base} shape
-         */
-        Storage.prototype.addHover = function (shape) {
-            shape.updateNeedTransform();
-            this._hoverElements.push(shape);
-            return this;
-        };
-
-        /**
-         * 清空高亮层数据
-         */
-        Storage.prototype.delHover = function () {
-            this._hoverElements = [];
-            return this;
-        };
-
-        /**
-         * 是否有图形在高亮层里
-         * @return {boolean}
-         */
-        Storage.prototype.hasHoverShape = function () {
-            return this._hoverElements.length > 0;
-        };
-
-        /**
-         * 添加图形(Shape)或者组(Group)到根节点
-         * @param {module:zrender/shape/Shape|module:zrender/Group} el
-         */
-        Storage.prototype.addRoot = function (el) {
-            if (el instanceof Group) {
-                el.addChildrenToStorage(this);
-            }
-
-            this.addToMap(el);
-            this._roots.push(el);
-        };
-
-        /**
-         * 删除指定的图形(Shape)或者组(Group)
-         * @param  {string|Array.<string>} [elId] 如果为空清空整个Storage
-         */
-        Storage.prototype.delRoot = function (elId) {
-            if (typeof(elId) == 'undefined') {
-                // 不指定elId清空
-                for (var i = 0; i < this._roots.length; i++) {
-                    var root = this._roots[i];
-                    if (root instanceof Group) {
-                        root.delChildrenFromStorage(this);
-                    }
-                }
-
-                this._elements = {};
-                this._hoverElements = [];
-                this._roots = [];
-                this._shapeList = [];
-                this._shapeListOffset = 0;
-
-                return;
-            }
-
-            if (elId instanceof Array) {
-                for (var i = 0, l = elId.length; i < l; i++) {
-                    this.delRoot(elId[i]);
-                }
-                return;
-            }
-
-            var el;
-            if (typeof(elId) == 'string') {
-                el = this._elements[elId];
-            }
-            else {
-                el = elId;
-            }
-
-            var idx = util.indexOf(this._roots, el);
-            if (idx >= 0) {
-                this.delFromMap(el.id);
-                this._roots.splice(idx, 1);
-                if (el instanceof Group) {
-                    el.delChildrenFromStorage(this);
-                }
-            }
-        };
-
-        Storage.prototype.addToMap = function (el) {
-            if (el instanceof Group) {
-                el._storage = this;
-            }
-            el.modSelf();
-
-            this._elements[el.id] = el;
-
-            return this;
-        };
-
-        Storage.prototype.get = function (elId) {
-            return this._elements[elId];
-        };
-
-        Storage.prototype.delFromMap = function (elId) {
-            var el = this._elements[elId];
-            if (el) {
-                delete this._elements[elId];
-
-                if (el instanceof Group) {
-                    el._storage = null;
-                }
-            }
-
-            return this;
-        };
-
-
-        /**
-         * 清空并且释放Storage
-         */
-        Storage.prototype.dispose = function () {
-            this._elements = 
-            this._renderList = 
-            this._roots =
-            this._hoverElements = null;
-        };
-
-        return Storage;
-    }
-);
-
-define(
-    'zrender/animation/easing',[],function() {
-        /**
-         * 缓动代码来自 https://github.com/sole/tween.js/blob/master/src/Tween.js
-         * @see http://sole.github.io/tween.js/examples/03_graphs.html
-         * @exports zrender/animation/easing
-         */
-        var easing = {
-            // 线性
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            Linear: function (k) {
-                return k;
-            },
-
-            // 二次方的缓动（t^2）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuadraticIn: function (k) {
-                return k * k;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuadraticOut: function (k) {
-                return k * (2 - k);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuadraticInOut: function (k) {
-                if ((k *= 2) < 1) {
-                    return 0.5 * k * k;
-                }
-                return -0.5 * (--k * (k - 2) - 1);
-            },
-
-            // 三次方的缓动（t^3）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CubicIn: function (k) {
-                return k * k * k;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CubicOut: function (k) {
-                return --k * k * k + 1;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CubicInOut: function (k) {
-                if ((k *= 2) < 1) {
-                    return 0.5 * k * k * k;
-                }
-                return 0.5 * ((k -= 2) * k * k + 2);
-            },
-
-            // 四次方的缓动（t^4）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuarticIn: function (k) {
-                return k * k * k * k;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuarticOut: function (k) {
-                return 1 - (--k * k * k * k);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuarticInOut: function (k) {
-                if ((k *= 2) < 1) {
-                    return 0.5 * k * k * k * k;
-                }
-                return -0.5 * ((k -= 2) * k * k * k - 2);
-            },
-
-            // 五次方的缓动（t^5）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuinticIn: function (k) {
-                return k * k * k * k * k;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuinticOut: function (k) {
-                return --k * k * k * k * k + 1;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            QuinticInOut: function (k) {
-                if ((k *= 2) < 1) {
-                    return 0.5 * k * k * k * k * k;
-                }
-                return 0.5 * ((k -= 2) * k * k * k * k + 2);
-            },
-
-            // 正弦曲线的缓动（sin(t)）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            SinusoidalIn: function (k) {
-                return 1 - Math.cos(k * Math.PI / 2);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            SinusoidalOut: function (k) {
-                return Math.sin(k * Math.PI / 2);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            SinusoidalInOut: function (k) {
-                return 0.5 * (1 - Math.cos(Math.PI * k));
-            },
-
-            // 指数曲线的缓动（2^t）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ExponentialIn: function (k) {
-                return k === 0 ? 0 : Math.pow(1024, k - 1);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ExponentialOut: function (k) {
-                return k === 1 ? 1 : 1 - Math.pow(2, -10 * k);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ExponentialInOut: function (k) {
-                if (k === 0) {
-                    return 0;
-                }
-                if (k === 1) {
-                    return 1;
-                }
-                if ((k *= 2) < 1) {
-                    return 0.5 * Math.pow(1024, k - 1);
-                }
-                return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2);
-            },
-
-            // 圆形曲线的缓动（sqrt(1-t^2)）
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CircularIn: function (k) {
-                return 1 - Math.sqrt(1 - k * k);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CircularOut: function (k) {
-                return Math.sqrt(1 - (--k * k));
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            CircularInOut: function (k) {
-                if ((k *= 2) < 1) {
-                    return -0.5 * (Math.sqrt(1 - k * k) - 1);
-                }
-                return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
-            },
-
-            // 创建类似于弹簧在停止前来回振荡的动画
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ElasticIn: function (k) {
-                var s; 
-                var a = 0.1;
-                var p = 0.4;
-                if (k === 0) {
-                    return 0;
-                }
-                if (k === 1) {
-                    return 1;
-                }
-                if (!a || a < 1) {
-                    a = 1; s = p / 4;
-                }
-                else {
-                    s = p * Math.asin(1 / a) / (2 * Math.PI);
-                }
-                return -(a * Math.pow(2, 10 * (k -= 1)) *
-                            Math.sin((k - s) * (2 * Math.PI) / p));
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ElasticOut: function (k) {
-                var s;
-                var a = 0.1;
-                var p = 0.4;
-                if (k === 0) {
-                    return 0;
-                }
-                if (k === 1) {
-                    return 1;
-                }
-                if (!a || a < 1) {
-                    a = 1; s = p / 4;
-                }
-                else {
-                    s = p * Math.asin(1 / a) / (2 * Math.PI);
-                }
-                return (a * Math.pow(2, -10 * k) *
-                        Math.sin((k - s) * (2 * Math.PI) / p) + 1);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            ElasticInOut: function (k) {
-                var s;
-                var a = 0.1;
-                var p = 0.4;
-                if (k === 0) {
-                    return 0;
-                }
-                if (k === 1) {
-                    return 1;
-                }
-                if (!a || a < 1) {
-                    a = 1; s = p / 4;
-                }
-                else {
-                    s = p * Math.asin(1 / a) / (2 * Math.PI);
-                }
-                if ((k *= 2) < 1) {
-                    return -0.5 * (a * Math.pow(2, 10 * (k -= 1))
-                        * Math.sin((k - s) * (2 * Math.PI) / p));
-                }
-                return a * Math.pow(2, -10 * (k -= 1))
-                        * Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1;
-
-            },
-
-            // 在某一动画开始沿指示的路径进行动画处理前稍稍收回该动画的移动
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BackIn: function (k) {
-                var s = 1.70158;
-                return k * k * ((s + 1) * k - s);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BackOut: function (k) {
-                var s = 1.70158;
-                return --k * k * ((s + 1) * k + s) + 1;
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BackInOut: function (k) {
-                var s = 1.70158 * 1.525;
-                if ((k *= 2) < 1) {
-                    return 0.5 * (k * k * ((s + 1) * k - s));
-                }
-                return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
-            },
-
-            // 创建弹跳效果
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BounceIn: function (k) {
-                return 1 - easing.BounceOut(1 - k);
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BounceOut: function (k) {
-                if (k < (1 / 2.75)) {
-                    return 7.5625 * k * k;
-                }
-                else if (k < (2 / 2.75)) {
-                    return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
-                }
-                else if (k < (2.5 / 2.75)) {
-                    return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
-                }
-                else {
-                    return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
-                }
-            },
-            /**
-             * @param {number} k
-             * @return {number}
-             */
-            BounceInOut: function (k) {
-                if (k < 0.5) {
-                    return easing.BounceIn(k * 2) * 0.5;
-                }
-                return easing.BounceOut(k * 2 - 1) * 0.5 + 0.5;
-            }
-        };
-
-        return easing;
-    }
-);
-
-
-/**
- * 动画主控制器
- * @config target 动画对象，可以是数组，如果是数组的话会批量分发onframe等事件
- * @config life(1000) 动画时长
- * @config delay(0) 动画延迟时间
- * @config loop(true)
- * @config gap(0) 循环的间隔时间
- * @config onframe
- * @config easing(optional)
- * @config ondestroy(optional)
- * @config onrestart(optional)
- */
-define(
-    'zrender/animation/Clip',['require','./easing'],function(require) {
-
-        var Easing = require('./easing');
-
-        function Clip(options) {
-
-            this._targetPool = options.target || {};
-            if (!(this._targetPool instanceof Array)) {
-                this._targetPool = [ this._targetPool ];
-            }
-
-            // 生命周期
-            this._life = options.life || 1000;
-            // 延时
-            this._delay = options.delay || 0;
-            // 开始时间
-            this._startTime = new Date().getTime() + this._delay;// 单位毫秒
-
-            // 结束时间
-            this._endTime = this._startTime + this._life * 1000;
-
-            // 是否循环
-            this.loop = typeof options.loop == 'undefined'
-                        ? false : options.loop;
-
-            this.gap = options.gap || 0;
-
-            this.easing = options.easing || 'Linear';
-
-            this.onframe = options.onframe;
-            this.ondestroy = options.ondestroy;
-            this.onrestart = options.onrestart;
-        }
-
-        Clip.prototype = {
-            step : function (time) {
-                var percent = (time - this._startTime) / this._life;
-
-                // 还没开始
-                if (percent < 0) {
-                    return;
-                }
-
-                percent = Math.min(percent, 1);
-
-                var easingFunc = typeof this.easing == 'string'
-                                 ? Easing[this.easing]
-                                 : this.easing;
-                var schedule = typeof easingFunc === 'function'
-                    ? easingFunc(percent)
-                    : percent;
-
-                this.fire('frame', schedule);
-
-                // 结束
-                if (percent == 1) {
-                    if (this.loop) {
-                        this.restart();
-                        // 重新开始周期
-                        // 抛出而不是直接调用事件直到 stage.update 后再统一调用这些事件
-                        return 'restart';
-                    }
-                    
-                    // 动画完成将这个控制器标识为待删除
-                    // 在Animation.update中进行批量删除
-                    this._needsRemove = true;
-                    return 'destroy';
-                }
-                
-                return null;
-            },
-            restart : function() {
-                var time = new Date().getTime();
-                var remainder = (time - this._startTime) % this._life;
-                this._startTime = new Date().getTime() - remainder + this.gap;
-
-                this._needsRemove = false;
-            },
-            fire : function(eventType, arg) {
-                for (var i = 0, len = this._targetPool.length; i < len; i++) {
-                    if (this['on' + eventType]) {
-                        this['on' + eventType](this._targetPool[i], arg);
-                    }
-                }
-            },
-            constructor: Clip
-        };
-
-        return Clip;
-    }
-);
-
-/**
- * 动画主类, 调度和管理所有动画控制器
- * 
- * @module zrender/animation/Animation
- * @author pissang(https://github.com/pissang)
- */
-define(
-    'zrender/animation/Animation',['require','./Clip','../tool/color','../tool/util','../tool/event'],function(require) {
-        
-        
-
-        var Clip = require('./Clip');
-        var color = require('../tool/color');
-        var util = require('../tool/util');
-        var Dispatcher = require('../tool/event').Dispatcher;
-
-        var requestAnimationFrame = window.requestAnimationFrame
-                                    || window.msRequestAnimationFrame
-                                    || window.mozRequestAnimationFrame
-                                    || window.webkitRequestAnimationFrame
-                                    || function (func) {
-                                        setTimeout(func, 16);
-                                    };
-
-        var arraySlice = Array.prototype.slice;
-
-        /**
-         * @typedef {Object} IZRenderStage
-         * @property {Function} update
-         */
-        
-        /** 
-         * @alias module:zrender/animation/Animation
-         * @constructor
-         * @param {Object} [options]
-         * @param {Function} [options.onframe]
-         * @param {IZRenderStage} [options.stage]
-         * @example
-         *     var animation = new Animation();
-         *     var obj = {
-         *         x: 100,
-         *         y: 100
-         *     };
-         *     animation.animate(node.position)
-         *         .when(1000, {
-         *             x: 500,
-         *             y: 500
-         *         })
-         *         .when(2000, {
-         *             x: 100,
-         *             y: 100
-         *         })
-         *         .start('spline');
-         */
-        var Animation = function (options) {
-
-            options = options || {};
-
-            this.stage = options.stage || {};
-
-            this.onframe = options.onframe || function() {};
-
-            // private properties
-            this._clips = [];
-
-            this._running = false;
-
-            this._time = 0;
-
-            Dispatcher.call(this);
-        };
-
-        Animation.prototype = {
-            /**
-             * 添加动画片段
-             * @param {module:zrender/animation/Clip} clip
-             */
-            add: function(clip) {
-                this._clips.push(clip);
-            },
-            /**
-             * 删除动画片段
-             * @param {module:zrender/animation/Clip} clip
-             */
-            remove: function(clip) {
-                var idx = util.indexOf(this._clips, clip);
-                if (idx >= 0) {
-                    this._clips.splice(idx, 1);
-                }
-            },
-            _update: function() {
-
-                var time = new Date().getTime();
-                var delta = time - this._time;
-                var clips = this._clips;
-                var len = clips.length;
-
-                var deferredEvents = [];
-                var deferredClips = [];
-                for (var i = 0; i < len; i++) {
-                    var clip = clips[i];
-                    var e = clip.step(time);
-                    // Throw out the events need to be called after
-                    // stage.update, like destroy
-                    if (e) {
-                        deferredEvents.push(e);
-                        deferredClips.push(clip);
-                    }
-                }
-
-                // Remove the finished clip
-                for (var i = 0; i < len;) {
-                    if (clips[i]._needsRemove) {
-                        clips[i] = clips[len - 1];
-                        clips.pop();
-                        len--;
-                    }
-                    else {
-                        i++;
-                    }
-                }
-
-                len = deferredEvents.length;
-                for (var i = 0; i < len; i++) {
-                    deferredClips[i].fire(deferredEvents[i]);
-                }
-
-                this._time = time;
-
-                this.onframe(delta);
-
-                this.dispatch('frame', delta);
-
-                if (this.stage.update) {
-                    this.stage.update();
-                }
-            },
-            /**
-             * 开始运行动画
-             */
-            start: function () {
-                var self = this;
-
-                this._running = true;
-
-                function step() {
-                    if (self._running) {
-                        self._update();
-                        requestAnimationFrame(step);
-                    }
-                }
-
-                this._time = new Date().getTime();
-                requestAnimationFrame(step);
-            },
-            /**
-             * 停止运行动画
-             */
-            stop: function () {
-                this._running = false;
-            },
-            /**
-             * 清除所有动画片段
-             */
-            clear : function () {
-                this._clips = [];
-            },
-            /**
-             * 对一个目标创建一个animator对象，可以指定目标中的属性使用动画
-             * @param  {Object} target
-             * @param  {Object} options
-             * @param  {boolean} [options.loop=false] 是否循环播放动画
-             * @param  {Function} [options.getter=null]
-             *         如果指定getter函数，会通过getter函数取属性值
-             * @param  {Function} [options.setter=null]
-             *         如果指定setter函数，会通过setter函数设置属性值
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            animate : function (target, options) {
-                options = options || {};
-                var deferred = new Animator(
-                    target,
-                    options.loop,
-                    options.getter, 
-                    options.setter
-                );
-                deferred.animation = this;
-                return deferred;
-            },
-            constructor: Animation
-        };
-
-        util.merge(Animation.prototype, Dispatcher.prototype, true);
-
-        function _defaultGetter(target, key) {
-            return target[key];
-        }
-
-        function _defaultSetter(target, key, value) {
-            target[key] = value;
-        }
-
-        function _interpolateNumber(p0, p1, percent) {
-            return (p1 - p0) * percent + p0;
-        }
-
-        function _interpolateArray(p0, p1, percent, out, arrDim) {
-            var len = p0.length;
-            if (arrDim == 1) {
-                for (var i = 0; i < len; i++) {
-                    out[i] = _interpolateNumber(p0[i], p1[i], percent); 
-                }
-            }
-            else {
-                var len2 = p0[0].length;
-                for (var i = 0; i < len; i++) {
-                    for (var j = 0; j < len2; j++) {
-                        out[i][j] = _interpolateNumber(
-                            p0[i][j], p1[i][j], percent
-                        );
-                    }
-                }
-            }
-        }
-
-        function _isArrayLike(data) {
-            switch (typeof data) {
-                case 'undefined':
-                case 'string':
-                    return false;
-            }
-            
-            return typeof data.length !== 'undefined';
-        }
-
-        function _catmullRomInterpolateArray(
-            p0, p1, p2, p3, t, t2, t3, out, arrDim
-        ) {
-            var len = p0.length;
-            if (arrDim == 1) {
-                for (var i = 0; i < len; i++) {
-                    out[i] = _catmullRomInterpolate(
-                        p0[i], p1[i], p2[i], p3[i], t, t2, t3
-                    );
-                }
-            }
-            else {
-                var len2 = p0[0].length;
-                for (var i = 0; i < len; i++) {
-                    for (var j = 0; j < len2; j++) {
-                        out[i][j] = _catmullRomInterpolate(
-                            p0[i][j], p1[i][j], p2[i][j], p3[i][j],
-                            t, t2, t3
-                        );
-                    }
-                }
-            }
-        }
-
-        function _catmullRomInterpolate(p0, p1, p2, p3, t, t2, t3) {
-            var v0 = (p2 - p0) * 0.5;
-            var v1 = (p3 - p1) * 0.5;
-            return (2 * (p1 - p2) + v0 + v1) * t3 
-                    + (-3 * (p1 - p2) - 2 * v0 - v1) * t2
-                    + v0 * t + p1;
-        }
-
-        function _cloneValue(value) {
-            if (_isArrayLike(value)) {
-                var len = value.length;
-                if (_isArrayLike(value[0])) {
-                    var ret = [];
-                    for (var i = 0; i < len; i++) {
-                        ret.push(arraySlice.call(value[i]));
-                    }
-                    return ret;
-                }
-                else {
-                    return arraySlice.call(value);
-                }
-            }
-            else {
-                return value;
-            }
-        }
-
-        function rgba2String(rgba) {
-            rgba[0] = Math.floor(rgba[0]);
-            rgba[1] = Math.floor(rgba[1]);
-            rgba[2] = Math.floor(rgba[2]);
-
-            return 'rgba(' + rgba.join(',') + ')';
-        }
-
-        /**
-         * @alias module:zrender/animation/Animation~Animator
-         * @constructor
-         * @param {Object} target
-         * @param {boolean} loop
-         * @param {Function} getter
-         * @param {Function} setter
-         */
-        var Animator = function(target, loop, getter, setter) {
-            this._tracks = {};
-            this._target = target;
-
-            this._loop = loop || false;
-
-            this._getter = getter || _defaultGetter;
-            this._setter = setter || _defaultSetter;
-
-            this._clipCount = 0;
-
-            this._delay = 0;
-
-            this._doneList = [];
-
-            this._onframeList = [];
-
-            this._clipList = [];
-        };
-
-        Animator.prototype = {
-            /**
-             * 设置动画关键帧
-             * @param  {number} time 关键帧时间，单位是ms
-             * @param  {Object} props 关键帧的属性值，key-value表示
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            when : function(time /* ms */, props) {
-                for (var propName in props) {
-                    if (!this._tracks[propName]) {
-                        this._tracks[propName] = [];
-                        // If time is 0 
-                        //  Then props is given initialize value
-                        // Else
-                        //  Initialize value from current prop value
-                        if (time !== 0) {
-                            this._tracks[propName].push({
-                                time : 0,
-                                value : _cloneValue(
-                                    this._getter(this._target, propName)
-                                )
-                            });
-                        }
-                    }
-                    this._tracks[propName].push({
-                        time : parseInt(time, 10),
-                        value : props[propName]
-                    });
-                }
-                return this;
-            },
-            /**
-             * 添加动画每一帧的回调函数
-             * @param  {Function} callback
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            during: function (callback) {
-                this._onframeList.push(callback);
-                return this;
-            },
-            /**
-             * 开始执行动画
-             * @param  {string|Function} easing 
-             *         动画缓动函数，详见{@link module:zrender/animation/easing}
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            start: function (easing) {
-
-                var self = this;
-                var setter = this._setter;
-                var getter = this._getter;
-                var useSpline = easing === 'spline';
-
-                var ondestroy = function() {
-                    self._clipCount--;
-                    if (self._clipCount === 0) {
-                        // Clear all tracks
-                        self._tracks = {};
-
-                        var len = self._doneList.length;
-                        for (var i = 0; i < len; i++) {
-                            self._doneList[i].call(self);
-                        }
-                    }
-                };
-
-                var createTrackClip = function (keyframes, propName) {
-                    var trackLen = keyframes.length;
-                    if (!trackLen) {
-                        return;
-                    }
-                    // Guess data type
-                    var firstVal = keyframes[0].value;
-                    var isValueArray = _isArrayLike(firstVal);
-                    var isValueColor = false;
-
-                    // For vertices morphing
-                    var arrDim = (
-                            isValueArray 
-                            && _isArrayLike(firstVal[0])
-                        )
-                        ? 2 : 1;
-                    // Sort keyframe as ascending
-                    keyframes.sort(function(a, b) {
-                        return a.time - b.time;
-                    });
-                    var trackMaxTime;
-                    if (trackLen) {
-                        trackMaxTime = keyframes[trackLen - 1].time;
-                    }
-                    else {
-                        return;
-                    }
-                    // Percents of each keyframe
-                    var kfPercents = [];
-                    // Value of each keyframe
-                    var kfValues = [];
-                    for (var i = 0; i < trackLen; i++) {
-                        kfPercents.push(keyframes[i].time / trackMaxTime);
-                        // Assume value is a color when it is a string
-                        var value = keyframes[i].value;
-                        if (typeof(value) == 'string') {
-                            value = color.toArray(value);
-                            if (value.length === 0) {    // Invalid color
-                                value[0] = value[1] = value[2] = 0;
-                                value[3] = 1;
-                            }
-                            isValueColor = true;
-                        }
-                        kfValues.push(value);
-                    }
-
-                    // Cache the key of last frame to speed up when 
-                    // animation playback is sequency
-                    var cacheKey = 0;
-                    var cachePercent = 0;
-                    var start;
-                    var i;
-                    var w;
-                    var p0;
-                    var p1;
-                    var p2;
-                    var p3;
-
-
-                    if (isValueColor) {
-                        var rgba = [ 0, 0, 0, 0 ];
-                    }
-
-                    var onframe = function (target, percent) {
-                        // Find the range keyframes
-                        // kf1-----kf2---------current--------kf3
-                        // find kf2 and kf3 and do interpolation
-                        if (percent < cachePercent) {
-                            // Start from next key
-                            start = Math.min(cacheKey + 1, trackLen - 1);
-                            for (i = start; i >= 0; i--) {
-                                if (kfPercents[i] <= percent) {
-                                    break;
-                                }
-                            }
-                            i = Math.min(i, trackLen - 2);
-                        }
-                        else {
-                            for (i = cacheKey; i < trackLen; i++) {
-                                if (kfPercents[i] > percent) {
-                                    break;
-                                }
-                            }
-                            i = Math.min(i - 1, trackLen - 2);
-                        }
-                        cacheKey = i;
-                        cachePercent = percent;
-
-                        var range = (kfPercents[i + 1] - kfPercents[i]);
-                        if (range === 0) {
-                            return;
-                        }
-                        else {
-                            w = (percent - kfPercents[i]) / range;
-                        }
-                        if (useSpline) {
-                            p1 = kfValues[i];
-                            p0 = kfValues[i === 0 ? i : i - 1];
-                            p2 = kfValues[i > trackLen - 2 ? trackLen - 1 : i + 1];
-                            p3 = kfValues[i > trackLen - 3 ? trackLen - 1 : i + 2];
-                            if (isValueArray) {
-                                _catmullRomInterpolateArray(
-                                    p0, p1, p2, p3, w, w * w, w * w * w,
-                                    getter(target, propName),
-                                    arrDim
-                                );
-                            }
-                            else {
-                                var value;
-                                if (isValueColor) {
-                                    value = _catmullRomInterpolateArray(
-                                        p0, p1, p2, p3, w, w * w, w * w * w,
-                                        rgba, 1
-                                    );
-                                    value = rgba2String(rgba);
-                                }
-                                else {
-                                    value = _catmullRomInterpolate(
-                                        p0, p1, p2, p3, w, w * w, w * w * w
-                                    );
-                                }
-                                setter(
-                                    target,
-                                    propName,
-                                    value
-                                );
-                            }
-                        }
-                        else {
-                            if (isValueArray) {
-                                _interpolateArray(
-                                    kfValues[i], kfValues[i + 1], w,
-                                    getter(target, propName),
-                                    arrDim
-                                );
-                            }
-                            else {
-                                var value;
-                                if (isValueColor) {
-                                    _interpolateArray(
-                                        kfValues[i], kfValues[i + 1], w,
-                                        rgba, 1
-                                    );
-                                    value = rgba2String(rgba);
-                                }
-                                else {
-                                    value = _interpolateNumber(kfValues[i], kfValues[i + 1], w);
-                                }
-                                setter(
-                                    target,
-                                    propName,
-                                    value
-                                );
-                            }
-                        }
-
-                        for (i = 0; i < self._onframeList.length; i++) {
-                            self._onframeList[i](target, percent);
-                        }
-                    };
-
-                    var clip = new Clip({
-                        target : self._target,
-                        life : trackMaxTime,
-                        loop : self._loop,
-                        delay : self._delay,
-                        onframe : onframe,
-                        ondestroy : ondestroy
-                    });
-
-                    if (easing && easing !== 'spline') {
-                        clip.easing = easing;
-                    }
-                    self._clipList.push(clip);
-                    self._clipCount++;
-                    self.animation.add(clip);
-                };
-
-                for (var propName in this._tracks) {
-                    createTrackClip(this._tracks[propName], propName);
-                }
-                return this;
-            },
-            /**
-             * 停止动画
-             */
-            stop : function() {
-                for (var i = 0; i < this._clipList.length; i++) {
-                    var clip = this._clipList[i];
-                    this.animation.remove(clip);
-                }
-                this._clipList = [];
-            },
-            /**
-             * 设置动画延迟开始的时间
-             * @param  {number} time 单位ms
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            delay : function (time) {
-                this._delay = time;
-                return this;
-            },
-            /**
-             * 添加动画结束的回调
-             * @param  {Function} cb
-             * @return {module:zrender/animation/Animation~Animator}
-             */
-            done : function(cb) {
-                if (cb) {
-                    this._doneList.push(cb);
-                }
-                return this;
-            }
-        };
-
-        return Animation;
-    }
-);
-
-/*!
- * ZRender, a high performance canvas library.
- *  
- * Copyright (c) 2013, Baidu Inc.
- * All rights reserved.
- * 
- * LICENSE
- * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
- */
-define(
-    'zrender/zrender',['require','./dep/excanvas','./tool/util','./tool/log','./tool/guid','./Handler','./Painter','./Storage','./animation/Animation','./tool/env'],function(require) {
-        /*
-         * HTML5 Canvas for Internet Explorer!
-         * Modern browsers like Firefox, Safari, Chrome and Opera support
-         * the HTML5 canvas tag to allow 2D command-based drawing.
-         * ExplorerCanvas brings the same functionality to Internet Explorer.
-         * To use, web developers only need to include a single script tag
-         * in their existing web pages.
-         *
-         * https://code.google.com/p/explorercanvas/
-         * http://explorercanvas.googlecode.com/svn/trunk/excanvas.js
-         */
-        // 核心代码会生成一个全局变量 G_vmlCanvasManager，模块改造后借用于快速判断canvas支持
-        require('./dep/excanvas');
-
-        var util = require('./tool/util');
-        var log = require('./tool/log');
-        var guid = require('./tool/guid');
-
-        var Handler = require('./Handler');
-        var Painter = require('./Painter');
-        var Storage = require('./Storage');
-        var Animation = require('./animation/Animation');
-
-        var _instances = {};    // ZRender实例map索引
-
-        /**
-         * @exports zrender
-         * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
-         *         pissang (https://www.github.com/pissang)
-         */
-        var zrender = {};
-        /**
-         * @type {string}
-         */
-        zrender.version = '2.0.7';
-
-        /**
-         * 创建zrender实例
-         *
-         * @param {HTMLElement} dom 绘图容器
-         * @return {module:zrender~ZRender} ZRender实例
-         */
-        // 不让外部直接new ZRender实例，为啥？
-        // 不为啥，提供全局可控同时减少全局污染和降低命名冲突的风险！
-        zrender.init = function(dom) {
-            var zr = new ZRender(guid(), dom);
-            _instances[zr.id] = zr;
-            return zr;
-        };
-
-        /**
-         * zrender实例销毁
-         * @param {module:zrender~ZRender} zr ZRender对象，不传则销毁全部
-         */
-        // 在_instances里的索引也会删除了
-        // 管生就得管死，可以通过zrender.dispose(zr)销毁指定ZRender实例
-        // 当然也可以直接zr.dispose()自己销毁
-        zrender.dispose = function (zr) {
-            if (zr) {
-                zr.dispose();
-            }
-            else {
-                for (var key in _instances) {
-                    _instances[key].dispose();
-                }
-                _instances = {};
-            }
-
-            return zrender;
-        };
-
-        /**
-         * 获取zrender实例
-         * @param {string} id ZRender对象索引
-         * @return {module:zrender~ZRender}
-         */
-        zrender.getInstance = function (id) {
-            return _instances[id];
-        };
-
-        /**
-         * 删除zrender实例，ZRender实例dispose时会调用，
-         * 删除后getInstance则返回undefined
-         * ps: 仅是删除，删除的实例不代表已经dispose了~~
-         *     这是一个摆脱全局zrender.dispose()自动销毁的后门，
-         *     take care of yourself~
-         *
-         * @param {string} id ZRender对象索引
-         */
-        zrender.delInstance = function (id) {
-            delete _instances[id];
-            return zrender;
-        };
-
-        function getFrameCallback(zrInstance) {
-            return function () {
-                var animatingElements = zrInstance.animatingElements;
-                for (var i = 0, l = animatingElements.length; i < l; i++) {
-                    zrInstance.storage.mod(animatingElements[i].id);
-                }
-
-                if (animatingElements.length || zrInstance._needsRefreshNextFrame) {
-                    zrInstance.refresh();
-                }
-            };
-        }
-
-        /**
-         * ZRender接口类，对外可用的所有接口都在这里
-         * 非get接口统一返回支持链式调用
-         *
-         * @constructor
-         * @alias module:zrender~ZRender
-         * @param {string} id 唯一标识
-         * @param {HTMLElement} dom dom对象，不帮你做document.getElementById
-         * @return {ZRender} ZRender实例
-         */
-        var ZRender = function(id, dom) {
-            /**
-             * 实例 id
-             * @type {string}
-             */
-            this.id = id;
-            this.env = require('./tool/env');
-
-            this.storage = new Storage();
-            this.painter = new Painter(dom, this.storage);
-            this.handler = new Handler(dom, this.storage, this.painter);
-
-            // 动画控制
-            this.animatingElements = [];
-            /**
-             * @type {module:zrender/animation/Animation}
-             */
-            this.animation = new Animation({
-                stage: {
-                    update: getFrameCallback(this)
-                }
-            });
-            this.animation.start();
-
-            var self = this;
-            this.painter.refreshNextFrame = function () {
-                self.refreshNextFrame();
-            };
-
-            this._needsRefreshNextFrame = false;
-        };
-
-        /**
-         * 获取实例唯一标识
-         * @return {string}
-         */
-        ZRender.prototype.getId = function () {
-            return this.id;
-        };
-
-        /**
-         * 添加图形形状到根节点
-         * 
-         * @param {module:zrender/shape/Base} shape 形状对象，可用属性全集，详见各shape
-         */
-        ZRender.prototype.addShape = function (shape) {
-            this.storage.addRoot(shape);
-            return this;
-        };
-
-        /**
-         * 添加组到根节点
-         *
-         * @param {module:zrender/Group} group
-         */
-        ZRender.prototype.addGroup = function(group) {
-            this.storage.addRoot(group);
-            return this;
-        };
-
-        /**
-         * 从根节点删除图形形状
-         * 
-         * @param {string} shapeId 形状对象唯一标识
-         */
-        ZRender.prototype.delShape = function (shapeId) {
-            this.storage.delRoot(shapeId);
-            return this;
-        };
-
-        /**
-         * 从根节点删除组
-         * 
-         * @param {string} groupId
-         */
-        ZRender.prototype.delGroup = function (groupId) {
-            this.storage.delRoot(groupId);
-            return this;
-        };
-
-        /**
-         * 修改图形形状
-         * 
-         * @param {string} shapeId 形状对象唯一标识
-         * @param {Object} shape 形状对象
-         */
-        ZRender.prototype.modShape = function (shapeId, shape) {
-            this.storage.mod(shapeId, shape);
-            return this;
-        };
-
-        /**
-         * 修改组
-         * 
-         * @param {string} groupId
-         * @param {Object} group
-         */
-        ZRender.prototype.modGroup = function (groupId, group) {
-            this.storage.mod(groupId, group);
-            return this;
-        };
-
-        /**
-         * 修改指定zlevel的绘制配置项
-         * 
-         * @param {string} zLevel
-         * @param {Object} config 配置对象
-         * @param {string} [config.clearColor=0] 每次清空画布的颜色
-         * @param {string} [config.motionBlur=false] 是否开启动态模糊
-         * @param {number} [config.lastFrameAlpha=0.7]
-         *                 在开启动态模糊的时候使用，与上一帧混合的alpha值，值越大尾迹越明显
-         * @param {Array.<number>} [config.position] 层的平移
-         * @param {Array.<number>} [config.rotation] 层的旋转
-         * @param {Array.<number>} [config.scale] 层的缩放
-         * @param {boolean} [config.zoomable=false] 层是否支持鼠标缩放操作
-         * @param {boolean} [config.panable=false] 层是否支持鼠标平移操作
-         */
-        ZRender.prototype.modLayer = function (zLevel, config) {
-            this.painter.modLayer(zLevel, config);
-            return this;
-        };
-
-        /**
-         * 添加额外高亮层显示，仅提供添加方法，每次刷新后高亮层图形均被清空
-         * 
-         * @param {Object} shape 形状对象
-         */
-        ZRender.prototype.addHoverShape = function (shape) {
-            this.storage.addHover(shape);
-            return this;
-        };
-
-        /**
-         * 渲染
-         * 
-         * @param {Function} callback  渲染结束后回调函数
-         */
-        ZRender.prototype.render = function (callback) {
-            this.painter.render(callback);
-            this._needsRefreshNextFrame = false;
-            return this;
-        };
-
-        /**
-         * 视图更新
-         * 
-         * @param {Function} callback  视图更新后回调函数
-         */
-        ZRender.prototype.refresh = function (callback) {
-            this.painter.refresh(callback);
-            this._needsRefreshNextFrame = false;
-            return this;
-        };
-
-        /**
-         * 标记视图在浏览器下一帧需要绘制
-         */
-        ZRender.prototype.refreshNextFrame = function() {
-            this._needsRefreshNextFrame = true;
-            return this;
-        };
-        
-        /**
-         * 绘制高亮层
-         * @param {Function} callback  视图更新后回调函数
-         */
-        ZRender.prototype.refreshHover = function (callback) {
-            this.painter.refreshHover(callback);
-            return this;
-        };
-
-        /**
-         * 视图更新
-         * 
-         * @param {Array.<module:zrender/shape/Base>} shapeList 需要更新的图形列表
-         * @param {Function} callback  视图更新后回调函数
-         */
-        ZRender.prototype.refreshShapes = function (shapeList, callback) {
-            this.painter.refreshShapes(shapeList, callback);
-            return this;
-        };
-
-        /**
-         * 调整视图大小
-         */
-        ZRender.prototype.resize = function() {
-            this.painter.resize();
-            return this;
-        };
-
-        /**
-         * 动画
-         * 
-         * @param {string|module:zrender/Group|module:zrender/shape/Base} el 动画对象
-         * @param {string} path 需要添加动画的属性获取路径，可以通过a.b.c来获取深层的属性
-         * @param {boolean} [loop] 动画是否循环
-         * @return {module:zrender/animation/Animation~Animator}
-         * @example:
-         *     zr.animate(circle.id, 'style', false)
-         *         .when(1000, {x: 10} )
-         *         .done(function(){ // Animation done })
-         *         .start()
-         */
-        ZRender.prototype.animate = function (el, path, loop) {
-            if (typeof(el) === 'string') {
-                el = this.storage.get(el);
-            }
-            if (el) {
-                var target;
-                if (path) {
-                    var pathSplitted = path.split('.');
-                    var prop = el;
-                    for (var i = 0, l = pathSplitted.length; i < l; i++) {
-                        if (!prop) {
-                            continue;
-                        }
-                        prop = prop[pathSplitted[i]];
-                    }
-                    if (prop) {
-                        target = prop;
-                    }
-                }
-                else {
-                    target = el;
-                }
-
-                if (!target) {
-                    log(
-                        'Property "'
-                        + path
-                        + '" is not existed in element '
-                        + el.id
-                    );
-                    return;
-                }
-
-                var animatingElements = this.animatingElements;
-                if (typeof el.__aniCount === 'undefined') {
-                    // 正在进行的动画记数
-                    el.__aniCount = 0;
-                }
-                if (el.__aniCount === 0) {
-                    animatingElements.push(el);
-                }
-                el.__aniCount++;
-
-                return this.animation.animate(target, { loop: loop })
-                    .done(function () {
-                        el.__aniCount--;
-                        if (el.__aniCount === 0) {
-                            // 从animatingElements里移除
-                            var idx = util.indexOf(animatingElements, el);
-                            animatingElements.splice(idx, 1);
-                        }
-                    });
-            }
-            else {
-                log('Element not existed');
-            }
-        };
-
-        /**
-         * 停止所有动画
-         */
-        ZRender.prototype.clearAnimation = function () {
-            this.animation.clear();
-        };
-
-        /**
-         * loading显示
-         * 
-         * @param {Object=} loadingEffect loading效果对象
-         */
-        ZRender.prototype.showLoading = function (loadingEffect) {
-            this.painter.showLoading(loadingEffect);
-            return this;
-        };
-
-        /**
-         * loading结束
-         */
-        ZRender.prototype.hideLoading = function () {
-            this.painter.hideLoading();
-            return this;
-        };
-
-        /**
-         * 获取视图宽度
-         */
-        ZRender.prototype.getWidth = function() {
-            return this.painter.getWidth();
-        };
-
-        /**
-         * 获取视图高度
-         */
-        ZRender.prototype.getHeight = function() {
-            return this.painter.getHeight();
-        };
-
-        /**
-         * 图像导出
-         * @param {string} type
-         * @param {string} [backgroundColor='#fff'] 背景色
-         * @return {string} 图片的Base64 url
-         */
-        ZRender.prototype.toDataURL = function(type, backgroundColor, args) {
-            return this.painter.toDataURL(type, backgroundColor, args);
-        };
-
-        /**
-         * 将常规shape转成image shape
-         * @param {module:zrender/shape/Base} e
-         * @param {number} width
-         * @param {number} height
-         */
-        ZRender.prototype.shapeToImage = function(e, width, height) {
-            var id = guid();
-            return this.painter.shapeToImage(id, e, width, height);
-        };
-
-        /**
-         * 事件绑定
-         * 
-         * @param {string} eventName 事件名称
-         * @param {Function} eventHandler 响应函数
-         * @param {Object} [context] 响应函数
-         */
-        ZRender.prototype.on = function(eventName, eventHandler, context) {
-            this.handler.on(eventName, eventHandler, context);
-            return this;
-        };
-
-        /**
-         * 事件解绑定，参数为空则解绑所有自定义事件
-         * 
-         * @param {string} eventName 事件名称
-         * @param {Function} eventHandler 响应函数
-         */
-        ZRender.prototype.un = function(eventName, eventHandler) {
-            this.handler.un(eventName, eventHandler);
-            return this;
-        };
-        
-        /**
-         * 事件触发
-         * 
-         * @param {string} eventName 事件名称，resize，hover，drag，etc
-         * @param {event=} event event dom事件对象
-         */
-        ZRender.prototype.trigger = function (eventName, event) {
-            this.handler.trigger(eventName, event);
-            return this;
-        };
-        
-
-        /**
-         * 清除当前ZRender下所有类图的数据和显示，clear后MVC和已绑定事件均还存在在，ZRender可用
-         */
-        ZRender.prototype.clear = function () {
-            this.storage.delRoot();
-            this.painter.clear();
-            return this;
-        };
-
-        /**
-         * 释放当前ZR实例（删除包括dom，数据、显示和事件绑定），dispose后ZR不可用
-         */
-        ZRender.prototype.dispose = function () {
-            this.animation.stop();
-            
-            this.clear();
-            this.storage.dispose();
-            this.painter.dispose();
-            this.handler.dispose();
-
-            this.animation = 
-            this.animatingElements = 
-            this.storage = 
-            this.painter = 
-            this.handler = null;
-
-            // 释放后告诉全局删除对自己的索引，没想到啥好方法
-            zrender.delInstance(this.id);
-        };
-
-        return zrender;
-    }
-);
-
-define('zrender', ['zrender/zrender'], function (main) { return main; });
-
-/**
- * zrender: 数学辅助类
- *
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *
- * sin：正弦函数
- * cos：余弦函数
- * degreeToRadian：角度转弧度
- * radianToDegree：弧度转角度
- */
-define(
-    'zrender/tool/math',[],function () {
-
-        var _radians = Math.PI / 180;
-
-        /**
-         * @param {number} angle 弧度（角度）参数
-         * @param {boolean} isDegrees angle参数是否为角度计算，默认为false，angle为以弧度计量的角度
-         */
-        function sin(angle, isDegrees) {
-            return Math.sin(isDegrees ? angle * _radians : angle);
-        }
-
-        /**
-         * @param {number} angle 弧度（角度）参数
-         * @param {boolean} isDegrees angle参数是否为角度计算，默认为false，angle为以弧度计量的角度
-         */
-        function cos(angle, isDegrees) {
-            return Math.cos(isDegrees ? angle * _radians : angle);
-        }
-
-        /**
-         * 角度转弧度
-         * @param {Object} angle
-         */
-        function degreeToRadian(angle) {
-            return angle * _radians;
-        }
-
-        /**
-         * 弧度转角度
-         * @param {Object} angle
-         */
-        function radianToDegree(angle) {
-            return angle / _radians;
-        }
-
-        return {
-            sin : sin,
-            cos : cos,
-            degreeToRadian : degreeToRadian,
-            radianToDegree : radianToDegree
-        };
-    }
-);
-
-/**
- * 玫瑰线
- * @module zrender/shape/Rose
- * @author Neil (杨骥, 511415343@qq.com)
- * @example
- *     var Rose = require('zrender/shape/Rose');
- *     var shape = new Rose({
- *         style: {
- *             x: 100,
- *             y: 100,
- *             r1: 50,
- *             r2: 30,
- *             d: 50,
- *             strokeColor: '#eee',
- *             lineWidth: 3
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IRoseStyle
- * @property {number} x 中心x坐标
- * @property {number} y 中心y坐标
- * @property {number} r 每个线条的最大长度
- * @property {number} k 花瓣数量，当n为1时，奇数即为花瓣数，偶数时花瓣数量翻倍
- * @property {number} [n=1] 必须为整数，与k共同决定花瓣的数量
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-
-define(
-    'zrender/shape/Rose',['require','./Base','../tool/math','../tool/util'],function (require) {
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/Rose
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Rose = function (options) {
-            this.brushTypeOnly = 'stroke';  // 线条只能描边，填充后果自负
-            Base.call(this, options);
-            /**
-             * 玫瑰线绘制样式
-             * @name module:zrender/shape/Rose#style
-             * @type {module:zrender/shape/Rose~IRoseStyle}
-             */
-            /**
-             * 玫瑰线高亮绘制样式
-             * @name module:zrender/shape/Rose#highlightStyle
-             * @type {module:zrender/shape/Rose~IRoseStyle}
-             */
-        };
-
-        Rose.prototype =  {
-            type: 'rose',
-
-            /**
-             * 创建玫瑰线路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Rose~IRoseStyle} style
-             */
-            buildPath : function (ctx, style) {
-                var _x;
-                var _y;
-                var _R = style.r;
-                var _r;
-                var _k = style.k;
-                var _n = style.n || 1;
-
-                var _offsetX = style.x;
-                var _offsetY = style.y;
-
-                var _math = require('../tool/math');
-                ctx.moveTo(_offsetX, _offsetY);
-
-                for (var i = 0, _len = _R.length; i < _len ; i++) {
-                    _r = _R[i];
-
-                    for (var j = 0; j <= 360 * _n; j++) {
-                        _x = _r
-                             * _math.sin(_k / _n * j % 360, true)
-                             * _math.cos(j, true)
-                             + _offsetX;
-                        _y = _r
-                             * _math.sin(_k / _n * j % 360, true)
-                             * _math.sin(j, true)
-                             + _offsetY;
-                        ctx.lineTo(_x, _y);
-                    }
-                }
-            },
-
-            /**
-             * 返回玫瑰线包围盒矩形
-             * @param {module:zrender/shape/Rose~IRoseStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var _R = style.r;
-                var _offsetX = style.x;
-                var _offsetY = style.y;
-                var _max = 0;
-
-                for (var i = 0, _len = _R.length; i < _len ; i++) {
-                    if (_R[i] > _max) {
-                        _max = _R[i];
-                    }
-                }
-                style.maxr = _max;
-
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : -_max - lineWidth + _offsetX,
-                    y : -_max - lineWidth + _offsetY,
-                    width : 2 * _max + 3 * lineWidth,
-                    height : 2 * _max + 3 * lineWidth
-                };
-                return style.__rect;
-            }
-        };
-        
-        require('../tool/util').inherits(Rose, Base);
-        return Rose;
-    }
-);
-
-/**
- * 内外旋轮曲线
- * @module zrender/shape/Trochold
- * @author Neil (杨骥, 511415343@qq.com)
- * @example
- *     var Trochold = require('zrender/shape/Trochold');
- *     var shape = new Trochold({
- *         style: {
- *             x: 100,
- *             y: 100,
- *             r: 50,
- *             r0: 30,
- *             d: 50,
- *             strokeColor: '#eee',
- *             text: 'trochold'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} ITrocholdStyle
- * @property {number} x 中心x坐标
- * @property {number} y 中心y坐标
- * @property {number} r 固定圆半径 内旋曲线时必须大于转动圆半径
- * @property {number} r0 转动圆半径
- * @property {number} d 点到内部转动圆的距离，等于r时曲线为摆线
- * @property {string} [location='in'] 内旋 out 外旋
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Trochoid',['require','./Base','../tool/math','../tool/util'],function (require) {
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/Trochold
-         * @param {Object} options
-         * @constructor
-         * @extends zrender/shape/Base
-         */
-        var Trochoid = function (options) {
-            this.brushTypeOnly = 'stroke';  // 线条只能描边，填充后果自负
-            Base.call(this, options);
-            /**
-             * 内外旋轮曲线绘制样式
-             * @name module:zrender/shape/Trochold#style
-             * @type {module:zrender/shape/Trochold~ITrocholdStyle}
-             */
-            /**
-             * 内外旋轮曲线高亮绘制样式
-             * @name module:zrender/shape/Trochold#highlightStyle
-             * @type {module:zrender/shape/Trochold~ITrocholdStyle}
-             */
-        };
-
-        Trochoid.prototype =  {
-            type: 'trochoid',
-
-            /**
-             * 创建内外旋轮曲线路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Trochold~ITrocholdStyle} style
-             */
-            buildPath : function (ctx, style) {
-                var _x1;
-                var _y1;
-                var _x2;
-                var _y2;
-                var _R = style.r;
-                var _r = style.r0;
-                var _d = style.d;
-                var _offsetX = style.x;
-                var _offsetY = style.y;
-                var _delta = style.location == 'out' ? 1 : -1;
-
-                var _math = require('../tool/math');
-
-                if (style.location && _R <= _r) {
-                    alert('参数错误');
-                    return;
-                }
-
-                var _num = 0;
-                var i = 1;
-                var _theta;
-
-                _x1 = (_R + _delta * _r) * _math.cos(0)
-                    - _delta * _d * _math.cos(0) + _offsetX;
-                _y1 = (_R + _delta * _r) * _math.sin(0)
-                    - _d * _math.sin(0) + _offsetY;
-
-                ctx.moveTo(_x1, _y1);
-
-                // 计算结束时的i
-                do {
-                    _num++;
-                }
-                while ((_r * _num) % (_R + _delta * _r) !== 0);
-
-                do {
-                    _theta = Math.PI / 180 * i;
-                    _x2 = (_R + _delta * _r) * _math.cos(_theta)
-                         - _delta * _d * _math.cos((_R / _r +  _delta) * _theta)
-                         + _offsetX;
-                    _y2 = (_R + _delta * _r) * _math.sin(_theta)
-                         - _d * _math.sin((_R / _r + _delta) * _theta)
-                         + _offsetY;
-                    ctx.lineTo(_x2, _y2);
-                    i++;
-                }
-                while (i <= (_r * _num) / (_R + _delta * _r) * 360);
-
-
-            },
-
-            /**
-             * 返回内外旋轮曲线包围盒矩形
-             * @param {module:zrender/shape/Trochold~ITrocholdStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var _R = style.r;
-                var _r = style.r0;
-                var _d = style.d;
-                var _delta = style.location == 'out' ? 1 : -1;
-                var _s = _R + _d + _delta * _r;
-                var _offsetX = style.x;
-                var _offsetY = style.y;
-
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : -_s - lineWidth + _offsetX,
-                    y : -_s - lineWidth + _offsetY,
-                    width : 2 * _s + 2 * lineWidth,
-                    height : 2 * _s + 2 * lineWidth
-                };
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Trochoid, Base);
-        return Trochoid;
-    }
-);
-
-/**
- * 圆形
- * @module zrender/shape/Circle
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *   var Circle = require('zrender/shape/Circle');
- *   var shape = new Circle({
- *       style: {
- *           x: 100,
- *           y: 100,
- *           r: 40,
- *           brushType: 'both',
- *           color: 'blue',
- *           strokeColor: 'red',
- *           lineWidth: 3,
- *           text: 'Circle'
- *       }    
- *   });
- *   zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} ICircleStyle
- * @property {number} x 圆心x坐标
- * @property {number} y 圆心y坐标
- * @property {number} r 半径
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Circle',['require','./Base','../tool/util'],function (require) {
-        
-
-        var Base = require('./Base');
-
-        /**
-         * @alias module:zrender/shape/Circle
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Circle = function(options) {
-            Base.call(this, options);
-            /**
-             * 圆形绘制样式
-             * @name module:zrender/shape/Circle#style
-             * @type {module:zrender/shape/Circle~ICircleStyle}
-             */
-            /**
-             * 圆形高亮绘制样式
-             * @name module:zrender/shape/Circle#highlightStyle
-             * @type {module:zrender/shape/Circle~ICircleStyle}
-             */
-        };
-
-        Circle.prototype = {
-            type: 'circle',
-            /**
-             * 创建圆形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Circle~ICircleStyle} style
-             */
-            buildPath : function (ctx, style) {
-                ctx.arc(style.x, style.y, style.r, 0, Math.PI * 2, true);
-                return;
-            },
-
-            /**
-             * 计算返回圆形的包围盒矩形
-             * @param {module:zrender/shape/Circle~ICircleStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - style.r - lineWidth / 2),
-                    y : Math.round(style.y - style.r - lineWidth / 2),
-                    width : style.r * 2 + lineWidth,
-                    height : style.r * 2 + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Circle, Base);
-        return Circle;
-    }
-);
-
-/**
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         pissang(https://github.com/pissang)
- *         errorrik (errorrik@gmail.com)
- */
-define(
-    'zrender/tool/computeBoundingBox',['require','./vector','./curve'],function (require) {
-        var vec2 = require('./vector');
-        var curve = require('./curve');
-
-        /**
-         * 从顶点数组中计算出最小包围盒，写入`min`和`max`中
-         * @module zrender/tool/computeBoundingBox
-         * @param {Array<Object>} points 顶点数组
-         * @param {number} min
-         * @param {number} max
-         */
-        function computeBoundingBox(points, min, max) {
-            if (points.length === 0) {
-                return;
-            }
-            var left = points[0][0];
-            var right = points[0][0];
-            var top = points[0][1];
-            var bottom = points[0][1];
-            
-            for (var i = 1; i < points.length; i++) {
-                var p = points[i];
-                if (p[0] < left) {
-                    left = p[0];
-                }
-                if (p[0] > right) {
-                    right = p[0];
-                }
-                if (p[1] < top) {
-                    top = p[1];
-                }
-                if (p[1] > bottom) {
-                    bottom = p[1];
-                }
-            }
-
-            min[0] = left;
-            min[1] = top;
-            max[0] = right;
-            max[1] = bottom;
-        }
-
-        /**
-         * 从三阶贝塞尔曲线(p0, p1, p2, p3)中计算出最小包围盒，写入`min`和`max`中
-         * @memberOf module:zrender/tool/computeBoundingBox
-         * @param {Array.<number>} p0
-         * @param {Array.<number>} p1
-         * @param {Array.<number>} p2
-         * @param {Array.<number>} p3
-         * @param {Array.<number>} min
-         * @param {Array.<number>} max
-         */
-        function computeCubeBezierBoundingBox(p0, p1, p2, p3, min, max) {
-            var xDim = [];
-            curve.cubicExtrema(p0[0], p1[0], p2[0], p3[0], xDim);
-            for (var i = 0; i < xDim.length; i++) {
-                xDim[i] = curve.cubicAt(p0[0], p1[0], p2[0], p3[0], xDim[i]);
-            }
-            var yDim = [];
-            curve.cubicExtrema(p0[1], p1[1], p2[1], p3[1], yDim);
-            for (var i = 0; i < yDim.length; i++) {
-                yDim[i] = curve.cubicAt(p0[1], p1[1], p2[1], p3[1], yDim[i]);
-            }
-
-            xDim.push(p0[0], p3[0]);
-            yDim.push(p0[1], p3[1]);
-
-            var left = Math.min.apply(null, xDim);
-            var right = Math.max.apply(null, xDim);
-            var top = Math.min.apply(null, yDim);
-            var bottom = Math.max.apply(null, yDim);
-
-            min[0] = left;
-            min[1] = top;
-            max[0] = right;
-            max[1] = bottom;
-        }
-
-        /**
-         * 从二阶贝塞尔曲线(p0, p1, p2)中计算出最小包围盒，写入`min`和`max`中
-         * @memberOf module:zrender/tool/computeBoundingBox
-         * @param {Array.<number>} p0
-         * @param {Array.<number>} p1
-         * @param {Array.<number>} p2
-         * @param {Array.<number>} min
-         * @param {Array.<number>} max
-         */
-        function computeQuadraticBezierBoundingBox(p0, p1, p2, min, max) {
-            // Find extremities, where derivative in x dim or y dim is zero
-            var t1 = curve.quadraticExtremum(p0[0], p1[0], p2[0]);
-            var t2 = curve.quadraticExtremum(p0[1], p1[1], p2[1]);
-
-            t1 = Math.max(Math.min(t1, 1), 0);
-            t2 = Math.max(Math.min(t2, 1), 0);
-
-            var ct1 = 1 - t1;
-            var ct2 = 1 - t2;
-
-            var x1 = ct1 * ct1 * p0[0] 
-                     + 2 * ct1 * t1 * p1[0] 
-                     + t1 * t1 * p2[0];
-            var y1 = ct1 * ct1 * p0[1] 
-                     + 2 * ct1 * t1 * p1[1] 
-                     + t1 * t1 * p2[1];
-
-            var x2 = ct2 * ct2 * p0[0] 
-                     + 2 * ct2 * t2 * p1[0] 
-                     + t2 * t2 * p2[0];
-            var y2 = ct2 * ct2 * p0[1] 
-                     + 2 * ct2 * t2 * p1[1] 
-                     + t2 * t2 * p2[1];
-            min[0] = Math.min(p0[0], p2[0], x1, x2);
-            min[1] = Math.min(p0[1], p2[1], y1, y2);
-            max[0] = Math.max(p0[0], p2[0], x1, x2);
-            max[1] = Math.max(p0[1], p2[1], y1, y2);
-        }
-
-        var start = vec2.create();
-        var end = vec2.create();
-        var extremity = vec2.create();
-        /**
-         * 从圆弧中计算出最小包围盒，写入`min`和`max`中
-         * @method
-         * @memberOf module:zrender/tool/computeBoundingBox
-         * @param {Array.<number>} center 圆弧中心点
-         * @param {number} radius 圆弧半径
-         * @param {number} startAngle 圆弧开始角度
-         * @param {number} endAngle 圆弧结束角度
-         * @param {number} anticlockwise 是否是顺时针
-         * @param {Array.<number>} min
-         * @param {Array.<number>} max
-         */
-        var computeArcBoundingBox = function (
-            x, y, r, startAngle, endAngle, anticlockwise, min, max
-        ) { 
-            if (Math.abs(startAngle - endAngle) >= Math.PI * 2) {
-                // Is a circle
-                min[0] = x - r;
-                min[1] = y - r;
-                max[0] = x + r;
-                max[1] = y + r;
-                return;
-            }
-
-            start[0] = Math.cos(startAngle) * r + x;
-            start[1] = Math.sin(startAngle) * r + y;
-
-            end[0] = Math.cos(endAngle) * r + x;
-            end[1] = Math.sin(endAngle) * r + y;
-
-            vec2.min(min, start, end);
-            vec2.max(max, start, end);
-            
-            // Thresh to [0, Math.PI * 2]
-            startAngle = startAngle % (Math.PI * 2);
-            if (startAngle < 0) {
-                startAngle = startAngle + Math.PI * 2;
-            }
-            endAngle = endAngle % (Math.PI * 2);
-            if (endAngle < 0) {
-                endAngle = endAngle + Math.PI * 2;
-            }
-
-            if (startAngle > endAngle && !anticlockwise) {
-                endAngle += Math.PI * 2;
-            } else if (startAngle < endAngle && anticlockwise) {
-                startAngle += Math.PI * 2;
-            }
-            if (anticlockwise) {
-                var tmp = endAngle;
-                endAngle = startAngle;
-                startAngle = tmp;
-            }
-
-            // var number = 0;
-            // var step = (anticlockwise ? -Math.PI : Math.PI) / 2;
-            for (var angle = 0; angle < endAngle; angle += Math.PI / 2) {
-                if (angle > startAngle) {
-                    extremity[0] = Math.cos(angle) * r + x;
-                    extremity[1] = Math.sin(angle) * r + y;
-
-                    vec2.min(min, extremity, min);
-                    vec2.max(max, extremity, max);
-                }
-            }
-        };
-
-        computeBoundingBox.cubeBezier = computeCubeBezierBoundingBox;
-        computeBoundingBox.quadraticBezier = computeQuadraticBezierBoundingBox;
-        computeBoundingBox.arc = computeArcBoundingBox;
-
-        return computeBoundingBox;
-    }
-);
-
-/**
- * 扇形
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @module zrender/shape/Sector
- * @example
- *     var Sector = require('zrender/shape/Sector');
- *     var shape = new Sector({
- *         style: {
- *             x: 100,
- *             y: 100,
- *             r: 60,
- *             r0: 30,
- *             startAngle: 0,
- *             endEngle: 180
- *         } 
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} ISectorStyle
- * @property {number} x 圆心x坐标
- * @property {number} y 圆心y坐标
- * @property {number} r 外圆半径
- * @property {number} [r0=0] 内圆半径，指定后将出现内弧，同时扇边长度为`r - r0`
- * @property {number} startAngle 起始角度，`[0, 360)`
- * @property {number} endAngle 结束角度，`(0, 360]`
- * @property {boolean} [clockWise=false] 是否是顺时针
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-
-define(
-    'zrender/shape/Sector',['require','../tool/math','../tool/computeBoundingBox','../tool/vector','./Base','../tool/util'],function (require) {
-
-        var math = require('../tool/math');
-        var computeBoundingBox = require('../tool/computeBoundingBox');
-        var vec2 = require('../tool/vector');
-        var Base = require('./Base');
-        
-        var min0 = vec2.create();
-        var min1 = vec2.create();
-        var max0 = vec2.create();
-        var max1 = vec2.create();
-        /**
-         * @alias module:zrender/shape/Sector
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Sector = function (options) {
-            Base.call(this, options);
-            /**
-             * 扇形绘制样式
-             * @name module:zrender/shape/Sector#style
-             * @type {module:zrender/shape/Sector~ISectorStyle}
-             */
-            /**
-             * 扇形高亮绘制样式
-             * @name module:zrender/shape/Sector#highlightStyle
-             * @type {module:zrender/shape/Sector~ISectorStyle}
-             */
-        };
-
-        Sector.prototype = {
-            type: 'sector',
-
-            /**
-             * 创建扇形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Sector~ISectorStyle} style
-             */
-            buildPath : function (ctx, style) {
-                var x = style.x;   // 圆心x
-                var y = style.y;   // 圆心y
-                var r0 = style.r0 || 0;     // 形内半径[0,r)
-                var r = style.r;            // 扇形外半径(0,r]
-                var startAngle = style.startAngle;          // 起始角度[0,360)
-                var endAngle = style.endAngle;              // 结束角度(0,360]
-                var clockWise = style.clockWise || false;
-
-                startAngle = math.degreeToRadian(startAngle);
-                endAngle = math.degreeToRadian(endAngle);
-
-                if (!clockWise) {
-                    // 扇形默认是逆时针方向，Y轴向上
-                    // 这个跟arc的标准不一样，为了兼容echarts
-                    startAngle = -startAngle;
-                    endAngle = -endAngle;
-                }
-
-                var unitX = math.cos(startAngle);
-                var unitY = math.sin(startAngle);
-                ctx.moveTo(
-                    unitX * r0 + x,
-                    unitY * r0 + y
-                );
-
-                ctx.lineTo(
-                    unitX * r + x,
-                    unitY * r + y
-                );
-
-                ctx.arc(x, y, r, startAngle, endAngle, !clockWise);
-
-                ctx.lineTo(
-                    math.cos(endAngle) * r0 + x,
-                    math.sin(endAngle) * r0 + y
-                );
-
-                if (r0 !== 0) {
-                    ctx.arc(x, y, r0, endAngle, startAngle, clockWise);
-                }
-
-                ctx.closePath();
-
-                return;
-            },
-
-            /**
-             * 返回扇形包围盒矩形
-             * @param {module:zrender/shape/Sector~ISectorStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var x = style.x;   // 圆心x
-                var y = style.y;   // 圆心y
-                var r0 = style.r0 || 0;     // 形内半径[0,r)
-                var r = style.r;            // 扇形外半径(0,r]
-                var startAngle = math.degreeToRadian(style.startAngle);
-                var endAngle = math.degreeToRadian(style.endAngle);
-                var clockWise = style.clockWise;
-
-                if (!clockWise) {
-                    startAngle = -startAngle;
-                    endAngle = -endAngle;
-                }
-
-                if (r0 > 1) {
-                    computeBoundingBox.arc(
-                        x, y, r0, startAngle, endAngle, !clockWise, min0, max0
-                    );   
-                } else {
-                    min0[0] = max0[0] = x;
-                    min0[1] = max0[1] = y;
-                }
-                computeBoundingBox.arc(
-                    x, y, r, startAngle, endAngle, !clockWise, min1, max1
-                );
-
-                vec2.min(min0, min0, min1);
-                vec2.max(max0, max0, max1);
-                style.__rect = {
-                    x: min0[0],
-                    y: min0[1],
-                    width: max0[0] - min0[0],
-                    height: max0[1] - min0[1]
-                };
-                return style.__rect;
-            }
-        };
-
-
-        require('../tool/util').inherits(Sector, Base);
-        return Sector;
-    }
-);
-
-/**
- * 圆环
- * @module zrender/shape/Ring
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *
- * @example
- *     var Ring = require('zrender/shape/Ring');
- *     var shape = new Ring({
- *         style: {
- *             x: 100,
- *             y: 100,
- *             r0: 30,
- *             r: 50
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IRingStyle
- * @property {number} x 圆心x坐标
- * @property {number} y 圆心y坐标
- * @property {number} r0 内圆半径
- * @property {number} r 外圆半径
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Ring',['require','./Base','../tool/util'],function (require) {
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/Ring
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Ring = function (options) {
-            Base.call(this, options);
-            /**
-             * 圆环绘制样式
-             * @name module:zrender/shape/Ring#style
-             * @type {module:zrender/shape/Ring~IRingStyle}
-             */
-            /**
-             * 圆环高亮绘制样式
-             * @name module:zrender/shape/Ring#highlightStyle
-             * @type {module:zrender/shape/Ring~IRingStyle}
-             */
-        };
-
-        Ring.prototype = {
-            type: 'ring',
-
-            /**
-             * 创建圆环路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Ring~IRingStyle} style
-             */
-            buildPath : function (ctx, style) {
-                // 非零环绕填充优化
-                ctx.arc(style.x, style.y, style.r, 0, Math.PI * 2, false);
-                ctx.moveTo(style.x + style.r0, style.y);
-                ctx.arc(style.x, style.y, style.r0, 0, Math.PI * 2, true);
-                return;
-            },
-
-            /**
-             * 计算返回圆环包围盒矩阵
-             * @param {module:zrender/shape/Ring~IRingStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - style.r - lineWidth / 2),
-                    y : Math.round(style.y - style.r - lineWidth / 2),
-                    width : style.r * 2 + lineWidth,
-                    height : style.r * 2 + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Ring, Base);
-        return Ring;
-    }
-);
-
-/**
- * 水滴形状
- * @module zrender/shape/Ellipse
- * @example
- *   var Ellipse = require('zrender/shape/Ellipse');
- *   var shape = new Ellipse({
- *       style: {
- *           x: 100,
- *           y: 100,
- *           a: 40,
- *           b: 20,
- *           brushType: 'both',
- *           color: 'blue',
- *           strokeColor: 'red',
- *           lineWidth: 3,
- *           text: 'Ellipse'
- *       }    
- *   });
- *   zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IEllipseStyle
- * @property {number} x 圆心x坐标
- * @property {number} y 圆心y坐标
- * @property {number} a 横轴半径
- * @property {number} b 纵轴半径
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Ellipse',['require','./Base','../tool/util'],function (require) {
-        var Base = require('./Base');
-
-        /**
-         * @alias module:zrender/shape/Ellipse
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Ellipse = function(options) {
-            Base.call(this, options);
-            /**
-             * 椭圆绘制样式
-             * @name module:zrender/shape/Ellipse#style
-             * @type {module:zrender/shape/Ellipse~IEllipseStyle}
-             */
-            /**
-             * 椭圆高亮绘制样式
-             * @name module:zrender/shape/Ellipse#highlightStyle
-             * @type {module:zrender/shape/Ellipse~IEllipseStyle}
-             */
-        };
-
-        Ellipse.prototype = {
-            type: 'ellipse',
-
-            /**
-             * 构建椭圆的Path
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Ellipse~IEllipseStyle} style
-             */
-            buildPath : function(ctx, style) {
-                var k = 0.5522848;
-                var x = style.x;
-                var y = style.y;
-                var a = style.a;
-                var b = style.b;
-                var ox = a * k; // 水平控制点偏移量
-                var oy = b * k; // 垂直控制点偏移量
-                // 从椭圆的左端点开始顺时针绘制四条三次贝塞尔曲线
-                ctx.moveTo(x - a, y);
-                ctx.bezierCurveTo(x - a, y - oy, x - ox, y - b, x, y - b);
-                ctx.bezierCurveTo(x + ox, y - b, x + a, y - oy, x + a, y);
-                ctx.bezierCurveTo(x + a, y + oy, x + ox, y + b, x, y + b);
-                ctx.bezierCurveTo(x - ox, y + b, x - a, y + oy, x - a, y);
-                ctx.closePath();
-            },
-
-            /**
-            /**
-             * 计算返回椭圆包围盒矩形。
-             * @param {module:zrender/shape/Ellipse~IEllipseStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function(style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - style.a - lineWidth / 2),
-                    y : Math.round(style.y - style.b - lineWidth / 2),
-                    width : style.a * 2 + lineWidth,
-                    height : style.b * 2 + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Ellipse, Base);
-        return Ellipse;
-    }
-);
-
-/**
- * Path 代理，可以在`buildPath`中用于替代`ctx`, 会保存每个path操作的命令到pathCommands属性中
- * 可以用于 isInsidePath 判断以及获取boundingRect
- * 
- * @module zrender/shape/tool/PathProxy
- * @author pissang (http://www.github.com/pissang)
- * 
- * @example
- *     var SomeShape = function() {
- *         this._pathProxy = new PathProxy();
- *         ...
- *     }
- *     SomeShape.prototype.buildPath = function(ctx, style) {
- *         this._pathProxy.begin(ctx);
- *             .moveTo(style.x, style.y);
- *             .lineTo(style.x1, style.y1);
- *         ...
- *             .closePath();
- *     },
- *     SomeShape.prototype.getRect = function(style) {
- *         if (!style._rect) {
- *             // 这里必须要在 buildPath 之后才能调用
- *             style._rect = this._pathProxy.fastBoundingRect();
- *         }
- *         return this.style._rect;
- *     },
- *     SomeShape.prototype.isCover = function(x, y) {
- *         var rect = this.getRect(this.style);
- *         if (x >= rect.x
- *             && x <= (rect.x + rect.width)
- *             && y >= rect.y
- *             && y <= (rect.y + rect.height)
- *         ) {
- *             return area.isInsidePath(
- *                 this._pathProxy.pathCommands, 0, 'fill', x, y
- *             );
- *         }
- *     }
- */
-define('zrender/shape/util/PathProxy',['require','../../tool/vector'],function (require) {
-    
-    var vector = require('../../tool/vector');
-    // var computeBoundingBox = require('../../tool/computeBoundingBox');
-
-    var PathSegment = function(command, points) {
-        this.command = command;
-        this.points = points || null;
-    };
-
-    /**
-     * @alias module:zrender/shape/tool/PathProxy
-     * @constructor
-     */
-    var PathProxy = function () {
-
-        /**
-         * Path描述的数组，用于`isInsidePath`的判断
-         * @type {Array.<Object>}
-         */
-        this.pathCommands = [];
-
-        this._ctx = null;
-
-        this._min = [];
-        this._max = [];
-    };
-
-    /**
-     * 快速计算Path包围盒（并不是最小包围盒）
-     * @return {Object}
-     */
-    PathProxy.prototype.fastBoundingRect = function () {
-        var min = this._min;
-        var max = this._max;
-        min[0] = min[1] = Infinity;
-        max[0] = max[1] = -Infinity;
-        for (var i = 0; i < this.pathCommands.length; i++) {
-            var seg = this.pathCommands[i];
-            var p = seg.points;
-            switch (seg.command) {
-                case 'M':
-                    vector.min(min, min, p);
-                    vector.max(max, max, p);
-                    break;
-                case 'L':
-                    vector.min(min, min, p);
-                    vector.max(max, max, p);
-                    break;
-                case 'C':
-                    for (var j = 0; j < 6; j += 2) {
-                        min[0] = Math.min(min[0], min[0], p[j]);
-                        min[1] = Math.min(min[1], min[1], p[j + 1]);
-                        max[0] = Math.max(max[0], max[0], p[j]);
-                        max[1] = Math.max(max[1], max[1], p[j + 1]);
-                    }
-                    break;
-                case 'Q':
-                    for (var j = 0; j < 4; j += 2) {
-                        min[0] = Math.min(min[0], min[0], p[j]);
-                        min[1] = Math.min(min[1], min[1], p[j + 1]);
-                        max[0] = Math.max(max[0], max[0], p[j]);
-                        max[1] = Math.max(max[1], max[1], p[j + 1]);
-                    }
-                    break;
-                case 'A':
-                    var cx = p[0];
-                    var cy = p[1];
-                    var rx = p[2];
-                    var ry = p[3];
-                    min[0] = Math.min(min[0], min[0], cx - rx);
-                    min[1] = Math.min(min[1], min[1], cy - ry);
-                    max[0] = Math.max(max[0], max[0], cx + rx);
-                    max[1] = Math.max(max[1], max[1], cy + ry);
-                    break;
-            }
-        }
-
-        return {
-            x: min[0],
-            y: min[1],
-            width: max[0] - min[0],
-            height: max[1] - min[1]
-        };
-    };
-
-    /**
-     * @param  {CanvasRenderingContext2D} ctx
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.begin = function (ctx) {
-        this._ctx = ctx || null;
-        // 清空pathCommands
-        this.pathCommands.length = 0;
-
-        return this;
-    };
-
-    /**
-     * @param  {number} x
-     * @param  {number} y
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.moveTo = function (x, y) {
-        this.pathCommands.push(new PathSegment('M', [x, y]));
-        if (this._ctx) {
-            this._ctx.moveTo(x, y);
-        }
-        return this;
-    };
-
-    /**
-     * @param  {number} x
-     * @param  {number} y
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.lineTo = function (x, y) {
-        this.pathCommands.push(new PathSegment('L', [x, y]));
-        if (this._ctx) {
-            this._ctx.lineTo(x, y);
-        }
-        return this;
-    };
-
-    /**
-     * @param  {number} x1
-     * @param  {number} y1
-     * @param  {number} x2
-     * @param  {number} y2
-     * @param  {number} x3
-     * @param  {number} y3
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.bezierCurveTo = function (x1, y1, x2, y2, x3, y3) {
-        this.pathCommands.push(new PathSegment('C', [x1, y1, x2, y2, x3, y3]));
-        if (this._ctx) {
-            this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3);
-        }
-        return this;
-    };
-
-    /**
-     * @param  {number} x1
-     * @param  {number} y1
-     * @param  {number} x2
-     * @param  {number} y2
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.quadraticCurveTo = function (x1, y1, x2, y2) {
-        this.pathCommands.push(new PathSegment('Q', [x1, y1, x2, y2]));
-        if (this._ctx) {
-            this._ctx.quadraticCurveTo(x1, y1, x2, y2);
-        }
-        return this;
-    };
-
-    /**
-     * @param  {number} cx
-     * @param  {number} cy
-     * @param  {number} r
-     * @param  {number} startAngle
-     * @param  {number} endAngle
-     * @param  {boolean} anticlockwise
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.arc = function (cx, cy, r, startAngle, endAngle, anticlockwise) {
-        this.pathCommands.push(new PathSegment(
-            'A', [cx, cy, r, r, startAngle, endAngle - startAngle, 0, anticlockwise ? 0 : 1]
-        ));
-        if (this._ctx) {
-            this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise);
-        }
-        return this;
-    };
-
-    // TODO
-    PathProxy.prototype.arcTo = function (x1, y1, x2, y2, radius) {
-        if (this._ctx) {
-            this._ctx.arcTo(x1, y1, x2, y2, radius);
-        }
-        return this;
-    };
-
-    // TODO
-    PathProxy.prototype.rect = function (x, y, w, h) {
-        if (this._ctx) {
-            this._ctx.rect(x, y, w, h);
-        }
-        return this;
-    };
-
-    /**
-     * @return {module:zrender/shape/util/PathProxy}
-     */
-    PathProxy.prototype.closePath = function () {
-        this.pathCommands.push(new PathSegment('z'));
-        if (this._ctx) {
-            this._ctx.closePath();
-        }
-        return this;
-    };
-
-    /**
-     * 是否没有Path命令
-     * @return {boolean}
-     */
-    PathProxy.prototype.isEmpty = function() {
-        return this.pathCommands.length === 0;
-    };
-
-    PathProxy.PathSegment = PathSegment;
-
-    return PathProxy;
-});
-/**
- * @module zrender/shape/Heart
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *   var Heart = require('zrender/shape/Heart');
- *   var shape = new Heart({
- *       style: {
- *           x: 100,
- *           y: 100,
- *           a: 40,
- *           b: 40,
- *           brushType: 'both',
- *           color: 'blue',
- *           strokeColor: 'red',
- *           lineWidth: 3,
- *           text: 'Heart'
- *       }    
- *   });
- *   zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IHeartStyle
- * @property {number} x 心形内部尖端横坐标
- * @property {number} y 心形内部尖端纵坐标
- * @property {number} a 心形横宽（中轴线到水平边缘最宽处距离）
- * @property {number} b 心形纵高（内尖到外尖距离）
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Heart',['require','./Base','./util/PathProxy','../tool/area','../tool/util'],function (require) {
-        
-        
-        var Base = require('./Base');
-        var PathProxy = require('./util/PathProxy');
-        var area = require('../tool/area');
-        
-        /**
-         * @alias module:zrender/shape/Heart
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Heart = function (options) {
-            Base.call(this, options);
-
-            this._pathProxy = new PathProxy();
-            /**
-             * 心形绘制样式
-             * @name module:zrender/shape/Heart#style
-             * @type {module:zrender/shape/Heart~IHeartStyle}
-             */
-            /**
-             * 心形高亮绘制样式
-             * @name module:zrender/shape/Heart#highlightStyle
-             * @type {module:zrender/shape/Heart~IHeartStyle}
-             */
-        };
-
-        Heart.prototype = {
-            type: 'heart',
-
-            /**
-             * 创建扇形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Heart~IHeartStyle} style
-             */
-            buildPath : function (ctx, style) {
-                var path = this._pathProxy || new PathProxy();
-                path.begin(ctx);
-
-                path.moveTo(style.x, style.y);
-                path.bezierCurveTo(
-                    style.x + style.a / 2,
-                    style.y - style.b * 2 / 3,
-                    style.x + style.a * 2,
-                    style.y + style.b / 3,
-                    style.x,
-                    style.y + style.b
-                );
-                path.bezierCurveTo(
-                    style.x - style.a *  2,
-                    style.y + style.b / 3,
-                    style.x - style.a / 2,
-                    style.y - style.b * 2 / 3,
-                    style.x,
-                    style.y
-                );
-                path.closePath();
-                return;
-            },
-
-            /**
-             * 计算返回心形的包围盒矩形
-             * @param {module:zrender/shape/Heart~IHeartStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                if (!this._pathProxy.isEmpty()) {
-                    this.buildPath(null, style);
-                }
-                return this._pathProxy.fastBoundingRect();
-            },
-
-            isCover: function (x, y) {
-                var originPos = this.getTansform(x, y);
-                x = originPos[0];
-                y = originPos[1];
-                
-                var rect = this.getRect(this.style);
-                if (x >= rect.x
-                    && x <= (rect.x + rect.width)
-                    && y >= rect.y
-                    && y <= (rect.y + rect.height)
-                ) {
-                    return area.isInsidePath(
-                        this._pathProxy.pathCommands, this.style.lineWidth, this.style.brushType, x, y
-                    );
-                }
-            }
-        };
-
-        require('../tool/util').inherits(Heart, Base);
-        return Heart;
-    }
-);
-
-/**
- * 水滴形状
- * @module zrender/shape/Droplet
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *   var Droplet = require('zrender/shape/Droplet');
- *   var shape = new Droplet({
- *       style: {
- *           x: 100,
- *           y: 100,
- *           a: 40,
- *           b: 40,
- *           brushType: 'both',
- *           color: 'blue',
- *           strokeColor: 'red',
- *           lineWidth: 3,
- *           text: 'Droplet'
- *       }    
- *   });
- *   zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IDropletStyle
- * @property {number} x 水滴中心x坐标
- * @property {number} y 水滴中心y坐标
- * @property {number} a 水滴横宽（中心到水平边缘最宽处距离）
- * @property {number} b 水滴纵高（中心到尖端距离）
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Droplet',['require','./Base','./util/PathProxy','../tool/area','../tool/util'],function (require) {
-        
-
-        var Base = require('./Base');
-        var PathProxy = require('./util/PathProxy');
-        var area = require('../tool/area');
-
-        /**
-         * @alias module:zrender/shape/Droplet
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Droplet = function(options) {
-            Base.call(this, options);
-            this._pathProxy = new PathProxy();
-            /**
-             * 水滴绘制样式
-             * @name module:zrender/shape/Droplet#style
-             * @type {module:zrender/shape/Droplet~IDropletStyle}
-             */
-            /**
-             * 水滴高亮绘制样式
-             * @name module:zrender/shape/Droplet#highlightStyle
-             * @type {module:zrender/shape/Droplet~IDropletStyle}
-             */
-        };
-
-        Droplet.prototype = {
-            type: 'droplet',
-
-            /**
-             * 创建水滴路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Droplet~IDropletStyle} style
-             */
-            buildPath : function(ctx, style) {
-                var path = this._pathProxy || new PathProxy();
-                path.begin(ctx);
-
-                path.moveTo(style.x, style.y + style.a);
-                path.bezierCurveTo(
-                    style.x + style.a,
-                    style.y + style.a,
-                    style.x + style.a * 3 / 2,
-                    style.y - style.a / 3,
-                    style.x,
-                    style.y - style.b
-                );
-                path.bezierCurveTo(
-                    style.x - style.a * 3 / 2,
-                    style.y - style.a / 3,
-                    style.x - style.a,
-                    style.y + style.a,
-                    style.x,
-                    style.y + style.a
-                );
-                path.closePath();
-            },
-
-            /**
-             * 计算返回水滴的包围盒矩形
-             * @param {module:zrender/shape/Droplet~IDropletStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                if (!this._pathProxy.isEmpty()) {
-                    this.buildPath(null, style);
-                }
-                return this._pathProxy.fastBoundingRect();
-            },
-
-            isCover: function (x, y) {
-                var originPos = this.getTansform(x, y);
-                x = originPos[0];
-                y = originPos[1];
-                
-                var rect = this.getRect(this.style);
-                if (x >= rect.x
-                    && x <= (rect.x + rect.width)
-                    && y >= rect.y
-                    && y <= (rect.y + rect.height)
-                ) {
-                    return area.isInsidePath(
-                        this._pathProxy.pathCommands, this.style.lineWidth, this.style.brushType, x, y
-                    );
-                }
-            }
-        };
-
-        require('../tool/util').inherits(Droplet, Base);
-        return Droplet;
-    }
-);
-
-/**
- * 虚线lineTo 
- *
- * author:  Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *          errorrik (errorrik@gmail.com)
- */
-define(
-    'zrender/shape/util/dashedLineTo',[],function (/* require */) {
-
-        var dashPattern = [ 5, 5 ];
-        /**
-         * 虚线lineTo 
-         */
-        return function (ctx, x1, y1, x2, y2, dashLength) {
-            // http://msdn.microsoft.com/en-us/library/ie/dn265063(v=vs.85).aspx
-            if (ctx.setLineDash) {
-                dashPattern[0] = dashPattern[1] = dashLength;
-                ctx.setLineDash(dashPattern);
-                ctx.moveTo(x1, y1);
-                ctx.lineTo(x2, y2);
-                return;
-            }
-
-            dashLength = typeof dashLength != 'number'
-                            ? 5 
-                            : dashLength;
-
-            var dx = x2 - x1;
-            var dy = y2 - y1;
-            var numDashes = Math.floor(
-                Math.sqrt(dx * dx + dy * dy) / dashLength
-            );
-            dx = dx / numDashes;
-            dy = dy / numDashes;
-            var flag = true;
-            for (var i = 0; i < numDashes; ++i) {
-                if (flag) {
-                    ctx.moveTo(x1, y1);
-                }
-                else {
-                    ctx.lineTo(x1, y1);
-                }
-                flag = !flag;
-                x1 += dx;
-                y1 += dy;
-            }
-            ctx.lineTo(x2, y2);
-        };
-    }
-);
-
-/**
- * 直线
- * @module zrender/shape/Line
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *   var Line = require('zrender/shape/Line');
- *   var shape = new Line({
- *       style: {
- *           xStart: 0,
- *           yStart: 0,
- *           xEnd: 100,
- *           yEnd: 100,
- *           strokeColor: '#000',
- *           lineWidth: 10
- *       }
- *   });
- *   zr.addShape(line);
- */
-/**
- * @typedef {Object} ILineStyle
- * @property {number} xStart 起点x坐标
- * @property {number} yStart 起点y坐标
- * @property {number} xEnd 终止点x坐标
- * @property {number} yEnd 终止点y坐标
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Line',['require','./Base','./util/dashedLineTo','../tool/util'],function (require) {
-        var Base = require('./Base');
-        var dashedLineTo = require('./util/dashedLineTo');
-        
-        /**
-         * @alias module:zrender/shape/Line
-         * @param {Object} options
-         * @constructor
-         * @extends module:zrender/shape/Base
-         */
-        var Line = function (options) {
-            this.brushTypeOnly = 'stroke';  // 线条只能描边，填充后果自负
-            this.textPosition = 'end';
-            Base.call(this, options);
-
-            /**
-             * 直线绘制样式
-             * @name module:zrender/shape/Line#style
-             * @type {module:zrender/shape/Line~ILineStyle}
-             */
-            /**
-             * 直线高亮绘制样式
-             * @name module:zrender/shape/Line#highlightStyle
-             * @type {module:zrender/shape/Line~ILineStyle}
-             */
-        };
-
-        Line.prototype =  {
-            type: 'line',
-
-            /**
-             * 创建线条路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Line~ILineStyle} style
-             */
-            buildPath : function (ctx, style) {
-                if (!style.lineType || style.lineType == 'solid') {
-                    // 默认为实线
-                    ctx.moveTo(style.xStart, style.yStart);
-                    ctx.lineTo(style.xEnd, style.yEnd);
-                }
-                else if (style.lineType == 'dashed'
-                        || style.lineType == 'dotted'
-                ) {
-                    var dashLength = (style.lineWidth || 1)  
-                                     * (style.lineType == 'dashed' ? 5 : 1);
-                    dashedLineTo(
-                        ctx,
-                        style.xStart, style.yStart,
-                        style.xEnd, style.yEnd,
-                        dashLength
-                    );
-                }
-            },
-
-            /**
-             * 计算返回线条的包围盒矩形
-             * @param {module:zrender/shape/Line~ILineStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth = style.lineWidth || 1;
-                style.__rect = {
-                    x : Math.min(style.xStart, style.xEnd) - lineWidth,
-                    y : Math.min(style.yStart, style.yEnd) - lineWidth,
-                    width : Math.abs(style.xStart - style.xEnd)
-                            + lineWidth,
-                    height : Math.abs(style.yStart - style.yEnd)
-                             + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Line, Base);
-        return Line;
-    }
-);
-
-/**
- * n角星（n>3）
- * @module zrender/shape/Star
- * @author sushuang (宿爽, sushuang0322@gmail.com)
- * @example
- *     var Star = require('zrender/shape/Star');
- *     var shape = new Star({
- *         style: {
- *             x: 200,
- *             y: 100,
- *             r: 150,
- *             n: 5,
- *             text: '五角星'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IStarStyle
- * @property {number} x n角星外接圆心x坐标
- * @property {number} y n角星外接圆心y坐标
- * @property {number} r n角星外接圆半径
- * @property {number} [r0] n角星内部顶点（凹点）的外接圆半径。
- *                         如果不指定此参数，则自动计算：取相隔外部顶点连线的交点作内部顶点。
- * @property {number} n 指明几角星
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-
-define(
-    'zrender/shape/Star',['require','../tool/math','./Base','../tool/util'],function (require) {
-
-        var math = require('../tool/math');
-        var sin = math.sin;
-        var cos = math.cos;
-        var PI = Math.PI;
-
-        var Base = require('./Base');
-
-        /**
-         * @alias module:zrender/shape/Star
-         * @param {Object} options
-         * @constructor
-         * @extends module:zrender/shape/Base
-         */
-        var Star = function(options) {
-            Base.call(this, options);
-            /**
-             * n角星绘制样式
-             * @name module:zrender/shape/Star#style
-             * @type {module:zrender/shape/Star~IStarStyle}
-             */
-            /**
-             * n角星高亮绘制样式
-             * @name module:zrender/shape/Star#highlightStyle
-             * @type {module:zrender/shape/Star~IStarStyle}
-             */
-        };
-
-        Star.prototype = {
-            type: 'star',
-
-            /**
-             * 创建n角星（n>3）路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Star~IStarStyle} style
-             */
-            buildPath : function(ctx, style) {
-                var n = style.n;
-                if (!n || n < 2) {
-                    return;
-                }
-
-                var x = style.x;
-                var y = style.y;
-                var r = style.r;
-                var r0 = style.r0;
-
-                // 如果未指定内部顶点外接圆半径，则自动计算
-                if (r0 == null) {
-                    r0 = n > 4
-                        // 相隔的外部顶点的连线的交点，
-                        // 被取为内部交点，以此计算r0
-                        ? r * cos(2 * PI / n) / cos(PI / n)
-                        // 二三四角星的特殊处理
-                        : r / 3;
-                }
-
-                var dStep = PI / n;
-                var deg = -PI / 2;
-                var xStart = x + r * cos(deg);
-                var yStart = y + r * sin(deg);
-                deg += dStep;
-
-                // 记录边界点，用于判断inside
-                var pointList = style.pointList = [];
-                pointList.push([ xStart, yStart ]);
-                for (var i = 0, end = n * 2 - 1, ri; i < end; i++) {
-                    ri = i % 2 === 0 ? r0 : r;
-                    pointList.push([ x + ri * cos(deg), y + ri * sin(deg) ]);
-                    deg += dStep;
-                }
-                pointList.push([ xStart, yStart ]);
-
-                // 绘制
-                ctx.moveTo(pointList[0][0], pointList[0][1]);
-                for (var i = 0; i < pointList.length; i++) {
-                    ctx.lineTo(pointList[i][0], pointList[i][1]);
-                }
-                
-                ctx.closePath();
-
-                return;
-            },
-
-            /**
-             * 返回n角星包围盒矩形
-             * @param {module:zrender/shape/Star~IStarStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function(style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - style.r - lineWidth / 2),
-                    y : Math.round(style.y - style.r - lineWidth / 2),
-                    width : style.r * 2 + lineWidth,
-                    height : style.r * 2 + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Star, Base);
-        return Star;
-    }
-);
-
-/**
- * 正多边形
- * @module zrender/shape/Isogon
- * @author sushuang (宿爽, sushuang0322@gmail.com)
- */
-
-/**
- * @typedef {Object} IIsogonStyle
- * @property {number} x 正n边形外接圆心x坐标
- * @property {number} y 正n边形外接圆心y坐标
- * @property {number} r 正n边形外接圆半径
- * @property {number} n 指明正几边形
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Isogon',['require','../tool/math','./Base','../tool/util'],function (require) {
-        var math = require('../tool/math');
-        var sin = math.sin;
-        var cos = math.cos;
-        var PI = Math.PI;
-
-        var Base = require('./Base');
-
-        /**
-         * @constructor
-         * @alias module:zrender/shape/Isogon
-         * @param {Object} options
-         */
-        function Isogon(options) {
-            Base.call(this, options);
-            /**
-             * 多边形绘制样式
-             * @name module:zrender/shape/Isogon#style
-             * @type {module:zrender/shape/Isogon~IIsogonStyle}
-             */
-            /**
-             * 多边形高亮绘制样式
-             * @name module:zrender/shape/Isogon#highlightStyle
-             * @type {module:zrender/shape/Isogon~IIsogonStyle}
-             */
-        }
-
-        Isogon.prototype = {
-            type: 'isogon',
-
-            /**
-             * 创建n角星（n>=3）路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Isogon~IIsogonStyle} style
-             */
-            buildPath : function (ctx, style) {
-                var n = style.n;
-                if (!n || n < 2) {
-                    return;
-                }
-
-                var x = style.x;
-                var y = style.y;
-                var r = style.r;
-
-                var dStep = 2 * PI / n;
-                var deg = -PI / 2;
-                var xStart = x + r * cos(deg);
-                var yStart = y + r * sin(deg);
-                deg += dStep;
-
-                // 记录边界点，用于判断insight
-                var pointList = style.pointList = [];
-                pointList.push([ xStart, yStart ]);
-                for (var i = 0, end = n - 1; i < end; i++) {
-                    pointList.push([ x + r * cos(deg), y + r * sin(deg) ]);
-                    deg += dStep;
-                }
-                pointList.push([ xStart, yStart ]);
-
-                // 绘制
-                ctx.moveTo(pointList[0][0], pointList[0][1]);
-                for (var i = 0; i < pointList.length; i++) {
-                    ctx.lineTo(pointList[i][0], pointList[i][1]);
-                }
-                ctx.closePath();
-
-                return;
-            },
-
-            /**
-             * 计算返回正多边形的包围盒矩形
-             * @param {module:zrender/shape/Isogon~IIsogonStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                style.__rect = {
-                    x : Math.round(style.x - style.r - lineWidth / 2),
-                    y : Math.round(style.y - style.r - lineWidth / 2),
-                    width : style.r * 2 + lineWidth,
-                    height : style.r * 2 + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Isogon, Base);
-        return Isogon;
-    }
-);
-
-/**
- * 贝塞尔曲线
- * @module zrender/shape/BezierCurve
- * @author Neil (杨骥, 511415343@qq.com)
- * @example
- *     var BezierCurve = require('zrender/shape/BezierCurve');
- *     var shape = new BezierCurve({
- *         style: {
- *             xStart: 0,
- *             yStart: 0,
- *             cpX1: 100,
- *             cpY1: 0,
- *             cpX2: 0,
- *             cpY2: 100,
- *             xEnd: 100,
- *             yEnd: 100,
- *             strokeColor: 'red'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IBezierCurveStyle
- * @property {number} xStart 起点x坐标
- * @property {number} yStart 起点y坐标
- * @property {number} cpX1 第一个控制点x坐标
- * @property {number} cpY1 第一个控制点y坐标
- * @property {number} [cpX2] 第二个控制点x坐标，如果不给则为二次贝塞尔曲线
- * @property {number} [cpY2] 第二个控制点y坐标，如果不给则为二次贝塞尔曲线
- * @property {number} xEnd 终止点x坐标
- * @property {number} yEnd 终止点y坐标
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-
-define(
-    'zrender/shape/BezierCurve',['require','./Base','../tool/util'],function (require) {
-        
-
-        var Base = require('./Base');
-        
-        /**
-         * @alias module:zrender/shape/BezierCurve
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var BezierCurve = function(options) {
-            this.brushTypeOnly = 'stroke';  // 线条只能描边，填充后果自负
-            this.textPosition = 'end';
-            Base.call(this, options);
-            /**
-             * 贝赛尔曲线绘制样式
-             * @name module:zrender/shape/BezierCurve#style
-             * @type {module:zrender/shape/BezierCurve~IBezierCurveStyle}
-             */
-            /**
-             * 贝赛尔曲线高亮绘制样式
-             * @name module:zrender/shape/BezierCurve#highlightStyle
-             * @type {module:zrender/shape/BezierCurve~IBezierCurveStyle}
-             */
-        };
-
-        BezierCurve.prototype = {
-            type: 'bezier-curve',
-
-            /**
-             * 创建贝塞尔曲线路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/BezierCurve~IBezierCurveStyle} style
-             */
-            buildPath : function(ctx, style) {
-                ctx.moveTo(style.xStart, style.yStart);
-                if (typeof style.cpX2 != 'undefined'
-                    && typeof style.cpY2 != 'undefined'
-                ) {
-                    ctx.bezierCurveTo(
-                        style.cpX1, style.cpY1,
-                        style.cpX2, style.cpY2,
-                        style.xEnd, style.yEnd
-                    );
-                }
-                else {
-                    ctx.quadraticCurveTo(
-                        style.cpX1, style.cpY1,
-                        style.xEnd, style.yEnd
-                    );
-                }
-            },
-
-            /**
-             * 计算返回贝赛尔曲线包围盒矩形。
-             * 该包围盒是直接从四个控制点计算，并非最小包围盒。
-             * @param {module:zrender/shape/BezierCurve~IBezierCurveStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function(style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var _minX = Math.min(style.xStart, style.xEnd, style.cpX1);
-                var _minY = Math.min(style.yStart, style.yEnd, style.cpY1);
-                var _maxX = Math.max(style.xStart, style.xEnd, style.cpX1);
-                var _maxY = Math.max(style.yStart, style.yEnd, style.cpY1);
-                var _x2 = style.cpX2;
-                var _y2 = style.cpY2;
-
-                if (typeof _x2 != 'undefined'
-                    && typeof _y2 != 'undefined'
-                ) {
-                    _minX = Math.min(_minX, _x2);
-                    _minY = Math.min(_minY, _y2);
-                    _maxX = Math.max(_maxX, _x2);
-                    _maxY = Math.max(_maxY, _y2);
-                }
-
-                var lineWidth = style.lineWidth || 1;
-                style.__rect = {
-                    x : _minX - lineWidth,
-                    y : _minY - lineWidth,
-                    width : _maxX - _minX + lineWidth,
-                    height : _maxY - _minY + lineWidth
-                };
-                
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(BezierCurve, Base);
-        return BezierCurve;
-    }
-);
-
-/**
- * Catmull-Rom spline 插值折线
- * @module zrender/shape/util/smoothSpline
- * @author pissang (https://www.github.com/pissang) 
- *         Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         errorrik (errorrik@gmail.com)
- */
-define(
-    'zrender/shape/util/smoothSpline',['require','../../tool/vector'],function (require) {
-        var vector = require('../../tool/vector');
-
-        /**
-         * @inner
-         */
-        function interpolate(p0, p1, p2, p3, t, t2, t3) {
-            var v0 = (p2 - p0) * 0.5;
-            var v1 = (p3 - p1) * 0.5;
-            return (2 * (p1 - p2) + v0 + v1) * t3 
-                    + (-3 * (p1 - p2) - 2 * v0 - v1) * t2
-                    + v0 * t + p1;
-        }
-
-        /**
-         * @alias module:zrender/shape/util/smoothSpline
-         * @param {Array} points 线段顶点数组
-         * @param {boolean} isLoop
-         * @param {Array} constraint 
-         * @return {Array}
-         */
-        return function (points, isLoop, constraint) {
-            var len = points.length;
-            var ret = [];
-
-            var distance = 0;
-            for (var i = 1; i < len; i++) {
-                distance += vector.distance(points[i - 1], points[i]);
-            }
-            
-            var segs = distance / 5;
-            segs = segs < len ? len : segs;
-            for (var i = 0; i < segs; i++) {
-                var pos = i / (segs - 1) * (isLoop ? len : len - 1);
-                var idx = Math.floor(pos);
-
-                var w = pos - idx;
-
-                var p0;
-                var p1 = points[idx % len];
-                var p2;
-                var p3;
-                if (!isLoop) {
-                    p0 = points[idx === 0 ? idx : idx - 1];
-                    p2 = points[idx > len - 2 ? len - 1 : idx + 1];
-                    p3 = points[idx > len - 3 ? len - 1 : idx + 2];
-                }
-                else {
-                    p0 = points[(idx - 1 + len) % len];
-                    p2 = points[(idx + 1) % len];
-                    p3 = points[(idx + 2) % len];
-                }
-
-                var w2 = w * w;
-                var w3 = w * w2;
-
-                ret.push([
-                    interpolate(p0[0], p1[0], p2[0], p3[0], w, w2, w3),
-                    interpolate(p0[1], p1[1], p2[1], p3[1], w, w2, w3)
-                ]);
-            }
-            return ret;
-        };
-    }
-);
-
-/**
- * 贝塞尔平滑曲线 
- * @module zrender/shape/util/smoothBezier
- * @author pissang (https://www.github.com/pissang) 
- *         Kener (@Kener-林峰, kener.linfeng@gmail.com)
- *         errorrik (errorrik@gmail.com)
- */
-define(
-    'zrender/shape/util/smoothBezier',['require','../../tool/vector'],function (require) {
-        var vector = require('../../tool/vector');
-
-        /**
-         * 贝塞尔平滑曲线
-         * @alias module:zrender/shape/util/smoothBezier
-         * @param {Array} points 线段顶点数组
-         * @param {number} smooth 平滑等级, 0-1
-         * @param {boolean} isLoop
-         * @param {Array} constraint 将计算出来的控制点约束在一个包围盒内
-         *                           比如 [[0, 0], [100, 100]], 这个包围盒会与
-         *                           整个折线的包围盒做一个并集用来约束控制点。
-         * @param {Array} 计算出来的控制点数组
-         */
-        return function (points, smooth, isLoop, constraint) {
-            var cps = [];
-
-            var v = [];
-            var v1 = [];
-            var v2 = [];
-            var prevPoint;
-            var nextPoint;
-
-            var hasConstraint = !!constraint;
-            var min, max;
-            if (hasConstraint) {
-                min = [Infinity, Infinity];
-                max = [-Infinity, -Infinity];
-                for (var i = 0, len = points.length; i < len; i++) {
-                    vector.min(min, min, points[i]);
-                    vector.max(max, max, points[i]);
-                }
-                // 与指定的包围盒做并集
-                vector.min(min, min, constraint[0]);
-                vector.max(max, max, constraint[1]);
-            }
-
-            for (var i = 0, len = points.length; i < len; i++) {
-                var point = points[i];
-                var prevPoint;
-                var nextPoint;
-
-                if (isLoop) {
-                    prevPoint = points[i ? i - 1 : len - 1];
-                    nextPoint = points[(i + 1) % len];
-                } 
-                else {
-                    if (i === 0 || i === len - 1) {
-                        cps.push(points[i]);
-                        continue;
-                    } 
-                    else {
-                        prevPoint = points[i - 1];
-                        nextPoint = points[i + 1];
-                    }
-                }
-
-                vector.sub(v, nextPoint, prevPoint);
-
-                // use degree to scale the handle length
-                vector.scale(v, v, smooth);
-
-                var d0 = vector.distance(point, prevPoint);
-                var d1 = vector.distance(point, nextPoint);
-                var sum = d0 + d1;
-                if (sum !== 0) {
-                    d0 /= sum;
-                    d1 /= sum;
-                }
-
-                vector.scale(v1, v, -d0);
-                vector.scale(v2, v, d1);
-                var cp0 = vector.add([], point, v1);
-                var cp1 = vector.add([], point, v2);
-                if (hasConstraint) {
-                    vector.max(cp0, cp0, min);
-                    vector.min(cp0, cp0, max);
-                    vector.max(cp1, cp1, min);
-                    vector.min(cp1, cp1, max);
-                }
-                cps.push(cp0);
-                cps.push(cp1);
-            }
-            
-            if (isLoop) {
-                cps.push(cps.shift());
-            }
-
-            return cps;
-        };
-    }
-);
-
-/**
- * 多边形
- * @module zrender/shape/Polygon
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @example
- *     var Polygon = require('zrender/shape/Polygon');
- *     var shape = new Polygon({
- *         style: {
- *             // 100x100的正方形
- *             pointList: [[0, 0], [100, 0], [100, 100], [0, 100]],
- *             color: 'blue'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IPolygonStyle
- * @property {string} pointList 多边形顶点数组
- * @property {string} [smooth=''] 是否做平滑插值, 平滑算法可以选择 bezier, spline
- * @property {number} [smoothConstraint] 平滑约束
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Polygon',['require','./Base','./util/smoothSpline','./util/smoothBezier','./util/dashedLineTo','../tool/util'],function (require) {
-        var Base = require('./Base');
-        var smoothSpline = require('./util/smoothSpline');
-        var smoothBezier = require('./util/smoothBezier');
-        var dashedLineTo = require('./util/dashedLineTo');
-
-        /**
-         * @alias module:zrender/shape/Polygon
-         * @param {Object} options
-         * @constructor
-         * @extends module:zrender/shape/Base
-         */
-        var Polygon = function (options) {
-            Base.call(this, options);
-            /**
-             * 多边形绘制样式
-             * @name module:zrender/shape/Polygon#style
-             * @type {module:zrender/shape/Polygon~IPolygonStyle}
-             */
-            /**
-             * 多边形高亮绘制样式
-             * @name module:zrender/shape/Polygon#highlightStyle
-             * @type {module:zrender/shape/Polygon~IPolygonStyle}
-             */
-        };
-
-        Polygon.prototype = {
-            type: 'polygon',
-
-            /**
-             * 创建多边形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Polygon~IPolygonStyle} style
-             */
-            buildPath : function (ctx, style) {
-                // 虽然能重用brokenLine，但底层图形基于性能考虑，重复代码减少调用吧
-                var pointList = style.pointList;
-                // 开始点和结束点重复
-                /*
-                var start = pointList[0];
-                var end = pointList[pointList.length-1];
-
-                if (start && end) {
-                    if (start[0] == end[0] &&
-                        start[1] == end[1]) {
-                        // 移除最后一个点
-                        pointList.pop();
-                    }
-                }
-                */
-
-                if (pointList.length < 2) {
-                    // 少于2个点就不画了~
-                    return;
-                }
-
-                if (style.smooth && style.smooth !== 'spline') {
-                    var controlPoints = smoothBezier(
-                        pointList, style.smooth, true, style.smoothConstraint
-                    );
-
-                    ctx.moveTo(pointList[0][0], pointList[0][1]);
-                    var cp1;
-                    var cp2;
-                    var p;
-                    var len = pointList.length;
-                    for (var i = 0; i < len; i++) {
-                        cp1 = controlPoints[i * 2];
-                        cp2 = controlPoints[i * 2 + 1];
-                        p = pointList[(i + 1) % len];
-                        ctx.bezierCurveTo(
-                            cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]
-                        );
-                    }
-                } 
-                else {
-                    if (style.smooth === 'spline') {
-                        pointList = smoothSpline(pointList, true);
-                    }
-
-                    if (!style.lineType || style.lineType == 'solid') {
-                        // 默认为实线
-                        ctx.moveTo(pointList[0][0], pointList[0][1]);
-                        for (var i = 1, l = pointList.length; i < l; i++) {
-                            ctx.lineTo(pointList[i][0], pointList[i][1]);
-                        }
-                        ctx.lineTo(pointList[0][0], pointList[0][1]);
-                    }
-                    else if (style.lineType == 'dashed'
-                            || style.lineType == 'dotted'
-                    ) {
-                        var dashLength = 
-                            style._dashLength
-                            || (style.lineWidth || 1) 
-                               * (style.lineType == 'dashed' ? 5 : 1);
-                        style._dashLength = dashLength;
-                        ctx.moveTo(pointList[0][0], pointList[0][1]);
-                        for (var i = 1, l = pointList.length; i < l; i++) {
-                            dashedLineTo(
-                                ctx,
-                                pointList[i - 1][0], pointList[i - 1][1],
-                                pointList[i][0], pointList[i][1],
-                                dashLength
-                            );
-                        }
-                        dashedLineTo(
-                            ctx,
-                            pointList[pointList.length - 1][0], 
-                            pointList[pointList.length - 1][1],
-                            pointList[0][0],
-                            pointList[0][1],
-                            dashLength
-                        );
-                    }
-                }
-
-                ctx.closePath();
-                return;
-            },
-
-            /**
-             * 计算返回多边形包围盒矩阵
-             * @param {module:zrender/shape/Polygon~IPolygonStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function (style) {
-                if (style.__rect) {
-                    return style.__rect;
-                }
-                
-                var minX =  Number.MAX_VALUE;
-                var maxX =  Number.MIN_VALUE;
-                var minY = Number.MAX_VALUE;
-                var maxY = Number.MIN_VALUE;
-
-                var pointList = style.pointList;
-                for (var i = 0, l = pointList.length; i < l; i++) {
-                    if (pointList[i][0] < minX) {
-                        minX = pointList[i][0];
-                    }
-                    if (pointList[i][0] > maxX) {
-                        maxX = pointList[i][0];
-                    }
-                    if (pointList[i][1] < minY) {
-                        minY = pointList[i][1];
-                    }
-                    if (pointList[i][1] > maxY) {
-                        maxY = pointList[i][1];
-                    }
-                }
-
-                var lineWidth;
-                if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                    lineWidth = style.lineWidth || 1;
-                }
-                else {
-                    lineWidth = 0;
-                }
-                
-                style.__rect = {
-                    x : Math.round(minX - lineWidth / 2),
-                    y : Math.round(minY - lineWidth / 2),
-                    width : maxX - minX + lineWidth,
-                    height : maxY - minY + lineWidth
-                };
-                return style.__rect;
-            }
-        };
-
-        require('../tool/util').inherits(Polygon, Base);
-        return Polygon;
-    }
-);
-
-
-/**
- * 折线
- * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
- * @module zrender/shape/Polyline
- * @example
- *     var Polyline = require('zrender/shape/Polyline');
- *     var shape = new Polyline({
- *         style: {
- *             pointList: [[0, 0], [100, 100], [100, 0]],
- *             smooth: 'bezier',
- *             strokeColor: 'purple'
- *         }
- *     });
- *     zr.addShape(shape);
- */
-
-/**
- * @typedef {Object} IPolylineStyle
- * @property {Array.<number>} pointList 顶点坐标数组
- * @property {string} [smooth=''] 是否做平滑插值, 平滑算法可以选择 bezier, spline
- * @property {number} [smoothConstraint] 平滑约束
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {string} [lineJoin='miter'] 线段连接样式，可以是 miter, round, bevel
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define(
-    'zrender/shape/Polyline',['require','./Base','./util/smoothSpline','./util/smoothBezier','./util/dashedLineTo','./Polygon','../tool/util'],function (require) {
-        var Base = require('./Base');
-        var smoothSpline = require('./util/smoothSpline');
-        var smoothBezier = require('./util/smoothBezier');
-        var dashedLineTo = require('./util/dashedLineTo');
-
-        /**
-         * @alias module:zrender/shape/Polyline
-         * @constructor
-         * @extends module:zrender/shape/Base
-         * @param {Object} options
-         */
-        var Polyline = function(options) {
-            this.brushTypeOnly = 'stroke';  // 线条只能描边，填充后果自负
-            this.textPosition = 'end';
-            Base.call(this, options);
-            /**
-             * 贝赛尔曲线绘制样式
-             * @name module:zrender/shape/Polyline#style
-             * @type {module:zrender/shape/Polyline~IPolylineStyle}
-             */
-            /**
-             * 贝赛尔曲线高亮绘制样式
-             * @name module:zrender/shape/Polyline#highlightStyle
-             * @type {module:zrender/shape/Polyline~IPolylineStyle}
-             */
-        };
-
-        Polyline.prototype =  {
-            type: 'polyline',
-
-            /**
-             * 创建多边形路径
-             * @param {CanvasRenderingContext2D} ctx
-             * @param {module:zrender/shape/Polyline~IPolylineStyle} style
-             */
-            buildPath : function(ctx, style) {
-                var pointList = style.pointList;
-                if (pointList.length < 2) {
-                    // 少于2个点就不画了~
-                    return;
-                }
-                
-                var len = Math.min(
-                    style.pointList.length, 
-                    Math.round(style.pointListLength || style.pointList.length)
-                );
-                
-                if (style.smooth && style.smooth !== 'spline') {
-                    var controlPoints = smoothBezier(
-                        pointList, style.smooth, false, style.smoothConstraint
-                    );
-
-                    ctx.moveTo(pointList[0][0], pointList[0][1]);
-                    var cp1;
-                    var cp2;
-                    var p;
-                    for (var i = 0; i < len - 1; i++) {
-                        cp1 = controlPoints[i * 2];
-                        cp2 = controlPoints[i * 2 + 1];
-                        p = pointList[i + 1];
-                        ctx.bezierCurveTo(
-                            cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]
-                        );
-                    }
-                } 
-                else {
-                    if (style.smooth === 'spline') {
-                        pointList = smoothSpline(pointList);
-                        len = pointList.length;
-                    }
-                    if (!style.lineType || style.lineType == 'solid') {
-                        // 默认为实线
-                        ctx.moveTo(pointList[0][0], pointList[0][1]);
-                        for (var i = 1; i < len; i++) {
-                            ctx.lineTo(pointList[i][0], pointList[i][1]);
-                        }
-                    }
-                    else if (style.lineType == 'dashed'
-                            || style.lineType == 'dotted'
-                    ) {
-                        var dashLength = (style.lineWidth || 1) 
-                                         * (style.lineType == 'dashed' ? 5 : 1);
-                        ctx.moveTo(pointList[0][0], pointList[0][1]);
-                        for (var i = 1; i < len; i++) {
-                            dashedLineTo(
-                                ctx,
-                                pointList[i - 1][0], pointList[i - 1][1],
-                                pointList[i][0], pointList[i][1],
-                                dashLength
-                            );
-                        }
-                    }
-                }
-                return;
-            },
-
-            /**
-             * 计算返回折线包围盒矩形。
-             * @param {IZRenderBezierCurveStyle} style
-             * @return {module:zrender/shape/Base~IBoundingRect}
-             */
-            getRect : function(style) {
-                return require('./Polygon').prototype.getRect(style);
-            }
-        };
-
-        require('../tool/util').inherits(Polyline, Base);
-        return Polyline;
-    }
-);
-
-/**
- * SVG Path
- * @module zrender/shape/Path
- * @see http://www.w3.org/TR/2011/REC-SVG11-20110816/paths.html#PathData
- * @author: Pissang (shenyi.914@gmail.com)
- */
-
-/**
- * @typedef {Object} IPathStyle
- * @property {string} path path描述数据, 详见 {@link http://www.w3.org/TR/2011/REC-SVG11-20110816/paths.html#PathData}
- * @property {number} x x轴位移
- * @property {number} y y轴位移
- * @property {string} [brushType='fill']
- * @property {string} [color='#000000'] 填充颜色
- * @property {string} [strokeColor='#000000'] 描边颜色
- * @property {string} [lineCape='butt'] 线帽样式，可以是 butt, round, square
- * @property {number} [lineWidth=1] 描边宽度
- * @property {number} [opacity=1] 绘制透明度
- * @property {number} [shadowBlur=0] 阴影模糊度，大于0有效
- * @property {string} [shadowColor='#000000'] 阴影颜色
- * @property {number} [shadowOffsetX=0] 阴影横向偏移
- * @property {number} [shadowOffsetY=0] 阴影纵向偏移
- * @property {string} [text] 图形中的附加文本
- * @property {string} [textColor='#000000'] 文本颜色
- * @property {string} [textFont] 附加文本样式，eg:'bold 18px verdana'
- * @property {string} [textPosition='end'] 附加文本位置, 可以是 inside, left, right, top, bottom
- * @property {string} [textAlign] 默认根据textPosition自动设置，附加文本水平对齐。
- *                                可以是start, end, left, right, center
- * @property {string} [textBaseline] 默认根据textPosition自动设置，附加文本垂直对齐。
- *                                可以是top, bottom, middle, alphabetic, hanging, ideographic
- */
-define('zrender/shape/Path',['require','./Base','./util/PathProxy','../tool/util'],function (require) {
-
-    var Base = require('./Base');
-    var PathProxy = require('./util/PathProxy');
-    var PathSegment = PathProxy.PathSegment;
-
-    var vMag = function(v) {
-        return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
-    };
-    var vRatio = function(u, v) {
-        return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
-    };
-    var vAngle = function(u, v) {
-        return (u[0] * v[1] < u[1] * v[0] ? -1 : 1)
-                * Math.acos(vRatio(u, v));
-    };
-    /**
-     * @alias module:zrender/shape/Path
-     * @constructor
-     * @extends module:zrender/shape/Base
-     * @param {Object} options
-     */
-    var Path = function (options) {
-        Base.call(this, options);
-        /**
-         * Path绘制样式
-         * @name module:zrender/shape/Path#style
-         * @type {module:zrender/shape/Path~IPathStyle}
-         */
-        /**
-         * Path高亮绘制样式
-         * @name module:zrender/shape/Path#highlightStyle
-         * @type {module:zrender/shape/Path~IPathStyle}
-         */
-    };
-
-    Path.prototype = {
-        type: 'path',
-
-        buildPathArray : function (data, x, y) {
-            if (!data) {
-                return [];
-            }
-
-            // 平移
-            x = x || 0;
-            y = y || 0;
-            // command string
-            var cs = data;
-
-            // command chars
-            var cc = [
-                'm', 'M', 'l', 'L', 'v', 'V', 'h', 'H', 'z', 'Z',
-                'c', 'C', 'q', 'Q', 't', 'T', 's', 'S', 'a', 'A'
-            ];
-            
-            cs = cs.replace(/-/g, ' -');
-            cs = cs.replace(/  /g, ' ');
-            cs = cs.replace(/ /g, ',');
-            cs = cs.replace(/,,/g, ',');
-            
-            var n;
-            // create pipes so that we can split the data
-            for (n = 0; n < cc.length; n++) {
-                cs = cs.replace(new RegExp(cc[n], 'g'), '|' + cc[n]);
-            }
-
-            // create array
-            var arr = cs.split('|');
-            var ca = [];
-            // init context point
-            var cpx = 0;
-            var cpy = 0;
-            for (n = 1; n < arr.length; n++) {
-                var str = arr[n];
-                var c = str.charAt(0);
-                str = str.slice(1);
-                str = str.replace(new RegExp('e,-', 'g'), 'e-');
-
-                var p = str.split(',');
-                if (p.length > 0 && p[0] === '') {
-                    p.shift();
-                }
-
-                for (var i = 0; i < p.length; i++) {
-                    p[i] = parseFloat(p[i]);
-                }
-                while (p.length > 0) {
-                    if (isNaN(p[0])) {
-                        break;
-                    }
-                    var cmd = null;
-                    var points = [];
-
-                    var ctlPtx;
-                    var ctlPty;
-                    var prevCmd;
-
-                    var rx;
-                    var ry;
-                    var psi;
-                    var fa;
-                    var fs;
-
-                    var x1 = cpx;
-                    var y1 = cpy;
-
-                    // convert l, H, h, V, and v to L
-                    switch (c) {
-                        case 'l':
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'L';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'L':
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            points.push(cpx, cpy);
-                            break;
-                        case 'm':
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'M';
-                            points.push(cpx, cpy);
-                            c = 'l';
-                            break;
-                        case 'M':
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            cmd = 'M';
-                            points.push(cpx, cpy);
-                            c = 'L';
-                            break;
-
-                        case 'h':
-                            cpx += p.shift();
-                            cmd = 'L';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'H':
-                            cpx = p.shift();
-                            cmd = 'L';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'v':
-                            cpy += p.shift();
-                            cmd = 'L';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'V':
-                            cpy = p.shift();
-                            cmd = 'L';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'C':
-                            points.push(p.shift(), p.shift(), p.shift(), p.shift());
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            points.push(cpx, cpy);
-                            break;
-                        case 'c':
-                            points.push(
-                                cpx + p.shift(), cpy + p.shift(),
-                                cpx + p.shift(), cpy + p.shift()
-                            );
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'C';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'S':
-                            ctlPtx = cpx;
-                            ctlPty = cpy;
-                            prevCmd = ca[ca.length - 1];
-                            if (prevCmd.command === 'C') {
-                                ctlPtx = cpx + (cpx - prevCmd.points[2]);
-                                ctlPty = cpy + (cpy - prevCmd.points[3]);
-                            }
-                            points.push(ctlPtx, ctlPty, p.shift(), p.shift());
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            cmd = 'C';
-                            points.push(cpx, cpy);
-                            break;
-                        case 's':
-                            ctlPtx = cpx, ctlPty = cpy;
-                            prevCmd = ca[ca.length - 1];
-                            if (prevCmd.command === 'C') {
-                                ctlPtx = cpx + (cpx - prevCmd.points[2]);
-                                ctlPty = cpy + (cpy - prevCmd.points[3]);
-                            }
-                            points.push(
-                                ctlPtx, ctlPty,
-                                cpx + p.shift(), cpy + p.shift()
-                            );
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'C';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'Q':
-                            points.push(p.shift(), p.shift());
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            points.push(cpx, cpy);
-                            break;
-                        case 'q':
-                            points.push(cpx + p.shift(), cpy + p.shift());
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'Q';
-                            points.push(cpx, cpy);
-                            break;
-                        case 'T':
-                            ctlPtx = cpx, ctlPty = cpy;
-                            prevCmd = ca[ca.length - 1];
-                            if (prevCmd.command === 'Q') {
-                                ctlPtx = cpx + (cpx - prevCmd.points[0]);
-                                ctlPty = cpy + (cpy - prevCmd.points[1]);
-                            }
-                            cpx = p.shift();
-                            cpy = p.shift();
-                            cmd = 'Q';
-                            points.push(ctlPtx, ctlPty, cpx, cpy);
-                            break;
-                        case 't':
-                            ctlPtx = cpx, ctlPty = cpy;
-                            prevCmd = ca[ca.length - 1];
-                            if (prevCmd.command === 'Q') {
-                                ctlPtx = cpx + (cpx - prevCmd.points[0]);
-                                ctlPty = cpy + (cpy - prevCmd.points[1]);
-                            }
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'Q';
-                            points.push(ctlPtx, ctlPty, cpx, cpy);
-                            break;
-                        case 'A':
-                            rx = p.shift();
-                            ry = p.shift();
-                            psi = p.shift();
-                            fa = p.shift();
-                            fs = p.shift();
-
-                            x1 = cpx, y1 = cpy;
-                            cpx = p.shift(), cpy = p.shift();
-                            cmd = 'A';
-                            points = this._convertPoint(
-                                x1, y1, cpx, cpy, fa, fs, rx, ry, psi
-                            );
-                            break;
-                        case 'a':
-                            rx = p.shift();
-                            ry = p.shift();
-                            psi = p.shift();
-                            fa = p.shift();
-                            fs = p.shift();
-
-                            x1 = cpx, y1 = cpy;
-                            cpx += p.shift();
-                            cpy += p.shift();
-                            cmd = 'A';
-                            points = this._convertPoint(
-                                x1, y1, cpx, cpy, fa, fs, rx, ry, psi
-                            );
-                            break;
-                    }
-
-                    // 平移变换
-                    for (var j = 0, l = points.length; j < l; j += 2) {
-                        points[j] += x;
-                        points[j + 1] += y;
-                    }
-                    ca.push(new PathSegment(
-                        cmd || c, points
-                    ));
-                }
-
-                if (c === 'z' || c === 'Z') {
-                    ca.push(new PathSegment('z', []));
-                }
-            }
-
-            return ca;
-        },
-
-        _convertPoint : function (x1, y1, x2, y2, fa, fs, rx, ry, psiDeg) {
-            var psi = psiDeg * (Math.PI / 180.0);
-            var xp = Math.cos(psi) * (x1 - x2) / 2.0
-                     + Math.sin(psi) * (y1 - y2) / 2.0;
-            var yp = -1 * Math.sin(psi) * (x1 - x2) / 2.0
-                     + Math.cos(psi) * (y1 - y2) / 2.0;
-
-            var lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry);
-
-            if (lambda > 1) {
-                rx *= Math.sqrt(lambda);
-                ry *= Math.sqrt(lambda);
-            }
-
-            var f = Math.sqrt((((rx * rx) * (ry * ry))
-                    - ((rx * rx) * (yp * yp))
-                    - ((ry * ry) * (xp * xp))) / ((rx * rx) * (yp * yp)
-                    + (ry * ry) * (xp * xp))
-                );
-
-            if (fa === fs) {
-                f *= -1;
-            }
-            if (isNaN(f)) {
-                f = 0;
-            }
-
-            var cxp = f * rx * yp / ry;
-            var cyp = f * -ry * xp / rx;
-
-            var cx = (x1 + x2) / 2.0
-                     + Math.cos(psi) * cxp
-                     - Math.sin(psi) * cyp;
-            var cy = (y1 + y2) / 2.0
-                    + Math.sin(psi) * cxp
-                    + Math.cos(psi) * cyp;
-
-            var theta = vAngle([ 1, 0 ], [ (xp - cxp) / rx, (yp - cyp) / ry ]);
-            var u = [ (xp - cxp) / rx, (yp - cyp) / ry ];
-            var v = [ (-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry ];
-            var dTheta = vAngle(u, v);
-
-            if (vRatio(u, v) <= -1) {
-                dTheta = Math.PI;
-            }
-            if (vRatio(u, v) >= 1) {
-                dTheta = 0;
-            }
-            if (fs === 0 && dTheta > 0) {
-                dTheta = dTheta - 2 * Math.PI;
-            }
-            if (fs === 1 && dTheta < 0) {
-                dTheta = dTheta + 2 * Math.PI;
-            }
-            return [ cx, cy, rx, ry, theta, dTheta, psi, fs ];
-        },
-
-        /**
-         * 创建路径
-         * @param {CanvasRenderingContext2D} ctx
-         * @param {module:zrender/shape/Path~IPathStyle} style
-         */
-        buildPath : function (ctx, style) {
-            var path = style.path;
-
-            // 平移坐标
-            var x = style.x || 0;
-            var y = style.y || 0;
-
-            style.pathArray = style.pathArray || this.buildPathArray(path, x, y);
-            var pathArray = style.pathArray;
-
-            // 记录边界点，用于判断inside
-            var pointList = style.pointList = [];
-            var singlePointList = [];
-            for (var i = 0, l = pathArray.length; i < l; i++) {
-                if (pathArray[i].command.toUpperCase() == 'M') {
-                    singlePointList.length > 0 
-                    && pointList.push(singlePointList);
-                    singlePointList = [];
-                }
-                var p = pathArray[i].points;
-                for (var j = 0, k = p.length; j < k; j += 2) {
-                    singlePointList.push([p[j], p[j + 1]]);
-                }
-            }
-            singlePointList.length > 0 && pointList.push(singlePointList);
-            
-            for (var i = 0, l = pathArray.length; i < l; i++) {
-                var c = pathArray[i].command;
-                var p = pathArray[i].points;
-                switch (c) {
-                    case 'L':
-                        ctx.lineTo(p[0], p[1]);
-                        break;
-                    case 'M':
-                        ctx.moveTo(p[0], p[1]);
-                        break;
-                    case 'C':
-                        ctx.bezierCurveTo(p[0], p[1], p[2], p[3], p[4], p[5]);
-                        break;
-                    case 'Q':
-                        ctx.quadraticCurveTo(p[0], p[1], p[2], p[3]);
-                        break;
-                    case 'A':
-                        var cx = p[0];
-                        var cy = p[1];
-                        var rx = p[2];
-                        var ry = p[3];
-                        var theta = p[4];
-                        var dTheta = p[5];
-                        var psi = p[6];
-                        var fs = p[7];
-                        var r = (rx > ry) ? rx : ry;
-                        var scaleX = (rx > ry) ? 1 : rx / ry;
-                        var scaleY = (rx > ry) ? ry / rx : 1;
-
-                        ctx.translate(cx, cy);
-                        ctx.rotate(psi);
-                        ctx.scale(scaleX, scaleY);
-                        ctx.arc(0, 0, r, theta, theta + dTheta, 1 - fs);
-                        ctx.scale(1 / scaleX, 1 / scaleY);
-                        ctx.rotate(-psi);
-                        ctx.translate(-cx, -cy);
-                        break;
-                    case 'z':
-                        ctx.closePath();
-                        break;
-                }
-            }
-
-            return;
-        },
-
-        /**
-         * 计算返回Path包围盒矩形。
-         * @param {module:zrender/shape/Path~IPathStyle} style
-         * @return {module:zrender/shape/Base~IBoundingRect}
-         */
-        getRect : function (style) {
-            if (style.__rect) {
-                return style.__rect;
-            }
-            
-            var lineWidth;
-            if (style.brushType == 'stroke' || style.brushType == 'fill') {
-                lineWidth = style.lineWidth || 1;
-            }
-            else {
-                lineWidth = 0;
-            }
-
-            var minX = Number.MAX_VALUE;
-            var maxX = Number.MIN_VALUE;
-
-            var minY = Number.MAX_VALUE;
-            var maxY = Number.MIN_VALUE;
-
-            // 平移坐标
-            var x = style.x || 0;
-            var y = style.y || 0;
-
-            var pathArray = style.pathArray || this.buildPathArray(style.path);
-            for (var i = 0; i < pathArray.length; i++) {
-                var p = pathArray[i].points;
-
-                for (var j = 0; j < p.length; j++) {
-                    if (j % 2 === 0) {
-                        if (p[j] + x < minX) {
-                            minX = p[j];
-                        }
-                        if (p[j] + x > maxX) {
-                            maxX = p[j];
-                        }
-                    } 
-                    else {
-                        if (p[j] + y < minY) {
-                            minY = p[j];
-                        }
-                        if (p[j] + y > maxY) {
-                            maxY = p[j];
-                        }
-                    }
-                }
-            }
-
-            var rect;
-            if (minX === Number.MAX_VALUE
-                || maxX === Number.MIN_VALUE
-                || minY === Number.MAX_VALUE
-                || maxY === Number.MIN_VALUE
-            ) {
-                rect = {
-                    x : 0,
-                    y : 0,
-                    width : 0,
-                    height : 0
-                };
-            }
-            else {
-                rect = {
-                    x : Math.round(minX - lineWidth / 2),
-                    y : Math.round(minY - lineWidth / 2),
-                    width : maxX - minX + lineWidth,
-                    height : maxY - minY + lineWidth
-                };
-            }
-            style.__rect = rect;
-            return rect;
-        }
-    };
-
-    require('../tool/util').inherits(Path, Base);
-    return Path;
-});
-
-
-define(
-    'zrender/loadingEffect/Bar',['require','./Base','../tool/util','../tool/color','../shape/Rectangle'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrColor = require('../tool/color');
-        var RectangleShape = require('../shape/Rectangle');
-
-        function Bar(options) {
-            Base.call(this, options);
-        }
-        util.inherits(Bar, Base);
-
-        
-        /**
-         * 进度条
-         * 
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        Bar.prototype._start = function (addShapeHandle, refreshHandle) {
-            // 特效默认配置
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#888'
-                    },
-                    backgroundColor : 'rgba(250, 250, 250, 0.8)',
-                    effectOption : {
-                        x : 0,
-                        y : this.canvasHeight / 2 - 30,
-                        width : this.canvasWidth,
-                        height : 5,
-                        brushType : 'fill',
-                        timeInterval : 100
-                    }
-                }
-            );
-
-            var textShape = this.createTextShape(options.textStyle);
-            var background = this.createBackgroundShape(options.backgroundColor);
-
-            var effectOption = options.effectOption;
-
-            // 初始化动画元素
-            var barShape = new RectangleShape({
-                highlightStyle : util.clone(effectOption)
-            });
-
-            barShape.highlightStyle.color =
-                effectOption.color
-                || zrColor.getLinearGradient(
-                    effectOption.x,
-                    effectOption.y,
-                    effectOption.x + effectOption.width,
-                    effectOption.y + effectOption.height,
-                    [ [ 0, '#ff6400' ], [ 0.5, '#ffe100' ], [ 1, '#b1ff00' ] ]
-                );
-
-            if (options.progress != null) {
-                // 指定进度
-                addShapeHandle(background);
-
-                barShape.highlightStyle.width =
-                    this.adjust(options.progress, [ 0, 1 ])
-                    * options.effectOption.width;
-                    
-                addShapeHandle(barShape);
-                addShapeHandle(textShape);
-
-                refreshHandle();
-                return;
-            }
-            else {
-                // 循环显示
-                barShape.highlightStyle.width = 0;
-                return setInterval(
-                    function () {
-                        addShapeHandle(background);
-
-                        if (barShape.highlightStyle.width < effectOption.width) {
-                            barShape.highlightStyle.width += 8;
-                        }
-                        else {
-                            barShape.highlightStyle.width = 0;
-                        }
-                        addShapeHandle(barShape);
-                        addShapeHandle(textShape);
-                        refreshHandle();
-                    },
-                    effectOption.timeInterval
-                );
-            }
-        };
-
-        return Bar;
-    }
-);
-
-
-define(
-    'zrender/loadingEffect/Bubble',['require','./Base','../tool/util','../tool/color','../shape/Circle'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrColor = require('../tool/color');
-        var CircleShape = require('../shape/Circle');
-
-        function Bubble(options) {
-            Base.call(this, options);
-        }
-        util.inherits(Bubble, Base);
-
-        /**
-         * 泡泡
-         *
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        Bubble.prototype._start = function (addShapeHandle, refreshHandle) {
-            
-            // 特效默认配置
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#888'
-                    },
-                    backgroundColor : 'rgba(250, 250, 250, 0.8)',
-                    effect : {
-                        n : 50,
-                        lineWidth : 2,
-                        brushType : 'stroke',
-                        color : 'random',
-                        timeInterval : 100
-                    }
-                }
-            );
-
-            var textShape = this.createTextShape(options.textStyle);
-            var background = this.createBackgroundShape(options.backgroundColor);
-
-            var effectOption = options.effect;
-            var n = effectOption.n;
-            var brushType = effectOption.brushType;
-            var lineWidth = effectOption.lineWidth;
-
-            var shapeList = [];
-            var canvasWidth = this.canvasWidth;
-            var canvasHeight = this.canvasHeight;
-            
-            // 初始化动画元素
-            for (var i = 0; i < n; i++) {
-                var color = effectOption.color == 'random'
-                    ? zrColor.alpha(zrColor.random(), 0.3)
-                    : effectOption.color;
-
-                shapeList[i] = new CircleShape({
-                    highlightStyle : {
-                        x : Math.ceil(Math.random() * canvasWidth),
-                        y : Math.ceil(Math.random() * canvasHeight),
-                        r : Math.ceil(Math.random() * 40),
-                        brushType : brushType,
-                        color : color,
-                        strokeColor : color,
-                        lineWidth : lineWidth
-                    },
-                    animationY : Math.ceil(Math.random() * 20)
-                });
-            }
-            
-            return setInterval(
-                function () {
-                    addShapeHandle(background);
-                    
-                    for (var i = 0; i < n; i++) {
-                        var style = shapeList[i].highlightStyle;
-
-                        if (style.y - shapeList[i].animationY + style.r <= 0) {
-                            shapeList[i].highlightStyle.y = canvasHeight + style.r;
-                            shapeList[i].highlightStyle.x = Math.ceil(
-                                Math.random() * canvasWidth
-                            );
-                        }
-                        shapeList[i].highlightStyle.y -=
-                            shapeList[i].animationY;
-
-                        addShapeHandle(shapeList[i]);
-                    }
-
-                    addShapeHandle(textShape);
-                    refreshHandle();
-                },
-                effectOption.timeInterval
-            );
-        };
-
-        return Bubble;
-    }
-);
-
-
-define(
-    'zrender/loadingEffect/DynamicLine',['require','./Base','../tool/util','../tool/color','../shape/Line'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrColor = require('../tool/color');
-        var LineShape = require('../shape/Line');
-
-        function DynamicLine(options) {
-            Base.call(this, options);
-        }
-        util.inherits(DynamicLine, Base);
-
-
-        /**
-         * 动态线
-         * 
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        DynamicLine.prototype._start = function (addShapeHandle, refreshHandle) {
-            // 特效默认配置
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#fff'
-                    },
-                    backgroundColor : 'rgba(0, 0, 0, 0.8)',
-                    effectOption : {
-                        n : 30,
-                        lineWidth : 1,
-                        color : 'random',
-                        timeInterval : 100
-                    }
-                }
-            );
-
-            var textShape = this.createTextShape(options.textStyle);
-            var background = this.createBackgroundShape(options.backgroundColor);
-
-            var effectOption = options.effectOption;
-            var n = effectOption.n;
-            var lineWidth = effectOption.lineWidth;
-
-            var shapeList = [];
-            var canvasWidth = this.canvasWidth;
-            var canvasHeight = this.canvasHeight;
-            
-            // 初始化动画元素
-            for (var i = 0; i < n; i++) {
-                var xStart = -Math.ceil(Math.random() * 1000);
-                var len = Math.ceil(Math.random() * 400);
-                var pos = Math.ceil(Math.random() * canvasHeight);
-
-                var color = effectOption.color == 'random'
-                    ? zrColor.random()
-                    : effectOption.color;
-                
-                shapeList[i] = new LineShape({
-                    highlightStyle : {
-                        xStart : xStart,
-                        yStart : pos,
-                        xEnd : xStart + len,
-                        yEnd : pos,
-                        strokeColor : color,
-                        lineWidth : lineWidth
-                    },
-                    animationX : Math.ceil(Math.random() * 100),
-                    len : len
-                });
-            }
-            
-            return setInterval(
-                function() {
-                    addShapeHandle(background);
-                    
-                    for (var i = 0; i < n; i++) {
-                        var style = shapeList[i].highlightStyle;
-
-                        if (style.xStart >= canvasWidth) {
-                            
-                            shapeList[i].len = Math.ceil(Math.random() * 400);
-                            style.xStart = -400;
-                            style.xEnd = -400 + shapeList[i].len;
-                            style.yStart = Math.ceil(Math.random() * canvasHeight);
-                            style.yEnd = style.yStart;
-                        }
-
-                        style.xStart += shapeList[i].animationX;
-                        style.xEnd += shapeList[i].animationX;
-
-                        addShapeHandle(shapeList[i]);
-                    }
-
-                    addShapeHandle(textShape);
-                    refreshHandle();
-                },
-                effectOption.timeInterval
-            );
-        };
-
-        return DynamicLine;
-    }
-);
-
-
-define(
-    'zrender/loadingEffect/Ring',['require','./Base','../tool/util','../tool/color','../shape/Ring','../shape/Sector'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrColor = require('../tool/color');
-        var RingShape = require('../shape/Ring');
-        var SectorShape = require('../shape/Sector');
-
-        function Ring(options) {
-            Base.call(this, options);
-        }
-        util.inherits(Ring, Base);
-
-
-        /**
-         * 圆环
-         * 
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        Ring.prototype._start = function (addShapeHandle, refreshHandle) {
-            
-            // 特效默认配置
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#07a'
-                    },
-                    backgroundColor : 'rgba(250, 250, 250, 0.8)',
-                    effect : {
-                        x : this.canvasWidth / 2,
-                        y : this.canvasHeight / 2,
-                        r0 : 60,
-                        r : 100,
-                        color : '#bbdcff',
-                        brushType: 'fill',
-                        textPosition : 'inside',
-                        textFont : 'normal 30px verdana',
-                        textColor : 'rgba(30, 144, 255, 0.6)',
-                        timeInterval : 100
-                    }
-                }
-            );
-
-            var effectOption = options.effect;
-
-            var textStyle = options.textStyle;
-            if (textStyle.x == null) {
-                textStyle.x = effectOption.x;
-            }
-            if (textStyle.y == null) {
-                textStyle.y = (effectOption.y + (effectOption.r0 + effectOption.r) / 2 - 5);
-            }
-            
-            var textShape = this.createTextShape(options.textStyle);
-            var background = this.createBackgroundShape(options.backgroundColor);
-
-            var x = effectOption.x;
-            var y = effectOption.y;
-            var r0 = effectOption.r0 + 6;
-            var r = effectOption.r - 6;
-            var color = effectOption.color;
-            var darkColor = zrColor.lift(color, 0.1);
-
-            var shapeRing = new RingShape({
-                highlightStyle : util.clone(effectOption)
-            });
-
-            // 初始化动画元素
-            var shapeList = [];
-            var clolrList = zrColor.getGradientColors(
-                [ '#ff6400', '#ffe100', '#97ff00' ], 25
-            );
-            var preAngle = 15;
-            var endAngle = 240;
-
-            for (var i = 0; i < 16; i++) {
-                shapeList.push(new SectorShape({
-                    highlightStyle  : {
-                        x : x,
-                        y : y,
-                        r0 : r0,
-                        r : r,
-                        startAngle : endAngle - preAngle,
-                        endAngle : endAngle,
-                        brushType: 'fill',
-                        color : darkColor
-                    },
-                    _color : zrColor.getLinearGradient(
-                        x + r0 * Math.cos(endAngle, true),
-                        y - r0 * Math.sin(endAngle, true),
-                        x + r0 * Math.cos(endAngle - preAngle, true),
-                        y - r0 * Math.sin(endAngle - preAngle, true),
-                        [
-                            [ 0, clolrList[i * 2] ],
-                            [ 1, clolrList[i * 2 + 1] ]
-                        ]
-                    )
-                }));
-                endAngle -= preAngle;
-            }
-            endAngle = 360;
-            for (var i = 0; i < 4; i++) {
-                shapeList.push(new SectorShape({
-                    highlightStyle  : {
-                        x : x,
-                        y : y,
-                        r0 : r0,
-                        r : r,
-                        startAngle : endAngle - preAngle,
-                        endAngle : endAngle,
-                        brushType: 'fill',
-                        color : darkColor
-                    },
-                    _color : zrColor.getLinearGradient(
-                        x + r0 * Math.cos(endAngle, true),
-                        y - r0 * Math.sin(endAngle, true),
-                        x + r0 * Math.cos(endAngle - preAngle, true),
-                        y - r0 * Math.sin(endAngle - preAngle, true),
-                        [
-                            [ 0, clolrList[i * 2 + 32] ],
-                            [ 1, clolrList[i * 2 + 33] ]
-                        ]
-                    )
-                }));
-                endAngle -= preAngle;
-            }
-
-            var n = 0;
-            if (options.progress != null) {
-                // 指定进度
-                addShapeHandle(background);
-
-                n = this.adjust(options.progress, [ 0, 1 ]).toFixed(2) * 100 / 5;
-                shapeRing.highlightStyle.text = n * 5 + '%';
-                addShapeHandle(shapeRing);
-
-                for (var i = 0; i < 20; i++) {
-                    shapeList[i].highlightStyle.color = i < n
-                        ? shapeList[i]._color : darkColor;
-                    addShapeHandle(shapeList[i]);
-                }
-
-                addShapeHandle(textShape);
-                refreshHandle();
-                return;
-            }
-
-            // 循环显示
-            return setInterval(
-                function() {
-                    addShapeHandle(background);
-
-                    n += n >= 20 ? -20 : 1;
-
-                    // shapeRing.highlightStyle.text = n * 5 + '%';
-                    addShapeHandle(shapeRing);
-
-                    for (var i = 0; i < 20; i++) {
-                        shapeList[i].highlightStyle.color = i < n
-                            ? shapeList[i]._color : darkColor;
-                        addShapeHandle(shapeList[i]);
-                    }
-
-                    addShapeHandle(textShape);
-                    refreshHandle();
-                },
-                effectOption.timeInterval
-            );
-        };
-
-        return Ring;
-    }
-);
-
-
-define(
-    'zrender/loadingEffect/Spin',['require','./Base','../tool/util','../tool/color','../tool/area','../shape/Sector'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrColor = require('../tool/color');
-        var zrArea = require('../tool/area');
-        var SectorShape = require('../shape/Sector');
-
-        function Spin(options) {
-            Base.call(this, options);
-        }
-        util.inherits(Spin, Base);
-
-        /**
-         * 旋转
-         * 
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        Spin.prototype._start = function (addShapeHandle, refreshHandle) {
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#fff',
-                        textAlign : 'start'
-                    },
-                    backgroundColor : 'rgba(0, 0, 0, 0.8)'
-                }
-            );
-            var textShape = this.createTextShape(options.textStyle);
-            
-            var textGap = 10;
-            var textWidth = zrArea.getTextWidth(
-                textShape.highlightStyle.text, textShape.highlightStyle.textFont
-            );
-            var textHeight = zrArea.getTextHeight(
-                textShape.highlightStyle.text, textShape.highlightStyle.textFont
-            );
-            
-            // 特效默认配置
-            var effectOption =  util.merge(
-                this.options.effect || {},
-                {
-                    r0 : 9,
-                    r : 15,
-                    n : 18,
-                    color : '#fff',
-                    timeInterval : 100
-                }
-            );
-            
-            var location = this.getLocation(
-                this.options.textStyle,
-                textWidth + textGap + effectOption.r * 2,
-                Math.max(effectOption.r * 2, textHeight)
-            );
-            effectOption.x = location.x + effectOption.r;
-            effectOption.y = textShape.highlightStyle.y = location.y + location.height / 2;
-            textShape.highlightStyle.x = effectOption.x + effectOption.r + textGap;
-            
-            var background = this.createBackgroundShape(options.backgroundColor);
-            var n = effectOption.n;
-            var x = effectOption.x;
-            var y = effectOption.y;
-            var r0 = effectOption.r0;
-            var r = effectOption.r;
-            var color = effectOption.color;
-
-            // 初始化动画元素
-            var shapeList = [];
-            var preAngle = Math.round(180 / n);
-            for (var i = 0; i < n; i++) {
-                shapeList[i] = new SectorShape({
-                    highlightStyle  : {
-                        x : x,
-                        y : y,
-                        r0 : r0,
-                        r : r,
-                        startAngle : preAngle * i * 2,
-                        endAngle : preAngle * i * 2 + preAngle,
-                        color : zrColor.alpha(color, (i + 1) / n),
-                        brushType: 'fill'
-                    }
-                });
-            }
-
-            var pos = [ 0, x, y ];
-
-            return setInterval(
-                function() {
-                    addShapeHandle(background);
-                    pos[0] -= 0.3;
-                    for (var i = 0; i < n; i++) {
-                        shapeList[i].rotation = pos;
-                        addShapeHandle(shapeList[i]);
-                    }
-
-                    addShapeHandle(textShape);
-                    refreshHandle();
-                },
-                effectOption.timeInterval
-            );
-        };
-
-        return Spin;
-    }
-);
-
-
-define(
-    'zrender/loadingEffect/Whirling',['require','./Base','../tool/util','../tool/area','../shape/Ring','../shape/Droplet','../shape/Circle'],function (require) {
-        var Base = require('./Base');
-        var util = require('../tool/util');
-        var zrArea = require('../tool/area');
-        var RingShape = require('../shape/Ring');
-        var DropletShape = require('../shape/Droplet');
-        var CircleShape = require('../shape/Circle');
-
-        function Whirling(options) {
-            Base.call(this, options);
-        }
-        util.inherits(Whirling, Base);
-
-        /**
-         * 旋转水滴
-         * 
-         * @param {Object} addShapeHandle
-         * @param {Object} refreshHandle
-         */
-        Whirling.prototype._start = function (addShapeHandle, refreshHandle) {
-            var options = util.merge(
-                this.options,
-                {
-                    textStyle : {
-                        color : '#888',
-                        textAlign : 'start'
-                    },
-                    backgroundColor : 'rgba(250, 250, 250, 0.8)'
-                }
-            );
-            var textShape = this.createTextShape(options.textStyle);
-            
-            var textGap = 10;
-            var textWidth = zrArea.getTextWidth(
-                textShape.highlightStyle.text, textShape.highlightStyle.textFont
-            );
-            var textHeight = zrArea.getTextHeight(
-                textShape.highlightStyle.text, textShape.highlightStyle.textFont
-            );
-            
-            // 特效默认配置
-            var effectOption = util.merge(
-                this.options.effect || {},
-                {
-                    r : 18,
-                    colorIn : '#fff',
-                    colorOut : '#555',
-                    colorWhirl : '#6cf',
-                    timeInterval : 50
-                }
-            );
-            
-            var location = this.getLocation(
-                this.options.textStyle,
-                textWidth + textGap + effectOption.r * 2,
-                Math.max(effectOption.r * 2, textHeight)
-            );
-            effectOption.x = location.x + effectOption.r;
-            effectOption.y = textShape.highlightStyle.y = location.y + location.height / 2;
-            textShape.highlightStyle.x = effectOption.x + effectOption.r + textGap;
-            
-            var background = this.createBackgroundShape(options.backgroundColor);
-            // 初始化动画元素
-            var droplet = new DropletShape({
-                highlightStyle : {
-                    a : Math.round(effectOption.r / 2),
-                    b : Math.round(effectOption.r - effectOption.r / 6),
-                    brushType : 'fill',
-                    color : effectOption.colorWhirl
-                }
-            });
-            var circleIn = new CircleShape({
-                highlightStyle : {
-                    r : Math.round(effectOption.r / 6),
-                    brushType : 'fill',
-                    color : effectOption.colorIn
-                }
-            });
-            var circleOut = new RingShape({
-                highlightStyle : {
-                    r0 : Math.round(effectOption.r - effectOption.r / 3),
-                    r : effectOption.r,
-                    brushType : 'fill',
-                    color : effectOption.colorOut
-                }
-            });
-
-            var pos = [ 0, effectOption.x, effectOption.y ];
-
-            droplet.highlightStyle.x
-                = circleIn.highlightStyle.x
-                = circleOut.highlightStyle.x
-                = pos[1];
-            droplet.highlightStyle.y
-                = circleIn.highlightStyle.y
-                = circleOut.highlightStyle.y
-                = pos[2];
-
-            return setInterval(
-                function() {
-                    addShapeHandle(background);
-                    addShapeHandle(circleOut);
-                    pos[0] -= 0.3;
-                    droplet.rotation = pos;
-                    addShapeHandle(droplet);
-                    addShapeHandle(circleIn);
-                    addShapeHandle(textShape);
-                    refreshHandle();
-                },
-                effectOption.timeInterval
-            );
-        };
-
-        return Whirling;
-    }
-);
diff --git a/doc/example/www/js/zrender.js b/doc/example/www/js/zrender.js
deleted file mode 100644
index ea75c9866..000000000
--- a/doc/example/www/js/zrender.js
+++ /dev/null
@@ -1,29 +0,0 @@
-// Copyright 2006 Google Inc.
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//   http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-// (c) 2010-2013 Thomas Fuchs
-
-// Zepto.js may be freely distributed under the MIT license.
-
-/*!
- * ZRender, a high performance canvas library.
- *  
- * Copyright (c) 2013, Baidu Inc.
- * All rights reserved.
- * 
- * LICENSE
- * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
- */
-
-define("zrender/dep/excanvas",["require"],function(e){return document.createElement("canvas").getContext?G_vmlCanvasManager=!1:function(){function f(){return this.context_||(this.context_=new I(this))}function c(e,t,n){var r=l.call(arguments,2);return function(){return e.apply(t,r.concat(l.call(arguments)))}}function h(e){return String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function p(e,t,n){e.namespaces[t]||e.namespaces.add(t,n,"#default#VML")}function d(e){p(e,"g_vml_","urn:schemas-microsoft-com:vml"),p(e,"g_o_","urn:schemas-microsoft-com:office:office");if(!e.styleSheets.ex_canvas_){var t=e.createStyleSheet();t.owningElement.id="ex_canvas_",t.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}function m(e){var t=e.srcElement;switch(e.propertyName){case"width":t.getContext().clearRect(),t.style.width=t.attributes.width.nodeValue+"px",t.firstChild.style.width=t.clientWidth+"px";break;case"height":t.getContext().clearRect(),t.style.height=t.attributes.height.nodeValue+"px",t.firstChild.style.height=t.clientHeight+"px"}}function g(e){var t=e.srcElement;t.firstChild&&(t.firstChild.style.width=t.clientWidth+"px",t.firstChild.style.height=t.clientHeight+"px")}function E(){return[[1,0,0],[0,1,0],[0,0,1]]}function S(e,t){var n=E();for(var r=0;r<3;r++)for(var i=0;i<3;i++){var s=0;for(var o=0;o<3;o++)s+=e[r][o]*t[o][i];n[r][i]=s}return n}function x(e,t){t.fillStyle=e.fillStyle,t.lineCap=e.lineCap,t.lineJoin=e.lineJoin,t.lineWidth=e.lineWidth,t.miterLimit=e.miterLimit,t.shadowBlur=e.shadowBlur,t.shadowColor=e.shadowColor,t.shadowOffsetX=e.shadowOffsetX,t.shadowOffsetY=e.shadowOffsetY,t.strokeStyle=e.strokeStyle,t.globalAlpha=e.globalAlpha,t.font=e.font,t.textAlign=e.textAlign,t.textBaseline=e.textBaseline,t.scaleX_=e.scaleX_,t.scaleY_=e.scaleY_,t.lineScale_=e.lineScale_}function N(e){var t=e.indexOf("(",3),n=e.indexOf(")",t+1),r=e.substring(t+1,n).split(",");if(r.length!=4||e.charAt(3)!="a")r[3]=1;return r}function C(e){return parseFloat(e)/100}function k(e,t,n){return Math.min(n,Math.max(t,e))}function L(e){var t,n,r,i,s,o;i=parseFloat(e[0])/360%360,i<0&&i++,s=k(C(e[1]),0,1),o=k(C(e[2]),0,1);if(s==0)t=n=r=o;else{var u=o<.5?o*(1+s):o+s-o*s,a=2*o-u;t=A(a,u,i+1/3),n=A(a,u,i),r=A(a,u,i-1/3)}return"#"+y[Math.floor(t*255)]+y[Math.floor(n*255)]+y[Math.floor(r*255)]}function A(e,t,n){return n<0&&n++,n>1&&n--,6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function M(e){if(e in O)return O[e];var t,n=1;e=String(e);if(e.charAt(0)=="#")t=e;else if(/^rgb/.test(e)){var r=N(e),t="#",i;for(var s=0;s<3;s++)r[s].indexOf("%")!=-1?i=Math.floor(C(r[s])*255):i=+r[s],t+=y[k(i,0,255)];n=+r[3]}else if(/^hsl/.test(e)){var r=N(e);t=L(r),n=r[3]}else t=T[e]||e;return O[e]={color:t,alpha:n}}function P(e){if(D[e])return D[e];var t=document.createElement("div"),n=t.style,r;try{n.font=e,r=n.fontFamily.split(",")[0]}catch(i){}return D[e]={style:n.fontStyle||_.style,variant:n.fontVariant||_.variant,weight:n.fontWeight||_.weight,size:n.fontSize||_.size,family:r||_.family}}function H(e,t){var n={};for(var r in e)n[r]=e[r];var i=parseFloat(t.currentStyle.fontSize),s=parseFloat(e.size);return typeof e.size=="number"?n.size=e.size:e.size.indexOf("px")!=-1?n.size=s:e.size.indexOf("em")!=-1?n.size=i*s:e.size.indexOf("%")!=-1?n.size=i/100*s:e.size.indexOf("pt")!=-1?n.size=s/.75:n.size=i,n}function B(e){return e.style+" "+e.variant+" "+e.weight+" "+e.size+"px '"+e.family+"'"}function F(e){return j[e]||"square"}function I(e){this.m_=E(),this.mStack_=[],this.aStack_=[],this.currentPath_=[],this.strokeStyle="#000",this.fillStyle="#000",this.lineWidth=1,this.lineJoin="miter",this.lineCap="butt",this.miterLimit=o*1,this.globalAlpha=1,this.font="12px 微软雅黑",this.textAlign="left",this.textBaseline="alphabetic",this.canvas=e;var t="width:"+e.clientWidth+"px;height:"+e.clientHeight+"px;overflow:hidden;position:absolute",n=e.ownerDocument.createElement("div");n.style.cssText=t,e.appendChild(n);var r=n.cloneNode(!1);r.style.backgroundColor="#fff",r.style.filter="alpha(opacity=0)",e.appendChild(r),this.element_=n,this.scaleX_=1,this.scaleY_=1,this.lineScale_=1}function R(e,t,n,r){e.currentPath_.push({type:"bezierCurveTo",cp1x:t.x,cp1y:t.y,cp2x:n.x,cp2y:n.y,x:r.x,y:r.y}),e.currentX_=r.x,e.currentY_=r.y}function U(e,t){var n=M(e.strokeStyle),r=n.color,i=n.alpha*e.globalAlpha,s=e.lineScale_*e.lineWidth;s<1&&(i*=s),t.push("<g_vml_:stroke",' opacity="',i,'"',' joinstyle="',e.lineJoin,'"',' miterlimit="',e.miterLimit,'"',' endcap="',F(e.lineCap),'"',' weight="',s,'px"',' color="',r,'" />')}function z(t,n,r,i){var s=t.fillStyle,u=t.scaleX_,a=t.scaleY_,f=i.x-r.x,l=i.y-r.y;if(s instanceof $){var c=0,h={x:0,y:0},p=0,d=1;if(s.type_=="gradient"){var v=s.x0_/u,m=s.y0_/a,g=s.x1_/u,y=s.y1_/a,b=W(t,v,m),w=W(t,g,y),E=w.x-b.x,S=w.y-b.y;c=Math.atan2(E,S)*180/Math.PI,c<0&&(c+=360),c<1e-6&&(c=0)}else{var b=W(t,s.x0_,s.y0_);h={x:(b.x-r.x)/f,y:(b.y-r.y)/l},f/=u*o,l/=a*o;var x=e.max(f,l);p=2*s.r0_/x,d=2*s.r1_/x-p}var T=s.colors_;T.sort(function(e,t){return e.offset-t.offset});var N=T.length,C=T[0].color,k=T[N-1].color,L=T[0].alpha*t.globalAlpha,A=T[N-1].alpha*t.globalAlpha,O=[];for(var _=0;_<N;_++){var D=T[_];O.push(D.offset*d+p+" "+D.color)}n.push('<g_vml_:fill type="',s.type_,'"',' method="none" focus="100%"',' color="',C,'"',' color2="',k,'"',' colors="',O.join(","),'"',' opacity="',A,'"',' g_o_:opacity2="',L,'"',' angle="',c,'"',' focusposition="',h.x,",",h.y,'" />')}else if(s instanceof J){if(f&&l){var P=-r.x,H=-r.y;n.push("<g_vml_:fill",' position="',P/f*u*u,",",H/l*a*a,'"',' type="tile"',' src="',s.src_,'" />')}}else{var B=M(t.fillStyle),j=B.color,F=B.alpha*t.globalAlpha;n.push('<g_vml_:fill color="',j,'" opacity="',F,'" />')}}function W(e,t,n){var r=e.m_;return{x:o*(t*r[0][0]+n*r[1][0]+r[2][0])-u,y:o*(t*r[0][1]+n*r[1][1]+r[2][1])-u}}function X(e){return isFinite(e[0][0])&&isFinite(e[0][1])&&isFinite(e[1][0])&&isFinite(e[1][1])&&isFinite(e[2][0])&&isFinite(e[2][1])}function V(e,t,n){if(!X(t))return;e.m_=t,e.scaleX_=Math.sqrt(t[0][0]*t[0][0]+t[0][1]*t[0][1]),e.scaleY_=Math.sqrt(t[1][0]*t[1][0]+t[1][1]*t[1][1]);if(n){var r=t[0][0]*t[1][1]-t[0][1]*t[1][0];e.lineScale_=s(i(r))}}function $(e){this.type_=e,this.x0_=0,this.y0_=0,this.r0_=0,this.x1_=0,this.y1_=0,this.r1_=0,this.colors_=[]}function J(e,t){Q(e);switch(t){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=t;break;default:K("SYNTAX_ERR")}this.src_=e.src,this.width_=e.width,this.height_=e.height}function K(e){throw new G(e)}function Q(e){(!e||e.nodeType!=1||e.tagName!="IMG")&&K("TYPE_MISMATCH_ERR"),e.readyState!="complete"&&K("INVALID_STATE_ERR")}function G(e){this.code=this[e],this.message=e+": DOM Exception "+this.code}var e=Math,t=e.round,n=e.sin,r=e.cos,i=e.abs,s=e.sqrt,o=10,u=o/2,a=+navigator.userAgent.match(/MSIE ([\d.]+)?/)[1],l=Array.prototype.slice;d(document);var v={init:function(e){var t=e||document;t.createElement("canvas"),t.attachEvent("onreadystatechange",c(this.init_,this,t))},init_:function(e){var t=e.getElementsByTagName("canvas");for(var n=0;n<t.length;n++)this.initElement(t[n])},initElement:function(e){if(!e.getContext){e.getContext=f,d(e.ownerDocument),e.innerHTML="",e.attachEvent("onpropertychange",m),e.attachEvent("onresize",g);var t=e.attributes;t.width&&t.width.specified?e.style.width=t.width.nodeValue+"px":e.width=e.clientWidth,t.height&&t.height.specified?e.style.height=t.height.nodeValue+"px":e.height=e.clientHeight}return e}};v.init();var y=[];for(var b=0;b<16;b++)for(var w=0;w<16;w++)y[b*16+w]=b.toString(16)+w.toString(16);var T={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",grey:"#808080",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",oldlace:"#FDF5E6",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",whitesmoke:"#F5F5F5",yellowgreen:"#9ACD32"},O={},_={style:"normal",variant:"normal",weight:"normal",size:12,family:"微软雅黑"},D={},j={butt:"flat",round:"round"},q=I.prototype;q.clearRect=function(){this.textMeasureEl_&&(this.textMeasureEl_.removeNode(!0),this.textMeasureEl_=null),this.element_.innerHTML=""},q.beginPath=function(){this.currentPath_=[]},q.moveTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"moveTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.lineTo=function(e,t){var n=W(this,e,t);this.currentPath_.push({type:"lineTo",x:n.x,y:n.y}),this.currentX_=n.x,this.currentY_=n.y},q.bezierCurveTo=function(e,t,n,r,i,s){var o=W(this,i,s),u=W(this,e,t),a=W(this,n,r);R(this,u,a,o)},q.quadraticCurveTo=function(e,t,n,r){var i=W(this,e,t),s=W(this,n,r),o={x:this.currentX_+2/3*(i.x-this.currentX_),y:this.currentY_+2/3*(i.y-this.currentY_)},u={x:o.x+(s.x-this.currentX_)/3,y:o.y+(s.y-this.currentY_)/3};R(this,o,u,s)},q.arc=function(e,t,i,s,a,f){i*=o;var l=f?"at":"wa",c=e+r(s)*i-u,h=t+n(s)*i-u,p=e+r(a)*i-u,d=t+n(a)*i-u;c==p&&!f&&(c+=.125);var v=W(this,e,t),m=W(this,c,h),g=W(this,p,d);this.currentPath_.push({type:l,x:v.x,y:v.y,radius:i,xStart:m.x,yStart:m.y,xEnd:g.x,yEnd:g.y})},q.rect=function(e,t,n,r){this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath()},q.strokeRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.stroke(),this.currentPath_=i},q.fillRect=function(e,t,n,r){var i=this.currentPath_;this.beginPath(),this.moveTo(e,t),this.lineTo(e+n,t),this.lineTo(e+n,t+r),this.lineTo(e,t+r),this.closePath(),this.fill(),this.currentPath_=i},q.createLinearGradient=function(e,t,n,r){var i=new $("gradient");return i.x0_=e,i.y0_=t,i.x1_=n,i.y1_=r,i},q.createRadialGradient=function(e,t,n,r,i,s){var o=new $("gradientradial");return o.x0_=e,o.y0_=t,o.r0_=n,o.x1_=r,o.y1_=i,o.r1_=s,o},q.drawImage=function(n,r){var i,s,u,a,f,l,c,h,p=n.runtimeStyle.width,d=n.runtimeStyle.height;n.runtimeStyle.width="auto",n.runtimeStyle.height="auto";var v=n.width,m=n.height;n.runtimeStyle.width=p,n.runtimeStyle.height=d;if(arguments.length==3)i=arguments[1],s=arguments[2],f=l=0,c=u=v,h=a=m;else if(arguments.length==5)i=arguments[1],s=arguments[2],u=arguments[3],a=arguments[4],f=l=0,c=v,h=m;else{if(arguments.length!=9)throw Error("Invalid number of arguments");f=arguments[1],l=arguments[2],c=arguments[3],h=arguments[4],i=arguments[5],s=arguments[6],u=arguments[7],a=arguments[8]}var g=W(this,i,s),y=c/2,b=h/2,w=[],E=10,S=10,x=N=1;w.push(" <g_vml_:group",' coordsize="',o*E,",",o*S,'"',' coordorigin="0,0"',' style="width:',E,"px;height:",S,"px;position:absolute;");if(this.m_[0][0]!=1||this.m_[0][1]||this.m_[1][1]!=1||this.m_[1][0]){var T=[],x=this.scaleX_,N=this.scaleY_;T.push("M11=",this.m_[0][0]/x,",","M12=",this.m_[1][0]/N,",","M21=",this.m_[0][1]/x,",","M22=",this.m_[1][1]/N,",","Dx=",t(g.x/o),",","Dy=",t(g.y/o),"");var C=g,k=W(this,i+u,s),L=W(this,i,s+a),A=W(this,i+u,s+a);C.x=e.max(C.x,k.x,L.x,A.x),C.y=e.max(C.y,k.y,L.y,A.y),w.push("padding:0 ",t(C.x/o),"px ",t(C.y/o),"px 0;filter:progid:DXImageTransform.Microsoft.Matrix(",T.join(""),", SizingMethod='clip');")}else w.push("top:",t(g.y/o),"px;left:",t(g.x/o),"px;");w.push(' ">'),(f||l)&&w.push('<div style="overflow: hidden; width:',Math.ceil((u+f*u/c)*x),"px;"," height:",Math.ceil((a+l*a/h)*N),"px;"," filter:progid:DxImageTransform.Microsoft.Matrix(Dx=",-f*u/c*x,",Dy=",-l*a/h*N,');">'),w.push('<div style="width:',Math.round(x*v*u/c),"px;"," height:",Math.round(N*m*a/h),"px;"," filter:"),this.globalAlpha<1&&w.push(" progid:DXImageTransform.Microsoft.Alpha(opacity="+this.globalAlpha*100+")"),w.push(" progid:DXImageTransform.Microsoft.AlphaImageLoader(src=",n.src,',sizingMethod=scale)">'),(f||l)&&w.push("</div>"),w.push("</div></div>"),this.element_.insertAdjacentHTML("BeforeEnd",w.join(""))},q.stroke=function(e){var n=[],r=!1,i=10,s=10;n.push("<g_vml_:shape",' filled="',!!e,'"',' style="position:absolute;width:',i,"px;height:",s,'px;"',' coordorigin="0,0"',' coordsize="',o*i,",",o*s,'"',' stroked="',!e,'"',' path="');var u=!1,a={x:null,y:null},f={x:null,y:null};for(var l=0;l<this.currentPath_.length;l++){var c=this.currentPath_[l],h;switch(c.type){case"moveTo":h=c,n.push(" m ",t(c.x),",",t(c.y));break;case"lineTo":n.push(" l ",t(c.x),",",t(c.y));break;case"close":n.push(" x "),c=null;break;case"bezierCurveTo":n.push(" c ",t(c.cp1x),",",t(c.cp1y),",",t(c.cp2x),",",t(c.cp2y),",",t(c.x),",",t(c.y));break;case"at":case"wa":n.push(" ",c.type," ",t(c.x-this.scaleX_*c.radius),",",t(c.y-this.scaleY_*c.radius)," ",t(c.x+this.scaleX_*c.radius),",",t(c.y+this.scaleY_*c.radius)," ",t(c.xStart),",",t(c.yStart)," ",t(c.xEnd),",",t(c.yEnd))}if(c){if(a.x==null||c.x<a.x)a.x=c.x;if(f.x==null||c.x>f.x)f.x=c.x;if(a.y==null||c.y<a.y)a.y=c.y;if(f.y==null||c.y>f.y)f.y=c.y}}n.push(' ">'),e?z(this,n,a,f):U(this,n),n.push("</g_vml_:shape>"),this.element_.insertAdjacentHTML("beforeEnd",n.join(""))},q.fill=function(){this.stroke(!0)},q.closePath=function(){this.currentPath_.push({type:"close"})},q.save=function(){var e={};x(this,e),this.aStack_.push(e),this.mStack_.push(this.m_),this.m_=S(E(),this.m_)},q.restore=function(){this.aStack_.length&&(x(this.aStack_.pop(),this),this.m_=this.mStack_.pop())},q.translate=function(e,t){var n=[[1,0,0],[0,1,0],[e,t,1]];V(this,S(n,this.m_),!1)},q.rotate=function(e){var t=r(e),i=n(e),s=[[t,i,0],[-i,t,0],[0,0,1]];V(this,S(s,this.m_),!1)},q.scale=function(e,t){var n=[[e,0,0],[0,t,0],[0,0,1]];V(this,S(n,this.m_),!0)},q.transform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,S(o,this.m_),!0)},q.setTransform=function(e,t,n,r,i,s){var o=[[e,t,0],[n,r,0],[i,s,1]];V(this,o,!0)},q.drawText_=function(e,n,r,i,s){var u=this.m_,a=1e3,f=0,l=a,c={x:0,y:0},p=[],d=H(P(this.font),this.element_),v=B(d),m=this.element_.currentStyle,g=this.textAlign.toLowerCase();switch(g){case"left":case"center":case"right":break;case"end":g=m.direction=="ltr"?"right":"left";break;case"start":g=m.direction=="rtl"?"right":"left";break;default:g="left"}switch(this.textBaseline){case"hanging":case"top":c.y=d.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":c.y=-d.size/2.25}switch(g){case"right":f=a,l=.05;break;case"center":f=l=a/2}var y=W(this,n+c.x,r+c.y);p.push('<g_vml_:line from="',-f,' 0" to="',l,' 0.05" ',' coordsize="100 100" coordorigin="0 0"',' filled="',!s,'" stroked="',!!s,'" style="position:absolute;width:1px;height:1px;">'),s?U(this,p):z(this,p,{x:-f,y:0},{x:l,y:d.size});var b=u[0][0].toFixed(3)+","+u[1][0].toFixed(3)+","+u[0][1].toFixed(3)+","+u[1][1].toFixed(3)+",0,0",w=t(y.x/o)+","+t(y.y/o);p.push('<g_vml_:skew on="t" matrix="',b,'" ',' offset="',w,'" origin="',f,' 0" />','<g_vml_:path textpathok="true" />','<g_vml_:textpath on="true" string="',h(e),'" style="v-text-align:',g,";font:",h(v),'" /></g_vml_:line>'),this.element_.insertAdjacentHTML("beforeEnd",p.join(""))},q.fillText=function(e,t,n,r){this.drawText_(e,t,n,r,!1)},q.strokeText=function(e,t,n,r){this.drawText_(e,t,n,r,!0)},q.measureText=function(e){if(!this.textMeasureEl_){var t='<span style="position:absolute;top:-20000px;left:0;padding:0;margin:0;border:none;white-space:pre;"></span>';this.element_.insertAdjacentHTML("beforeEnd",t),this.textMeasureEl_=this.element_.lastChild}var n=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";try{this.textMeasureEl_.style.font=this.font}catch(r){}return this.textMeasureEl_.appendChild(n.createTextNode(e)),{width:this.textMeasureEl_.offsetWidth}},q.clip=function(){},q.arcTo=function(){},q.createPattern=function(e,t){return new J(e,t)},$.prototype.addColorStop=function(e,t){t=M(t),this.colors_.push({offset:e,color:t.color,alpha:t.alpha})};var Y=G.prototype=new Error;Y.INDEX_SIZE_ERR=1,Y.DOMSTRING_SIZE_ERR=2,Y.HIERARCHY_REQUEST_ERR=3,Y.WRONG_DOCUMENT_ERR=4,Y.INVALID_CHARACTER_ERR=5,Y.NO_DATA_ALLOWED_ERR=6,Y.NO_MODIFICATION_ALLOWED_ERR=7,Y.NOT_FOUND_ERR=8,Y.NOT_SUPPORTED_ERR=9,Y.INUSE_ATTRIBUTE_ERR=10,Y.INVALID_STATE_ERR=11,Y.SYNTAX_ERR=12,Y.INVALID_MODIFICATION_ERR=13,Y.NAMESPACE_ERR=14,Y.INVALID_ACCESS_ERR=15,Y.VALIDATION_ERR=16,Y.TYPE_MISMATCH_ERR=17,G_vmlCanvasManager=v,CanvasRenderingContext2D=I,CanvasGradient=$,CanvasPattern=J,DOMException=G}(),G_vmlCanvasManager}),define("zrender/tool/util",["require","../dep/excanvas"],function(e){function r(e){return e&&e.nodeType===1&&typeof e.nodeName=="string"}function i(e){if(typeof e=="object"&&e!==null){var s=e;if(e instanceof Array){s=[];for(var o=0,u=e.length;o<u;o++)s[o]=i(e[o])}else if(!t[n.call(e)]&&!r(e)){s={};for(var a in e)e.hasOwnProperty(a)&&(s[a]=i(e[a]))}return s}return e}function s(e,i,s,u){if(i.hasOwnProperty(s)){var a=e[s];if(typeof a=="object"&&!t[n.call(a)]&&!r(a))o(e[s],i[s],u);else if(u||!(s in e))e[s]=i[s]}}function o(e,t,n){for(var r in t)s(e,t,r,n);return e}function a(){if(!u){e("../dep/excanvas");if(window.G_vmlCanvasManager){var t=document.createElement("div");t.style.position="absolute",t.style.top="-1000px",document.body.appendChild(t),u=G_vmlCanvasManager.initElement(t).getContext("2d")}else u=document.createElement("canvas").getContext("2d")}return u}function v(){return l||(f=document.createElement("canvas"),c=f.width,h=f.height,l=f.getContext("2d")),l}function m(e,t){var n=100,r;e+p>c&&(c=e+p+n,f.width=c,r=!0),t+d>h&&(h=t+d+n,f.height=h,r=!0),e<-p&&(p=Math.ceil(-e/n)*n,c+=p,f.width=c,r=!0),t<-d&&(d=Math.ceil(-t/n)*n,h+=d,f.height=h,r=!0),r&&l.translate(p,d)}function g(){return{x:p,y:d}}function y(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1}function b(e,t){function r(){}var n=e.prototype;r.prototype=t.prototype,e.prototype=new r;for(var i in n)e.prototype[i]=n[i];e.constructor=e}var t={"[object Function]":1,"[object RegExp]":1,"[object Date]":1,"[object Error]":1,"[object CanvasGradient]":1},n=Object.prototype.toString,u,f,l,c,h,p=0,d=0;return{inherits:b,clone:i,merge:o,getContext:a,getPixelContext:v,getPixelOffset:g,adjustCanvasSize:m,indexOf:y}}),define("zrender/config",[],function(){var e={EVENT:{RESIZE:"resize",CLICK:"click",DBLCLICK:"dblclick",MOUSEWHEEL:"mousewheel",MOUSEMOVE:"mousemove",MOUSEOVER:"mouseover",MOUSEOUT:"mouseout",MOUSEDOWN:"mousedown",MOUSEUP:"mouseup",GLOBALOUT:"globalout",DRAGSTART:"dragstart",DRAGEND:"dragend",DRAGENTER:"dragenter",DRAGOVER:"dragover",DRAGLEAVE:"dragleave",DROP:"drop",touchClickDelay:300},catchBrushException:!1,debugMode:0,devicePixelRatio:Math.max(window.devicePixelRatio||1,1)};return e}),define("zrender/tool/log",["require","../config"],function(e){var t=e("../config");return function(){if(t.debugMode===0)return;if(t.debugMode==1)for(var e in arguments)throw new Error(arguments[e]);else if(t.debugMode>1)for(var e in arguments)console.log(arguments[e])}}),define("zrender/tool/guid",[],function(){var e=2311;return function(){return"zrender__"+e++}}),define("zrender/tool/env",[],function(){function e(e){var t=this.os={},n=this.browser={},r=e.match(/Web[kK]it[\/]{0,1}([\d.]+)/),i=e.match(/(Android);?[\s\/]+([\d.]+)?/),s=e.match(/(iPad).*OS\s([\d_]+)/),o=e.match(/(iPod)(.*OS\s([\d_]+))?/),u=!s&&e.match(/(iPhone\sOS)\s([\d_]+)/),a=e.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),f=a&&e.match(/TouchPad/),l=e.match(/Kindle\/([\d.]+)/),c=e.match(/Silk\/([\d._]+)/),h=e.match(/(BlackBerry).*Version\/([\d.]+)/),p=e.match(/(BB10).*Version\/([\d.]+)/),d=e.match(/(RIM\sTablet\sOS)\s([\d.]+)/),v=e.match(/PlayBook/),m=e.match(/Chrome\/([\d.]+)/)||e.match(/CriOS\/([\d.]+)/),g=e.match(/Firefox\/([\d.]+)/),y=e.match(/MSIE ([\d.]+)/),b=r&&e.match(/Mobile\//)&&!m,w=e.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/)&&!m,y=e.match(/MSIE\s([\d.]+)/);if(n.webkit=!!r)n.version=r[1];return i&&(t.android=!0,t.version=i[2]),u&&!o&&(t.ios=t.iphone=!0,t.version=u[2].replace(/_/g,".")),s&&(t.ios=t.ipad=!0,t.version=s[2].replace(/_/g,".")),o&&(t.ios=t.ipod=!0,t.version=o[3]?o[3].replace(/_/g,"."):null),a&&(t.webos=!0,t.version=a[2]),f&&(t.touchpad=!0),h&&(t.blackberry=!0,t.version=h[2]),p&&(t.bb10=!0,t.version=p[2]),d&&(t.rimtabletos=!0,t.version=d[2]),v&&(n.playbook=!0),l&&(t.kindle=!0,t.version=l[1]),c&&(n.silk=!0,n.version=c[1]),!c&&t.android&&e.match(/Kindle Fire/)&&(n.silk=!0),m&&(n.chrome=!0,n.version=m[1]),g&&(n.firefox=!0,n.version=g[1]),y&&(n.ie=!0,n.version=y[1]),b&&(e.match(/Safari/)||!!t.ios)&&(n.safari=!0),w&&(n.webview=!0),y&&(n.ie=!0,n.version=y[1]),t.tablet=!!(s||v||i&&!e.match(/Mobile/)||g&&e.match(/Tablet/)||y&&!e.match(/Phone/)&&e.match(/Touch/)),t.phone=!!(!t.tablet&&!t.ipod&&(i||u||a||h||p||m&&e.match(/Android/)||m&&e.match(/CriOS\/([\d.]+)/)||g&&e.match(/Mobile/)||y&&e.match(/Touch/))),{browser:n,os:t,canvasSupported:document.createElement("canvas").getContext?!0:!1}}return e(navigator.userAgent)}),define("zrender/mixin/Eventful",["require"],function(e){var t=function(){this._handlers={}};return t.prototype.one=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!0,ctx:n||this}),this)},t.prototype.bind=function(e,t,n){var r=this._handlers;return!t||!e?this:(r[e]||(r[e]=[]),r[e].push({h:t,one:!1,ctx:n||this}),this)},t.prototype.unbind=function(e,t){var n=this._handlers;if(!e)return this._handlers={},this;if(t){if(n[e]){var r=[];for(var i=0,s=n[e].length;i<s;i++)n[e][i]["h"]!=t&&r.push(n[e][i]);n[e]=r}n[e]&&n[e].length===0&&delete n[e]}else delete n[e];return this},t.prototype.dispatch=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>3&&(t=Array.prototype.slice.call(t,1));var r=this._handlers[e],i=r.length;for(var s=0;s<i;){switch(n){case 1:r[s].h.call(r[s].ctx);break;case 2:r[s].h.call(r[s].ctx,t[1]);break;case 3:r[s].h.call(r[s].ctx,t[1],t[2]);break;default:r[s].h.apply(r[s].ctx,t)}r[s].one?(r.splice(s,1),i--):s++}}return this},t.prototype.dispatchWithContext=function(e){if(this._handlers[e]){var t=arguments,n=t.length;n>4&&(t=Array.prototype.slice.call(t,1,t.length-1));var r=t[t.length-1],i=this._handlers[e],s=i.length;for(var o=0;o<s;){switch(n){case 1:i[o].h.call(r);break;case 2:i[o].h.call(r,t[1]);break;case 3:i[o].h.call(r,t[1],t[2]);break;default:i[o].h.apply(r,t)}i[o].one?(i.splice(o,1),s--):o++}}return this},t}),define("zrender/tool/event",["require","../mixin/Eventful"],function(e){function n(e){return typeof e.zrenderX!="undefined"&&e.zrenderX||typeof e.offsetX!="undefined"&&e.offsetX||typeof e.layerX!="undefined"&&e.layerX||typeof e.clientX!="undefined"&&e.clientX}function r(e){return typeof e.zrenderY!="undefined"&&e.zrenderY||typeof e.offsetY!="undefined"&&e.offsetY||typeof e.layerY!="undefined"&&e.layerY||typeof e.clientY!="undefined"&&e.clientY}function i(e){return typeof e.zrenderDelta!="undefined"&&e.zrenderDelta||typeof e.wheelDelta!="undefined"&&e.wheelDelta||typeof e.detail!="undefined"&&-e.detail}var t=e("../mixin/Eventful"),s=typeof window.addEventListener=="function"?function(e){e.preventDefault(),e.stopPropagation(),e.cancelBubble=!0}:function(e){e.returnValue=!1,e.cancelBubble=!0};return{getX:n,getY:r,getDelta:i,stop:s,Dispatcher:t}}),define("zrender/tool/vector",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(t,n){var r=new e(2);return r[0]=t||0,r[1]=n||0,r},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e},set:function(e,t,n){return e[0]=t,e[1]=n,e},add:function(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e},scaleAndAdd:function(e,t,n,r){return e[0]=t[0]+n[0]*r,e[1]=t[1]+n[1]*r,e},sub:function(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e},len:function(e){return Math.sqrt(this.lenSquare(e))},lenSquare:function(e){return e[0]*e[0]+e[1]*e[1]},mul:function(e,t,n){return e[0]=t[0]*n[0],e[1]=t[1]*n[1],e},div:function(e,t,n){return e[0]=t[0]/n[0],e[1]=t[1]/n[1],e},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]},scale:function(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e},normalize:function(e,n){var r=t.len(n);return r===0?(e[0]=0,e[1]=0):(e[0]=n[0]/r,e[1]=n[1]/r),e},distance:function(e,t){return Math.sqrt((e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1]))},distanceSquare:function(e,t){return(e[0]-t[0])*(e[0]-t[0])+(e[1]-t[1])*(e[1]-t[1])},negate:function(e,t){return e[0]=-t[0],e[1]=-t[1],e},lerp:function(e,t,n,r){return e[0]=t[0]+r*(n[0]-t[0]),e[1]=t[1]+r*(n[1]-t[1]),e},applyTransform:function(e,t,n){var r=t[0],i=t[1];return e[0]=n[0]*r+n[2]*i+n[4],e[1]=n[1]*r+n[3]*i+n[5],e},min:function(e,t,n){return e[0]=Math.min(t[0],n[0]),e[1]=Math.min(t[1],n[1]),e},max:function(e,t,n){return e[0]=Math.max(t[0],n[0]),e[1]=Math.max(t[1],n[1]),e}};return t.length=t.len,t.lengthSquare=t.lenSquare,t.dist=t.distance,t.distSquare=t.distanceSquare,t}),define("zrender/tool/matrix",[],function(){var e=typeof Float32Array=="undefined"?Array:Float32Array,t={create:function(){var n=new e(6);return t.identity(n),n},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e[4]=0,e[5]=0,e},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e},mul:function(e,t,n){return e[0]=t[0]*n[0]+t[2]*n[1],e[1]=t[1]*n[0]+t[3]*n[1],e[2]=t[0]*n[2]+t[2]*n[3],e[3]=t[1]*n[2]+t[3]*n[3],e[4]=t[0]*n[4]+t[2]*n[5]+t[4],e[5]=t[1]*n[4]+t[3]*n[5]+t[5],e},translate:function(e,t,n){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4]+n[0],e[5]=t[5]+n[1],e},rotate:function(e,t,n){var r=t[0],i=t[2],s=t[4],o=t[1],u=t[3],a=t[5],f=Math.sin(n),l=Math.cos(n);return e[0]=r*l+o*f,e[1]=-r*f+o*l,e[2]=i*l+u*f,e[3]=-i*f+l*u,e[4]=l*s+f*a,e[5]=l*a-f*s,e},scale:function(e,t,n){var r=n[0],i=n[1];return e[0]=t[0]*r,e[1]=t[1]*i,e[2]=t[2]*r,e[3]=t[3]*i,e[4]=t[4]*r,e[5]=t[5]*i,e},invert:function(e,t){var n=t[0],r=t[2],i=t[4],s=t[1],o=t[3],u=t[5],a=n*o-s*r;return a?(a=1/a,e[0]=o*a,e[1]=-s*a,e[2]=-r*a,e[3]=n*a,e[4]=(r*u-o*i)*a,e[5]=(s*i-n*u)*a,e):null},mulVector:function(e,t,n){var r=t[0],i=t[2],s=t[4],o=t[1],u=t[3],a=t[5];return e[0]=n[0]*r+n[1]*i+s,e[1]=n[0]*o+n[1]*u+a,e}};return t}),define("zrender/Handler",["require","./config","./tool/env","./tool/event","./tool/util","./tool/vector","./tool/matrix","./mixin/Eventful"],function(e){function c(e,t){return function(n){return e.call(t,n)}}function h(e,t){return function(n,r,i){return e.call(t,n,r,i)}}function p(e){var t=f.length;while(t--){var n=f[t];e["_"+n+"Handler"]=c(l[n],e)}}function m(e,t,n){if(this._draggingTarget&&this._draggingTarget.id==e.id||e.isSilent())return!1;var r=this._event;if(e.isCover(t,n)){e.hoverable&&this.storage.addHover(e);var i=e.parent;while(i){if(i.clipShape&&!i.clipShape.isCover(this._mouseX,this._mouseY))return!1;i=i.parent}return this._lastHover!=e&&(this._processOutShape(r),this._processDragLeave(r),this._lastHover=e,this._processDragEnter(r)),this._processOverShape(r),this._processDragOver(r),this._hasfound=1,!0}return!1}var t=e("./config"),n=e("./tool/env"),r=e("./tool/event"),i=e("./tool/util"),s=e("./tool/vector"),o=e("./tool/matrix"),u=t.EVENT,a=e("./mixin/Eventful"),f=["resize","click","dblclick","mousewheel","mousemove","mouseout","mouseup","mousedown","touchstart","touchend","touchmove"],l={resize:function(e){e=e||window.event,this._lastHover=null,this._isMouseDown=0,this.dispatch(u.RESIZE,e)},click:function(e){e=this._zrenderEventFixed(e);var t=this._lastHover;(t&&t.clickable||!t)&&this._clickThreshold<5&&this._dispatchAgency(t,u.CLICK,e),this._mousemoveHandler(e)},dblclick:function(e){e=e||window.event,e=this._zrenderEventFixed(e);var t=this._lastHover;(t&&t.clickable||!t)&&this._clickThreshold<5&&this._dispatchAgency(t,u.DBLCLICK,e),this._mousemoveHandler(e)},mousewheel:function(e){e=this._zrenderEventFixed(e);var t=e.wheelDelta||-e.detail,n=t>0?1.1:1/1.1,i=!1,s=this._mouseX,o=this._mouseY;this.painter.eachBuildinLayer(function(t){var u=t.position;if(t.zoomable){t.__zoom=t.__zoom||1;var a=t.__zoom;a*=n,a=Math.max(Math.min(t.maxZoom,a),t.minZoom),n=a/t.__zoom,t.__zoom=a,u[0]-=(s-u[0])*(n-1),u[1]-=(o-u[1])*(n-1),t.scale[0]*=n,t.scale[1]*=n,t.dirty=!0,i=!0,r.stop(e)}}),i&&this.painter.refresh(),this._dispatchAgency(this._lastHover,u.MOUSEWHEEL,e),this._mousemoveHandler(e)},mousemove:function(e){if(this.painter.isLoading())return;e=this._zrenderEventFixed(e),this._lastX=this._mouseX,this._lastY=this._mouseY,this._mouseX=r.getX(e),this._mouseY=r.getY(e);var t=this._mouseX-this._lastX,n=this._mouseY-this._lastY;this._processDragStart(e),this._hasfound=0,this._event=e,this._iterateAndFindHover();if(!this._hasfound){if(!this._draggingTarget||this._lastHover&&this._lastHover!=this._draggingTarget)this._processOutShape(e),this._processDragLeave(e);this._lastHover=null,this.storage.delHover(),this.painter.clearHover()}var i="default";if(this._draggingTarget)this.storage.drift(this._draggingTarget.id,t,n),this._draggingTarget.modSelf(),this.storage.addHover(this._draggingTarget),this._clickThreshold++;else if(this._isMouseDown){var s=!1;this.painter.eachBuildinLayer(function(e){e.panable&&(i="move",e.position[0]+=t,e.position[1]+=n,s=!0,e.dirty=!0)}),s&&this.painter.refresh()}this._draggingTarget||this._hasfound&&this._lastHover.draggable?i="move":this._hasfound&&this._lastHover.clickable&&(i="pointer"),this.root.style.cursor=i,this._dispatchAgency(this._lastHover,u.MOUSEMOVE,e),(this._draggingTarget||this._hasfound||this.storage.hasHoverShape())&&this.painter.refreshHover()},mouseout:function(e){e=this._zrenderEventFixed(e);var t=e.toElement||e.relatedTarget;if(t!=this.root)while(t&&t.nodeType!=9){if(t==this.root){this._mousemoveHandler(e);return}t=t.parentNode}e.zrenderX=this._lastX,e.zrenderY=this._lastY,this.root.style.cursor="default",this._isMouseDown=0,this._processOutShape(e),this._processDrop(e),this._processDragEnd(e),this.painter.isLoading()||this.painter.refreshHover(),this.dispatch(u.GLOBALOUT,e)},mousedown:function(e){this._clickThreshold=0;if(this._lastDownButton==2){this._lastDownButton=e.button,this._mouseDownTarget=null;return}this._lastMouseDownMoment=new Date,e=this._zrenderEventFixed(e),this._isMouseDown=1,this._mouseDownTarget=this._lastHover,this._dispatchAgency(this._lastHover,u.MOUSEDOWN,e),this._lastDownButton=e.button},mouseup:function(e){e=this._zrenderEventFixed(e),this.root.style.cursor="default",this._isMouseDown=0,this._mouseDownTarget=null,this._dispatchAgency(this._lastHover,u.MOUSEUP,e),this._processDrop(e),this._processDragEnd(e)},touchstart:function(e){e=this._zrenderEventFixed(e,!0),this._lastTouchMoment=new Date,this._mobileFindFixed(e),this._mousedownHandler(e)},touchmove:function(e){e=this._zrenderEventFixed(e,!0),this._mousemoveHandler(e),this._isDragging&&r.stop(e)},touchend:function(e){e=this._zrenderEventFixed(e,!0),this._mouseupHandler(e);var t=new Date;t-this._lastTouchMoment<u.touchClickDelay&&(this._mobileFindFixed(e),this._clickHandler(e),t-this._lastClickMoment<u.touchClickDelay/2&&(this._dblclickHandler(e),this._lastHover&&this._lastHover.clickable&&r.stop(e)),this._lastClickMoment=t),this.painter.clearHover()}},d=function(e,t,r){a.call(this),this.root=e,this.storage=t,this.painter=r,this._lastX=this._lastY=this._mouseX=this._mouseY=0,this._findHover=h(m,this),this._domHover=r.getDomHover(),p(this),window.addEventListener?(window.addEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.addEventListener("touchstart",this._touchstartHandler),e.addEventListener("touchmove",this._touchmoveHandler),e.addEventListener("touchend",this._touchendHandler)):(e.addEventListener("click",this._clickHandler),e.addEventListener("dblclick",this._dblclickHandler),e.addEventListener("mousewheel",this._mousewheelHandler),e.addEventListener("mousemove",this._mousemoveHandler),e.addEventListener("mousedown",this._mousedownHandler),e.addEventListener("mouseup",this._mouseupHandler)),e.addEventListener("DOMMouseScroll",this._mousewheelHandler),e.addEventListener("mouseout",this._mouseoutHandler)):(window.attachEvent("onresize",this._resizeHandler),e.attachEvent("onclick",this._clickHandler),e.ondblclick=this._dblclickHandler,e.attachEvent("onmousewheel",this._mousewheelHandler),e.attachEvent("onmousemove",this._mousemoveHandler),e.attachEvent("onmouseout",this._mouseoutHandler),e.attachEvent("onmousedown",this._mousedownHandler),e.attachEvent("onmouseup",this._mouseupHandler))};d.prototype.on=function(e,t,n){return this.bind(e,t,n),this},d.prototype.un=function(e,t){return this.unbind(e,t),this},d.prototype.trigger=function(e,t){switch(e){case u.RESIZE:case u.CLICK:case u.DBLCLICK:case u.MOUSEWHEEL:case u.MOUSEMOVE:case u.MOUSEDOWN:case u.MOUSEUP:case u.MOUSEOUT:this["_"+e+"Handler"](t)}},d.prototype.dispose=function(){var e=this.root;window.removeEventListener?(window.removeEventListener("resize",this._resizeHandler),n.os.tablet||n.os.phone?(e.removeEventListener("touchstart",this._touchstartHandler),e.removeEventListener("touchmove",this._touchmoveHandler),e.removeEventListener("touchend",this._touchendHandler)):(e.removeEventListener("click",this._clickHandler),e.removeEventListener("dblclick",this._dblclickHandler),e.removeEventListener("mousewheel",this._mousewheelHandler),e.removeEventListener("mousemove",this._mousemoveHandler),e.removeEventListener("mousedown",this._mousedownHandler),e.removeEventListener("mouseup",this._mouseupHandler)),e.removeEventListener("DOMMouseScroll",this._mousewheelHandler),e.removeEventListener("mouseout",this._mouseoutHandler)):(window.detachEvent("onresize",this._resizeHandler),e.detachEvent("onclick",this._clickHandler),e.detachEvent("dblclick",this._dblclickHandler),e.detachEvent("onmousewheel",this._mousewheelHandler),e.detachEvent("onmousemove",this._mousemoveHandler),e.detachEvent("onmouseout",this._mouseoutHandler),e.detachEvent("onmousedown",this._mousedownHandler),e.detachEvent("onmouseup",this._mouseupHandler)),this.root=this._domHover=this.storage=this.painter=null,this.un()},d.prototype._processDragStart=function(e){var t=this._lastHover;if(this._isMouseDown&&t&&t.draggable&&!this._draggingTarget&&this._mouseDownTarget==t){if(t.dragEnableTime&&new Date-this._lastMouseDownMoment<t.dragEnableTime)return;var n=t;this._draggingTarget=n,this._isDragging=1,n.invisible=!0,this.storage.mod(n.id),this._dispatchAgency(n,u.DRAGSTART,e),this.painter.refresh()}},d.prototype._processDragEnter=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGENTER,e,this._draggingTarget)},d.prototype._processDragOver=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGOVER,e,this._draggingTarget)},d.prototype._processDragLeave=function(e){this._draggingTarget&&this._dispatchAgency(this._lastHover,u.DRAGLEAVE,e,this._draggingTarget)},d.prototype._processDrop=function(e){this._draggingTarget&&(this._draggingTarget.invisible=!1,this.storage.mod(this._draggingTarget.id),this.painter.refresh(),this._dispatchAgency(this._lastHover,u.DROP,e,this._draggingTarget))},d.prototype._processDragEnd=function(e){this._draggingTarget&&(this._dispatchAgency(this._draggingTarget,u.DRAGEND,e),this._lastHover=null),this._isDragging=0,this._draggingTarget=null},d.prototype._processOverShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOVER,e)},d.prototype._processOutShape=function(e){this._dispatchAgency(this._lastHover,u.MOUSEOUT,e)},d.prototype._dispatchAgency=function(e,t,n,r){var i="on"+t,s={type:t,event:n,target:e,cancelBubble:!1},o=e;r&&(s.dragged=r);while(o){o[i]&&(s.cancelBubble=o[i](s)),o.dispatch(t,s),o=o.parent;if(s.cancelBubble)break}if(e)s.cancelBubble||this.dispatch(t,s);else if(!r){var u={type:t,event:n};this.dispatch(t,u),this.painter.eachOtherLayer(function(e){typeof e[i]=="function"&&e[i](u),e.dispatch&&e.dispatch(t,u)})}},d.prototype._iterateAndFindHover=function(){var e=o.create();return function(){var t=this.storage.getShapeList(),n,r,i=[0,0];for(var u=t.length-1;u>=0;u--){var a=t[u];n!==a.zlevel&&(r=this.painter.getLayer(a.zlevel,r),i[0]=this._mouseX,i[1]=this._mouseY,r.needTransform&&(o.invert(e,r.transform),s.applyTransform(i,i,e)));if(this._findHover(a,i[0],i[1]))break}}}();var v=[{x:10},{x:-20},{x:10,y:10},{y:-20}];return d.prototype._mobileFindFixed=function(e){this._lastHover=null,this._mouseX=e.zrenderX,this._mouseY=e.zrenderY,this._event=e,this._iterateAndFindHover();for(var t=0;!this._lastHover&&t<v.length;t++){var n=v[t];n.x&&(this._mouseX+=n.x),n.y&&(this._mouseY+=n.y),this._iterateAndFindHover()}this._lastHover&&(e.zrenderX=this._mouseX,e.zrenderY=this._mouseY)},d.prototype._zrenderEventFixed=function(e,t){if(e.zrenderFixed)return e;if(!t){e=e||window.event;var n=e.toElement||e.relatedTarget||e.srcElement||e.target;n&&n!=this._domHover&&(e.zrenderX=(typeof e.offsetX!="undefined"?e.offsetX:e.layerX)+n.offsetLeft,e.zrenderY=(typeof e.offsetY!="undefined"?e.offsetY:e.layerY)+n.offsetTop)}else{var r=e.type!="touchend"?e.targetTouches[0]:e.changedTouches[0];if(r){var i=this.painter._domRoot.getBoundingClientRect();e.zrenderX=r.clientX-i.left,e.zrenderY=r.clientY-i.top}}return e.zrenderFixed=1,e},i.merge(d.prototype,a.prototype,!0),d}),define("zrender/tool/curve",["require","./vector"],function(e){function a(e){return e>-n&&e<n}function f(e){return e>n||e<-n}function l(e,t,n,r,i){var s=1-i;return s*s*(s*e+3*i*t)+i*i*(i*r+3*s*n)}function c(e,t,n,r,i){var s=1-i;return 3*(((t-e)*s+2*(n-t)*i)*s+(r-n)*i*i)}function h(e,t,n,s,o,u){var f=s+3*(t-n)-e,l=3*(n-t*2+e),c=3*(t-e),h=e-o,p=l*l-3*f*c,d=l*c-9*f*h,v=c*c-3*l*h,m=0;if(a(p)&&a(d))if(a(l))u[0]=0;else{var g=-c/l;g>=0&&g<=1&&(u[m++]=g)}else{var y=d*d-4*p*v;if(a(y)){var b=d/p,g=-l/f+b,w=-b/2;g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w)}else if(y>0){var E=Math.sqrt(y),S=p*l+1.5*f*(-d+E),x=p*l+1.5*f*(-d-E);S<0?S=-Math.pow(-S,i):S=Math.pow(S,i),x<0?x=-Math.pow(-x,i):x=Math.pow(x,i);var g=(-l-(S+x))/(3*f);g>=0&&g<=1&&(u[m++]=g)}else{var T=(2*p*l-3*f*d)/(2*Math.sqrt(p*p*p)),N=Math.acos(T)/3,C=Math.sqrt(p),k=Math.cos(N),g=(-l-2*C*k)/(3*f),w=(-l+C*(k+r*Math.sin(N)))/(3*f),L=(-l+C*(k-r*Math.sin(N)))/(3*f);g>=0&&g<=1&&(u[m++]=g),w>=0&&w<=1&&(u[m++]=w),L>=0&&L<=1&&(u[m++]=L)}}return m}function p(e,t,n,r,i){var s=6*n-12*t+6*e,o=9*t+3*r-3*e-9*n,u=3*t-3*e,l=0;if(a(o)){if(f(s)){var c=-u/s;c>=0&&c<=1&&(i[l++]=c)}}else{var h=s*s-4*o*u;if(a(h))i[0]=-s/(2*o);else if(h>0){var p=Math.sqrt(h),c=(-s+p)/(2*o),d=(-s-p)/(2*o);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function d(e,t,n,r,i,s){var o=(t-e)*i+e,u=(n-t)*i+t,a=(r-n)*i+n,f=(u-o)*i+o,l=(a-u)*i+u,c=(l-f)*i+f;s[0]=e,s[1]=o,s[2]=f,s[3]=c,s[4]=c,s[5]=l,s[6]=a,s[7]=r}function v(e,r,i,a,f,c,h,p,d,v,m){var g,y=.005,b=Infinity;s[0]=d,s[1]=v;for(var w=0;w<1;w+=.05){o[0]=l(e,i,f,h,w),o[1]=l(r,a,c,p,w);var E=t.distSquare(s,o);E<b&&(g=w,b=E)}b=Infinity;for(var S=0;S<32;S++){if(y<n)break;var x=g-y,T=g+y;o[0]=l(e,i,f,h,x),o[1]=l(r,a,c,p,x);var E=t.distSquare(o,s);if(x>=0&&E<b)g=x,b=E;else{u[0]=l(e,i,f,h,T),u[1]=l(r,a,c,p,T);var N=t.distSquare(u,s);T<=1&&N<b?(g=T,b=N):y*=.5}}return m&&(m[0]=l(e,i,f,h,g),m[1]=l(r,a,c,p,g)),Math.sqrt(b)}function m(e,t,n,r){var i=1-r;return i*(i*e+2*r*t)+r*r*n}function g(e,t,n,r){return 2*((1-r)*(t-e)+r*(n-t))}function y(e,t,n,r,i){var s=e-2*t+n,o=2*(t-e),u=e-r,l=0;if(a(s)){if(f(o)){var c=-u/o;c>=0&&c<=1&&(i[l++]=c)}}else{var h=o*o-4*s*u;if(a(h)){var c=-o/(2*s);c>=0&&c<=1&&(i[l++]=c)}else if(h>0){var p=Math.sqrt(h),c=(-o+p)/(2*s),d=(-o-p)/(2*s);c>=0&&c<=1&&(i[l++]=c),d>=0&&d<=1&&(i[l++]=d)}}return l}function b(e,t,n){var r=e+n-2*t;return r===0?.5:(e-t)/r}function w(e,r,i,a,f,l,c,h,p){var d,v=.005,g=Infinity;s[0]=c,s[1]=h;for(var y=0;y<1;y+=.05){o[0]=m(e,i,f,y),o[1]=m(r,a,l,y);var b=t.distSquare(s,o);b<g&&(d=y,g=b)}g=Infinity;for(var w=0;w<32;w++){if(v<n)break;var E=d-v,S=d+v;o[0]=m(e,i,f,E),o[1]=m(r,a,l,E);var b=t.distSquare(o,s);if(E>=0&&b<g)d=E,g=b;else{u[0]=m(e,i,f,S),u[1]=m(r,a,l,S);var x=t.distSquare(u,s);S<=1&&x<g?(d=S,g=x):v*=.5}}return p&&(p[0]=m(e,i,f,d),p[1]=m(r,a,l,d)),Math.sqrt(g)}var t=e("./vector"),n=1e-4,r=Math.sqrt(3),i=1/3,s=t.create(),o=t.create(),u=t.create();return{cubicAt:l,cubicDerivativeAt:c,cubicRootAt:h,cubicExtrema:p,cubicSubdivide:d,cubicProjectPoint:v,quadraticAt:m,quadraticDerivativeAt:g,quadraticRootAt:y,quadraticExtremum:b,quadraticProjectPoint:w}}),define("zrender/tool/area",["require","./util","./curve"],function(e){function l(e){return e%=f,e<0&&(e+=f),e}function c(e,n,i,s){if(!n||!e)return!1;var o=e.type;r=r||t.getContext();var u=h(e,n,i,s);if(typeof u!="undefined")return u;if(e.buildPath&&r.isPointInPath)return p(e,r,n,i,s);switch(o){case"ellipse":return!0;case"trochoid":var a=n.location=="out"?n.r1+n.r2+n.d:n.r1-n.r2+n.d;return S(n,i,s,a);case"rose":return S(n,i,s,n.maxr);default:return!1}}function h(e,t,n,r){var i=e.type;switch(i){case"bezier-curve":if(typeof t.cpX2=="undefined")return g(t.xStart,t.yStart,t.cpX1,t.cpY1,t.xEnd,t.yEnd,t.lineWidth,n,r);return m(t.xStart,t.yStart,t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd,t.lineWidth,n,r);case"line":return v(t.xStart,t.yStart,t.xEnd,t.yEnd,t.lineWidth,n,r);case"polyline":return b(t.pointList,t.lineWidth,n,r);case"ring":return w(t.x,t.y,t.r0,t.r,n,r);case"circle":return S(t.x,t.y,t.r,n,r);case"sector":var s=t.startAngle*Math.PI/180,o=t.endAngle*Math.PI/180;return t.clockWise||(s=-s,o=-o),x(t.x,t.y,t.r0,t.r,s,o,!t.clockWise,n,r);case"path":return t.pathArray&&_(t.pathArray,Math.max(t.lineWidth,5),t.brushType,n,r);case"polygon":case"star":case"isogon":return T(t.pointList,n,r);case"text":var u=t.__rect||e.getRect(t);return E(u.x,u.y,u.width,u.height,n,r);case"rectangle":case"image":return E(t.x,t.y,t.width,t.height,n,r)}}function p(e,t,n,r,i){return t.beginPath(),e.buildPath(t,n),t.closePath(),t.isPointInPath(r,i)}function d(e,t,n,r){return!c(e,t,n,r)}function v(e,t,n,r,i,s,o){if(i===0)return!1;var u=Math.max(i,5),a=0,f=e;if(o>t+u&&o>r+u||o<t-u&&o<r-u||s>e+u&&s>n+u||s<e-u&&s<n-u)return!1;if(e===n)return Math.abs(s-e)<=u/2;a=(t-r)/(e-n),f=(e*r-n*t)/(e-n);var l=a*s-o+f,c=l*l/(a*a+1);return c<=u/2*u/2}function m(e,t,r,i,s,o,u,a,f,l,c){if(f===0)return!1;var h=Math.max(f,5);if(c>t+h&&c>i+h&&c>o+h&&c>a+h||c<t-h&&c<i-h&&c<o-h&&c<a-h||l>e+h&&l>r+h&&l>s+h&&l>u+h||l<e-h&&l<r-h&&l<s-h&&l<u-h)return!1;var p=n.cubicProjectPoint(e,t,r,i,s,o,u,a,l,c,null);return p<=h/2}function g(e,t,r,i,s,o,u,a,f){if(u===0)return!1;var l=Math.max(u,5);if(f>t+l&&f>i+l&&f>o+l||f<t-l&&f<i-l&&f<o-l||a>e+l&&a>r+l&&a>s+l||a<e-l&&a<r-l&&a<s-l)return!1;var c=n.quadraticProjectPoint(e,t,r,i,s,o,a,f,null);return c<=l/2}function y(e,t,n,r,i,s,o,u,a){if(o===0)return!1;var c=Math.max(o,5);u-=e,a-=t;var h=Math.sqrt(u*u+a*a);if(h-c>n||h+c<n)return!1;if(Math.abs(r-i)>=f)return!0;if(s){var p=r;r=l(i),i=l(p)}else r=l(r),i=l(i);r>i&&(i+=f);var d=Math.atan2(a,u);return d<0&&(d+=f),d>=r&&d<=i||d+f>=r&&d+f<=i}function b(e,t,n,r){var t=Math.max(t,10);for(var i=0,s=e.length-1;i<s;i++){var o=e[i][0],u=e[i][1],a=e[i+1][0],f=e[i+1][1];if(v(o,u,a,f,t,n,r))return!0}return!1}function w(e,t,n,r,i,s){var o=(i-e)*(i-e)+(s-t)*(s-t);return o<r*r&&o>n*n}function E(e,t,n,r,i,s){return i>=e&&i<=e+n&&s>=t&&s<=t+r}function S(e,t,n,r,i){return(r-e)*(r-e)+(i-t)*(i-t)<n*n}function x(e,t,n,r,i,s,o,u,a){return y(e,t,(n+r)/2,i,s,o,r-n,u,a)}function T(e,t,n){var r=e.length,i=0;for(var s=0,o=r-1;s<r;s++){var u=e[o][0],a=e[o][1],f=e[s][0],l=e[s][1];i+=N(u,a,f,l,t,n),o=s}return i!==0}function N(e,t,n,r,i,s){if(s>t&&s>r||s<t&&s<r)return 0;if(r==t)return 0;var o=r<t?1:-1,u=(s-t)/(r-t),a=u*(n-e)+e;return a>i?o:0}function L(){var e=k[0];k[0]=k[1],k[1]=e}function A(e,t,r,i,s,o,u,a,f,l){if(l>t&&l>i&&l>o&&l>a||l<t&&l<i&&l<o&&l<a)return 0;var c=n.cubicRootAt(t,i,o,a,l,C);if(c===0)return 0;var h=0,p=-1,d,v;for(var m=0;m<c;m++){var g=C[m],y=n.cubicAt(e,r,s,u,g);if(y<f)continue;p<0&&(p=n.cubicExtrema(t,i,o,a,k),k[1]<k[0]&&p>1&&L(),d=n.cubicAt(t,i,o,a,k[0]),p>1&&(v=n.cubicAt(t,i,o,a,k[1]))),p==2?g<k[0]?h+=d<t?1:-1:g<k[1]?h+=v<d?1:-1:h+=a<v?1:-1:g<k[0]?h+=d<t?1:-1:h+=a<d?1:-1}return h}function O(e,t,r,i,s,o,u,a){if(a>t&&a>i&&a>o||a<t&&a<i&&a<o)return 0;var f=n.quadraticRootAt(t,i,o,a,C);if(f===0)return 0;var l=n.quadraticExtremum(t,i,o);if(l>=0&&l<=1){var c=0,h=n.quadraticAt(t,i,o,l);for(var p=0;p<f;p++){var d=n.quadraticAt(e,r,s,C[p]);if(d>u)continue;C[p]<l?c+=h<t?1:-1:c+=o<h?1:-1}return c}var d=n.quadraticAt(e,r,s,C[0]);return d>u?0:o<t?1:-1}function M(e,t,n,r,i,s,o,u){u-=t;if(u>n||u<-n)return 0;var a=Math.sqrt(n*n-u*u);C[0]=-a,C[1]=a;if(Math.abs(r-i)>=f){r=0,i=f;var c=s?1:-1;return o>=C[0]+e&&o<=C[1]+e?c:0}if(s){var a=r;r=l(i),i=l(a)}else r=l(r),i=l(i);r>i&&(i+=f);var h=0;for(var p=0;p<2;p++){var d=C[p];if(d+e>o){var v=Math.atan2(u,d),c=s?1:-1;v<0&&(v=f+v);if(v>=r&&v<=i||v+f>=r&&v+f<=i)v>Math.PI/2&&v<Math.PI*1.5&&(c=-c),h+=c}}return h}function _(e,t,n,r,i){var s=0,o=0,u=0,a=0,f=0,l=!0,c=!0;n=n||"fill";var h=n==="stroke"||n==="both",p=n==="fill"||n==="both";for(var d=0;d<e.length;d++){var b=e[d],w=b.points;if(l||b.command==="M"){if(d>0){p&&(s+=N(o,u,a,f,r,i));if(s!==0)return!0}a=w[w.length-2],f=w[w.length-1],l=!1,c&&b.command!=="A"&&(c=!1,o=a,u=f)}switch(b.command){case"M":o=w[0],u=w[1];break;case"L":if(h&&v(o,u,w[0],w[1],t,r,i))return!0;p&&(s+=N(o,u,w[0],w[1],r,i)),o=w[0],u=w[1];break;case"C":if(h&&m(o,u,w[0],w[1],w[2],w[3],w[4],w[5],t,r,i))return!0;p&&(s+=A(o,u,w[0],w[1],w[2],w[3],w[4],w[5],r,i)),o=w[4],u=w[5];break;case"Q":if(h&&g(o,u,w[0],w[1],w[2],w[3],t,r,i))return!0;p&&(s+=O(o,u,w[0],w[1],w[2],w[3],r,i)),o=w[2],u=w[3];break;case"A":var E=w[0],S=w[1],x=w[2],T=w[3],C=w[4],k=w[5],L=Math.cos(C)*x+E,_=Math.sin(C)*T+S;c?(c=!1,a=L,f=_):s+=N(o,u,L,_);var D=(r-E)*T/x+E;if(h&&y(E,S,T,C,C+k,1-w[7],t,D,i))return!0;p&&(s+=M(E,S,T,C,C+k,1-w[7],D,i)),o=Math.cos(C+k)*x+E,u=Math.sin(C+k)*T+S;break;case"z":if(h&&v(o,u,a,f,t,r,i))return!0;l=!0}}return p&&(s+=N(o,u,a,f,r,i)),s!==0}function D(e,n){var s=e+":"+n;if(i[s])return i[s];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var u=0;for(var f=0,l=e.length;f<l;f++)u=Math.max(r.measureText(e[f]).width,u);return r.restore(),i[s]=u,++o>a&&(o=0,i={}),u}function P(e,n){var i=e+":"+n;if(s[i])return s[i];r=r||t.getContext(),r.save(),n&&(r.font=n),e=(e+"").split("\n");var o=(r.measureText("国").width+2)*e.length;return r.restore(),s[i]=o,++u>a&&(u=0,s={}),o}var t=e("./util"),n=e("./curve"),r,i={},s={},o=0,u=0,a=5e3,f=Math.PI*2,C=[-1,-1,-1],k=[-1,-1];return{isInside:c,isOutside:d,getTextWidth:D,getTextHeight:P,isInsidePath:_,isInsidePolygon:T,isInsideSector:x,isInsideCircle:S,isInsideLine:v,isInsideRect:E,isInsidePolyline:b,isInsideCubicStroke:m,isInsideQuadraticStroke:g}}),define("zrender/mixin/Transformable",["require","../tool/matrix","../tool/vector"],function(e){function s(e){return e>-i&&e<i}function o(e){return e>i||e<-i}var t=e("../tool/matrix"),n=e("../tool/vector"),r=[0,0],i=5e-5,u=function(){this.position||(this.position=[0,0]),typeof this.rotation=="undefined"&&(this.rotation=[0,0,0]),this.scale||(this.scale=[1,1,0,0]),this.needLocalTransform=!1,this.needTransform=!1};return u.prototype={constructor:u,updateNeedTransform:function(){this.needLocalTransform=o(this.rotation[0])||o(this.position[0])||o(this.position[1])||o(this.scale[0]-1)||o(this.scale[1]-1)},updateTransform:function(){this.updateNeedTransform(),this.parent?this.needTransform=this.needLocalTransform||this.parent.needTransform:this.needTransform=this.needLocalTransform;if(!this.needTransform)return;var e=this.transform||t.create();t.identity(e);if(this.needLocalTransform){if(o(this.scale[0])||o(this.scale[1])){r[0]=-this.scale[2]||0,r[1]=-this.scale[3]||0;var n=o(r[0])||o(r[1]);n&&t.translate(e,e,r),t.scale(e,e,this.scale),n&&(r[0]=-r[0],r[1]=-r[1],t.translate(e,e,r))}if(this.rotation instanceof Array){if(this.rotation[0]!==0){r[0]=-this.rotation[1]||0,r[1]=-this.rotation[2]||0;var n=o(r[0])||o(r[1]);n&&t.translate(e,e,r),t.rotate(e,e,this.rotation[0]),n&&(r[0]=-r[0],r[1]=-r[1],t.translate(e,e,r))}}else this.rotation!==0&&t.rotate(e,e,this.rotation);(o(this.position[0])||o(this.position[1]))&&t.translate(e,e,this.position)}this.transform=e,this.parent&&this.parent.needTransform&&(this.needLocalTransform?t.mul(this.transform,this.parent.transform,this.transform):t.copy(this.transform,this.parent.transform))},setTransform:function(e){if(this.needTransform){var t=this.transform;e.transform(t[0],t[1],t[2],t[3],t[4],t[5])}},lookAt:function(){var e=n.create();return function(r){this.transform||(this.transform=t.create());var i=this.transform;n.sub(e,r,this.position);if(s(e[0])&&s(e[1]))return;n.normalize(e,e),i[2]=e[0]*this.scale[1],i[3]=e[1]*this.scale[1],i[0]=e[1]*this.scale[0],i[1]=-e[0]*this.scale[0],i[4]=this.position[0],i[5]=this.position[1],this.decomposeTransform()}}(),decomposeTransform:function(){if(!this.transform)return;var e=this.transform,t=e[0]*e[0]+e[1]*e[1],n=this.position,r=this.scale,i=this.rotation;o(t-1)&&(t=Math.sqrt(t));var s=e[2]*e[2]+e[3]*e[3];o(s-1)&&(s=Math.sqrt(s)),n[0]=e[4],n[1]=e[5],r[0]=t,r[1]=s,r[2]=r[3]=0,i[0]=Math.atan2(-e[1]/s,e[0]/t),i[1]=i[2]=0}},u}),define("zrender/tool/color",["require","../tool/util"],function(e){function f(e){r=e}function l(){r=i}function c(e,t){return e|=0,t=t||r,t[e%t.length]}function h(e){s=e}function p(){o=s}function d(){return s}function v(e,r,i,s,o,u,a){n||(n=t.getContext());var f=n.createRadialGradient(e,r,i,s,o,u);for(var l=0,c=a.length;l<c;l++)f.addColorStop(a[l][0],a[l][1]);return f.__nonRecursion=!0,f}function m(e,r,i,s,o){n||(n=t.getContext());var u=n.createLinearGradient(e,r,i,s);for(var a=0,f=o.length;a<f;a++)u.addColorStop(o[a][0],o[a][1]);return u.__nonRecursion=!0,u}function g(e,t,n){e=S(e),t=S(t),e=F(e),t=F(t);var r=[],i=(t[0]-e[0])/n,s=(t[1]-e[1])/n,o=(t[2]-e[2])/n,u=(t[3]-e[3])/n;for(var a=0,f=e[0],l=e[1],c=e[2],h=e[3];a<n;a++)r[a]=b([R(Math.floor(f),[0,255]),R(Math.floor(l),[0,255]),R(Math.floor(c),[0,255]),h.toFixed(4)-0],"rgba"),f+=i,l+=s,c+=o,h+=u;return f=t[0],l=t[1],c=t[2],h=t[3],r[a]=b([f,l,c,h],"rgba"),r}function y(e,t){var n=[],r=e.length;t===undefined&&(t=20);if(r===1)n=g(e[0],e[0],t);else if(r>1)for(var i=0,s=r-1;i<s;i++){var o=g(e[i],e[i+1],t);i<s-1&&o.pop(),n=n.concat(o)}return n}function b(e,t){t=t||"rgb";if(e&&(e.length===3||e.length===4)){e=q(e,function(e){return e>1?Math.ceil(e):e});if(t.indexOf("hex")>-1)return"#"+((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1);if(t.indexOf("hs")>-1){var n=q(e.slice(1,3),function(e){return e+"%"});e[1]=n[0],e[2]=n[1]}return t.indexOf("a")>-1?(e.length===3&&e.push(1),e[3]=R(e[3],[0,1]),t+"("+e.slice(0,4).join(",")+")"):t+"("+e.slice(0,3).join(",")+")"}}function w(e){e=_(e),e.indexOf("rgba")<0&&(e=S(e));var t=[],n=0;return e.replace(/[\d.]+/g,function(e){n<3?e|=0:e=+e,t[n++]=e}),t}function E(e,t){if(!U(e))return e;var n=F(e),r=n[3];return typeof r=="undefined"&&(r=1),e.indexOf("hsb")>-1?n=z(n):e.indexOf("hsl")>-1&&(n=W(n)),t.indexOf("hsb")>-1||t.indexOf("hsv")>-1?n=V(n):t.indexOf("hsl")>-1&&(n=$(n)),n[3]=r,b(n,t)}function S(e){return E(e,"rgba")}function x(e){return E(e,"rgb")}function T(e){return E(e,"hex")}function N(e){return E(e,"hsva")}function C(e){return E(e,"hsv")}function k(e){return E(e,"hsba")}function L(e){return E(e,"hsb")}function A(e){return E(e,"hsla")}function O(e){return E(e,"hsl")}function M(e){for(var t in a)if(T(a[t])===T(e))return t;return null}function _(e){return String(e).replace(/\s+/g,"")}function D(e){a[e]&&(e=a[e]),e=_(e),e=e.replace(/hsv/i,"hsb");if(/^#[\da-f]{3}$/i.test(e)){e=parseInt(e.slice(1),16);var t=(e&3840)<<8,n=(e&240)<<4,r=e&15;e="#"+((1<<24)+(t<<4)+t+(n<<4)+n+(r<<4)+r).toString(16).slice(1)}return e}function P(e,t){if(!U(e))return e;var n=t>0?1:-1;typeof t=="undefined"&&(t=0),t=Math.abs(t)>1?1:Math.abs(t),e=x(e);var r=F(e);for(var i=0;i<3;i++)n===1?r[i]=r[i]*(1-t)|0:r[i]=(255-r[i])*t+r[i]|0;return"rgb("+r.join(",")+")"}function H(e){if(!U(e))return e;var t=F(S(e));return t=q(t,function(e){return 255-e}),b(t,"rgb")}function B(e,t,n){if(!U(e)||!U(t))return e;typeof n=="undefined"&&(n=.5),n=1-R(n,[0,1]);var r=n*2-1,i=F(S(e)),s=F(S(t)),o=i[3]-s[3],u=((r*o===-1?r:(r+o)/(1+r*o))+1)/2,a=1-u,f=[];for(var l=0;l<3;l++)f[l]=i[l]*u+s[l]*a;var c=i[3]*n+s[3]*(1-n);return c=Math.max(0,Math.min(1,c)),i[3]===1&&s[3]===1?b(f,"rgb"):(f[3]=c,b(f,"rgba"))}function j(){return"#"+(Math.random().toString(16)+"0000").slice(2,8)}function F(e){e=D(e);var t=e.match(u);if(t===null)throw new Error("The color format error");var n,r,i=[],s;if(t[2])n=t[2].replace("#","").split(""),s=[n[0]+n[1],n[2]+n[3],n[4]+n[5]],i=q(s,function(e){return R(parseInt(e,16),[0,255])});else if(t[4]){var o=t[4].split(",");r=o[3],s=o.slice(0,3),i=q(s,function(e){return e=Math.floor(e.indexOf("%")>0?parseInt(e,0)*2.55:e),R(e,[0,255])}),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}else if(t[5]||t[6]){var a=(t[5]||t[6]).split(","),f=parseInt(a[0],0)/360,l=a[1],c=a[2];r=a[3],i=q([l,c],function(e){return R(parseFloat(e)/100,[0,1])}),i.unshift(f),typeof r!="undefined"&&i.push(R(parseFloat(r),[0,1]))}return i}function I(e,t){if(!U(e))return e;t===null&&(t=1);var n=F(S(e));return n[3]=R(Number(t).toFixed(4),[0,1]),b(n,"rgba")}function q(e,t){if(typeof t!="function")throw new TypeError;var n=e?e.length:0;for(var r=0;r<n;r++)e[r]=t(e[r]);return e}function R(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e}function U(e){return e instanceof Array||typeof e=="string"}function z(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u=t*6;u===6&&(u=0);var a=u|0,f=r*(1-n),l=r*(1-n*(u-a)),c=r*(1-n*(1-(u-a))),h=0,p=0,d=0;a===0?(h=r,p=c,d=f):a===1?(h=l,p=r,d=f):a===2?(h=f,p=r,d=c):a===3?(h=f,p=l,d=r):a===4?(h=c,p=f,d=r):(h=r,p=f,d=l),i=h*255,s=p*255,o=d*255}return[i,s,o]}function W(e){var t=e[0],n=e[1],r=e[2],i,s,o;if(n===0)i=r*255,s=r*255,o=r*255;else{var u;r<.5?u=r*(1+n):u=r+n-n*r;var a=2*r-u;i=255*X(a,u,t+1/3),s=255*X(a,u,t),o=255*X(a,u,t-1/3)}return[i,s,o]}function X(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),6*n<1?e+(t-e)*6*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e}function V(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=s,a,f;if(o===0)a=0,f=0;else{f=o/s;var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}function $(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),s=Math.max(t,n,r),o=s-i,u=(s+i)/2,a,f;if(o===0)a=0,f=0;else{u<.5?f=o/(s+i):f=o/(2-s-i);var l=((s-t)/6+o/2)/o,c=((s-n)/6+o/2)/o,h=((s-r)/6+o/2)/o;t===s?a=h-c:n===s?a=1/3+l-h:r===s&&(a=2/3+c-l),a<0&&(a+=1),a>1&&(a-=1)}return a*=360,f*=100,u*=100,[a,f,u]}var t=e("../tool/util"),n,r=["#ff9277"," #dddd00"," #ffc877"," #bbe3ff"," #d5ffbb","#bbbbff"," #ddb000"," #b0dd00"," #e2bbff"," #ffbbe3","#ff7777"," #ff9900"," #83dd00"," #77e3ff"," #778fff","#c877ff"," #ff77ab"," #ff6600"," #aa8800"," #77c7ff","#ad77ff"," #ff77ff"," #dd0083"," #777700"," #00aa00","#0088aa"," #8400dd"," #aa0088"," #dd0000"," #772e00"],i=r,s="rgba(255,255,0,0.5)",o=s,u=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#0ff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000",blanchedalmond:"#ffebcd",blue:"#00f",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#0ff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgrey:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#f0f",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#789",lightslategrey:"#789",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#0f0",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#f0f",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#f00",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#fff",whitesmoke:"#f5f5f5",yellow:"#ff0",yellowgreen:"#9acd32"};return{customPalette:f,resetPalette:l,getColor:c,getHighlightColor:d,customHighlight:h,resetHighlight:p,getRadialGradient:v,getLinearGradient:m,getGradientColors:y,getStepColors:g,reverse:H,mix:B,lift:P,trim:_,random:j,toRGB:x,toRGBA:S,toHex:T,toHSL:O,toHSLA:A,toHSB:L,toHSBA:k,toHSV:C,toHSVA:N,toName:M,toColor:b,toArray:w,alpha:I,getData:F}}),define("zrender/shape/Base",["require","../tool/matrix","../tool/guid","../tool/util","../tool/log","../mixin/Transformable","../mixin/Eventful","../tool/area","../tool/area","../tool/color","../tool/area"],function(e){function a(t,n,r,i,s,o,u){s&&(t.font=s),t.textAlign=o,t.textBaseline=u;var a=f(n,r,i,s,o,u);n=(n+"").split("\n");var l=e("../tool/area").getTextHeight("国",s);switch(u){case"top":i=a.y;break;case"bottom":i=a.y+l;break;default:i=a.y+l/2}for(var c=0,h=n.length;c<h;c++)t.fillText(n[c],r,i),i+=l}function f(t,n,r,i,s,o){var u=e("../tool/area"),a=u.getTextWidth(t,i),f=u.getTextHeight("国",i);t=(t+"").split("\n");switch(s){case"end":case"right":n-=a;break;case"center":n-=a/2}switch(o){case"top":break;case"bottom":r-=f*t.length;break;default:r-=f*t.length/2}return{x:n,y:r,width:a,height:f*t.length}}var t=window.G_vmlCanvasManager,n=e("../tool/matrix"),r=e("../tool/guid"),i=e("../tool/util"),s=e("../tool/log"),o=e("../mixin/Transformable"),u=e("../mixin/Eventful"),l=function(e){e=e||{},this.id=e.id||r();for(var t in e)this[t]=e[t];this.style=this.style||{},this.highlightStyle=this.highlightStyle||null,this.parent=null,this.__dirty=!0,this.__clipShapes=[],o.call(this),u.call(this)};l.prototype.invisible=!1,l.prototype.ignore=!1,l.prototype.zlevel=0,l.prototype.draggable=!1,l.prototype.clickable=!1,l.prototype.hoverable=!0,l.prototype.z=0,l.prototype.brush=function(e,t){var n=this.beforeBrush(e,t);e.beginPath(),this.buildPath(e,n);switch(n.brushType){case"both":e.fill();case"stroke":n.lineWidth>0&&e.stroke();break;default:e.fill()}this.drawText(e,n,this.style),this.afterBrush(e)},l.prototype.beforeBrush=function(e,t){var n=this.style;return this.brushTypeOnly&&(n.brushType=this.brushTypeOnly),t&&(n=this.getHighlightStyle(n,this.highlightStyle||{},this.brushTypeOnly)),this.brushTypeOnly=="stroke"&&(n.strokeColor=n.strokeColor||n.color),e.save(),this.doClip(e),this.setContext(e,n),this.setTransform(e),n},l.prototype.afterBrush=function(e){e.restore()};var c=[["color","fillStyle"],["strokeColor","strokeStyle"],["opacity","globalAlpha"],["lineCap","lineCap"],["lineJoin","lineJoin"],["miterLimit","miterLimit"],["lineWidth","lineWidth"],["shadowBlur","shadowBlur"],["shadowColor","shadowColor"],["shadowOffsetX","shadowOffsetX"],["shadowOffsetY","shadowOffsetY"]];l.prototype.setContext=function(e,t){for(var n=0,r=c.length;n<r;n++){var i=c[n][0],s=t[i],o=c[n][1];typeof s!="undefined"&&(e[o]=s)}};var h=n.create();return l.prototype.doClip=function(e){if(this.__clipShapes&&!t)for(var r=0;r<this.__clipShapes.length;r++){var i=this.__clipShapes[r];if(i.needTransform){var s=i.transform;n.invert(h,s),e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}e.beginPath(),i.buildPath(e,i.style),e.clip();if(i.needTransform){var s=h;e.transform(s[0],s[1],s[2],s[3],s[4],s[5])}}},l.prototype.getHighlightStyle=function(t,n,r){var i={};for(var s in t)i[s]=t[s];var o=e("../tool/color"),u=o.getHighlightColor();t.brushType!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom(),i.brushType="both"):r!="stroke"?(i.strokeColor=u,i.lineWidth=(t.lineWidth||1)+this.getHighlightZoom()):i.strokeColor=n.strokeColor||o.mix(t.strokeColor,o.toRGB(u));for(var s in n)typeof n[s]!="undefined"&&(i[s]=n[s]);return i},l.prototype.getHighlightZoom=function(){return this.type!="text"?6:2},l.prototype.drift=function(e,t){this.position[0]+=e,this.position[1]+=t},l.prototype.getTansform=function(){var e=[];return function(t,r){var i=[t,r];return this.needTransform&&this.transform&&(n.invert(e,this.transform),n.mulVector(i,e,[t,r,1]),t==i[0]&&r==i[1]&&this.updateNeedTransform()),i}}(),l.prototype.buildPath=function(e,t){s("buildPath not implemented in "+this.type)},l.prototype.getRect=function(e){s("getRect not implemented in "+this.type)},l.prototype.isCover=function(t,n){var r=this.getTansform(t,n);t=r[0],n=r[1];var i=this.style.__rect;return i||(i=this.style.__rect=this.getRect(this.style)),t>=i.x&&t<=i.x+i.width&&n>=i.y&&n<=i.y+i.height?e("../tool/area").isInside(this,this.style,t,n):!1},l.prototype.drawText=function(e,t,n){if(typeof t.text=="undefined"||t.text===!1)return;var r=t.textColor||t.color||t.strokeColor;e.fillStyle=r;var i=10,s,o,u,f,l=t.textPosition||this.textPosition||"top";switch(l){case"inside":case"top":case"bottom":case"left":case"right":if(this.getRect){var c=(n||t).__rect||this.getRect(n||t);switch(l){case"inside":u=c.x+c.width/2,f=c.y+c.height/2,s="center",o="middle",t.brushType!="stroke"&&r==t.color&&(e.fillStyle="#fff");break;case"left":u=c.x-i,f=c.y+c.height/2,s="end",o="middle";break;case"right":u=c.x+c.width+i,f=c.y+c.height/2,s="start",o="middle";break;case"top":u=c.x+c.width/2,f=c.y-i,s="center",o="bottom";break;case"bottom":u=c.x+c.width/2,f=c.y+c.height+i,s="center",o="top"}}break;case"start":case"end":var h=t.pointList||[[t.xStart||0,t.yStart||0],[t.xEnd||0,t.yEnd||0]],p=h.length;if(p<2)return;var d,v,m,g;switch(l){case"start":d=h[1][0],v=h[0][0],m=h[1][1],g=h[0][1];break;case"end":d=h[p-2][0],v=h[p-1][0],m=h[p-2][1],g=h[p-1][1]}u=v,f=g;var y=Math.atan((m-g)/(v-d))/Math.PI*180;v-d<0?y+=180:m-g<0&&(y+=360),i=5,y>=30&&y<=150?(s="center",o="bottom",f-=i):y>150&&y<210?(s="right",o="middle",u-=i):y>=210&&y<=330?(s="center",o="top",f+=i):(s="left",o="middle",u+=i);break;case"specific":u=t.textX||0,f=t.textY||0,s="start",o="middle"}u!=null&&f!=null&&a(e,t.text,u,f,t.textFont,t.textAlign||s,t.textBaseline||o)},l.prototype.modSelf=function(){this.__dirty=!0,this.style&&(this.style.__rect=null),this.highlightStyle&&(this.highlightStyle.__rect=null)},l.prototype.isSilent=function(){return!(this.hoverable||this.draggable||this.clickable||this.onmousemove||this.onmouseover||this.onmouseout||this.onmousedown||this.onmouseup||this.onclick||this.ondragenter||this.ondragover||this.ondragleave||this.ondrop)},i.merge(l.prototype,o.prototype,!0),i.merge(l.prototype,u.prototype,!0),l}),define("zrender/shape/Text",["require","../tool/area","./Base","../tool/util"],function(e){var t=e("../tool/area"),n=e("./Base"),r=function(e){n.call(this,e)};return r.prototype={type:"text",brush:function(e,n){var r=this.style;n&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));if(typeof r.text=="undefined"||r.text===!1)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e),r.textFont&&(e.font=r.textFont),e.textAlign=r.textAlign||"start",e.textBaseline=r.textBaseline||"middle";var i=(r.text+"").split("\n"),s=t.getTextHeight("国",r.textFont),o=this.getRect(r),u=r.x,a;r.textBaseline=="top"?a=o.y:r.textBaseline=="bottom"?a=o.y+s:a=o.y+s/2;for(var f=0,l=i.length;f<l;f++){if(r.maxWidth)switch(r.brushType){case"fill":e.fillText(i[f],u,a,r.maxWidth);break;case"stroke":e.strokeText(i[f],u,a,r.maxWidth);break;case"both":e.fillText(i[f],u,a,r.maxWidth),e.strokeText(i[f],u,a,r.maxWidth);break;default:e.fillText(i[f],u,a,r.maxWidth)}else switch(r.brushType){case"fill":e.fillText(i[f],u,a);break;case"stroke":e.strokeText(i[f],u,a);break;case"both":e.fillText(i[f],u,a),e.strokeText(i[f],u,a);break;default:e.fillText(i[f],u,a)}a+=s}e.restore();return},getRect:function(e){if(e.__rect)return e.__rect;var n=t.getTextWidth(e.text,e.textFont),r=t.getTextHeight(e.text,e.textFont),i=e.x;e.textAlign=="end"||e.textAlign=="right"?i-=n:e.textAlign=="center"&&(i-=n/2);var s;return e.textBaseline=="top"?s=e.y:e.textBaseline=="bottom"?s=e.y-r:s=e.y-r/2,e.__rect={x:i,y:s,width:n,height:r},e.__rect}},e("../tool/util").inherits(r,n),r}),define("zrender/shape/Rectangle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"rectangle",_buildRadiusPath:function(e,t){var n=t.x,r=t.y,i=t.width,s=t.height,o=t.radius,u,a,f,l;typeof o=="number"?u=a=f=l=o:o instanceof Array?o.length===1?u=a=f=l=o[0]:o.length===2?(u=f=o[0],a=l=o[1]):o.length===3?(u=o[0],a=l=o[1],f=o[2]):(u=o[0],a=o[1],f=o[2],l=o[3]):u=a=f=l=0;var c;u+a>i&&(c=u+a,u*=i/c,a*=i/c),f+l>i&&(c=f+l,f*=i/c,l*=i/c),a+f>s&&(c=a+f,a*=s/c,f*=s/c),u+l>s&&(c=u+l,u*=s/c,l*=s/c),e.moveTo(n+u,r),e.lineTo(n+i-a,r),a!==0&&e.quadraticCurveTo(n+i,r,n+i,r+a),e.lineTo(n+i,r+s-f),f!==0&&e.quadraticCurveTo(n+i,r+s,n+i-f,r+s),e.lineTo(n+l,r+s),l!==0&&e.quadraticCurveTo(n,r+s,n,r+s-l),e.lineTo(n,r+u),u!==0&&e.quadraticCurveTo(n,r,n+u,r)},buildPath:function(e,t){t.radius?this._buildRadiusPath(e,t):(e.moveTo(t.x,t.y),e.lineTo(t.x+t.width,t.y),e.lineTo(t.x+t.width,t.y+t.height),e.lineTo(t.x,t.y+t.height),e.lineTo(t.x,t.y)),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-t/2),y:Math.round(e.y-t/2),width:e.width+t,height:e.height+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/loadingEffect/Base",["require","../tool/util","../shape/Text","../shape/Rectangle"],function(e){function o(e){this.setOptions(e)}var t=e("../tool/util"),n=e("../shape/Text"),r=e("../shape/Rectangle"),i="Loading...",s="normal 16px Arial";return o.prototype.createTextShape=function(e){return new n({highlightStyle:t.merge({x:this.canvasWidth/2,y:this.canvasHeight/2,text:i,textAlign:"center",textBaseline:"middle",textFont:s,color:"#333",brushType:"fill"},e,!0)})},o.prototype.createBackgroundShape=function(e){return new r({highlightStyle:{x:0,y:0,width:this.canvasWidth,height:this.canvasHeight,brushType:"fill",color:e}})},o.prototype.start=function(e){function t(t){e.storage.addHover(t)}function n(){e.refreshHover()}this.canvasWidth=e._width,this.canvasHeight=e._height,this.loadingTimer=this._start(t,n)},o.prototype._start=function(){return setInterval(function(){},1e4)},o.prototype.stop=function(){clearInterval(this.loadingTimer)},o.prototype.setOptions=function(e){this.options=e||{}},o.prototype.adjust=function(e,t){return e<=t[0]?e=t[0]:e>=t[1]&&(e=t[1]),e},o.prototype.getLocation=function(e,t,n){var r=e.x!=null?e.x:"center";switch(r){case"center":r=Math.floor((this.canvasWidth-t)/2);break;case"left":r=0;break;case"right":r=this.canvasWidth-t}var i=e.y!=null?e.y:"center";switch(i){case"center":i=Math.floor((this.canvasHeight-n)/2);break;case"top":i=0;break;case"bottom":i=this.canvasHeight-n}return{x:r,y:i,width:t,height:n}},o}),define("zrender/Layer",["require","./mixin/Transformable","./tool/util","./config"],function(e){function s(){return!1}function o(e,t,n){var r=document.createElement(t),s=n.getWidth(),o=n.getHeight();return r.style.position="absolute",r.style.left=0,r.style.top=0,r.style.width=s+"px",r.style.height=o+"px",r.width=s*i.devicePixelRatio,r.height=o*i.devicePixelRatio,r.setAttribute("data-zr-dom-id",e),r}var t=e("./mixin/Transformable"),n=e("./tool/util"),r=window.G_vmlCanvasManager,i=e("./config"),u=function(e,n){this.id=e,this.dom=o(e,"canvas",n),this.dom.onselectstart=s,this.dom.style["-webkit-user-select"]="none",this.dom.style["user-select"]="none",this.dom.style["-webkit-touch-callout"]="none",this.dom.style["-webkit-tap-highlight-color"]="rgba(0,0,0,0)",r&&r.initElement(this.dom),this.domBack=null,this.ctxBack=null,this.painter=n,this.unusedCount=0,this.config=null,this.dirty=!0,this.elCount=0,this.clearColor=0,this.motionBlur=!1,this.lastFrameAlpha=.7,this.zoomable=!1,this.panable=!1,this.maxZoom=Infinity,this.minZoom=0,t.call(this)};return u.prototype.initContext=function(){this.ctx=this.dom.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctx.scale(e,e)},u.prototype.createBackBuffer=function(){if(r)return;this.domBack=o("back-"+this.id,"canvas",this.painter),this.ctxBack=this.domBack.getContext("2d");var e=i.devicePixelRatio;e!=1&&this.ctxBack.scale(e,e)},u.prototype.resize=function(e,t){var n=i.devicePixelRatio;this.dom.style.width=e+"px",this.dom.style.height=t+"px",this.dom.setAttribute("width",e*n),this.dom.setAttribute("height",t*n),n!=1&&this.ctx.scale(n,n),this.domBack&&(this.domBack.setAttribute("width",e*n),this.domBack.setAttribute("height",t*n),n!=1&&this.ctxBack.scale(n,n))},u.prototype.clear=function(){var e=this.dom,t=this.ctx,n=e.width,s=e.height,o=this.clearColor&&!r,u=this.motionBlur&&!r,a=this.lastFrameAlpha,f=i.devicePixelRatio;u&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(e,0,0,n/f,s/f)),t.clearRect(0,0,n/f,s/f),o&&(t.save(),t.fillStyle=this.clearColor,t.fillRect(0,0,n/f,s/f),t.restore());if(u){var l=this.domBack;t.save(),t.globalAlpha=a,t.drawImage(l,0,0,n/f,s/f),t.restore()}},n.merge(u.prototype,t.prototype),u}),define("zrender/shape/Image",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"image",brush:function(e,t,n){var r=this.style||{};t&&(r=this.getHighlightStyle(r,this.highlightStyle||{}));var i=r.image,s=this;this._imageCache||(this._imageCache={});if(typeof i=="string"){var o=i;this._imageCache[o]?i=this._imageCache[o]:(i=new Image,i.onload=function(){i.onload=null,s.modSelf(),n()},i.src=o,this._imageCache[o]=i)}if(i){if(i.nodeName.toUpperCase()=="IMG")if(window.ActiveXObject){if(i.readyState!="complete")return}else if(!i.complete)return;var u=r.width||i.width,a=r.height||i.height,f=r.x,l=r.y;if(!i.width||!i.height)return;e.save(),this.doClip(e),this.setContext(e,r),this.setTransform(e);if(r.sWidth&&r.sHeight){var c=r.sx||0,h=r.sy||0;e.drawImage(i,c,h,r.sWidth,r.sHeight,f,l,u,a)}else if(r.sx&&r.sy){var c=r.sx,h=r.sy,p=u-c,d=a-h;e.drawImage(i,c,h,p,d,f,l,u,a)}else e.drawImage(i,f,l,u,a);r.width||(r.width=u),r.height||(r.height=a),this.style.width||(this.style.width=u),this.style.height||(this.style.height=a),this.drawText(e,r,this.style),e.restore()}},getRect:function(e){return{x:e.x,y:e.y,width:e.width,height:e.height}},clearCache:function(){this._imageCache={}}},e("../tool/util").inherits(n,t),n}),define("zrender/Painter",["require","./config","./tool/util","./tool/log","./loadingEffect/Base","./Layer","./shape/Image"],function(e){function o(){return!1}function u(){}function a(e){return e?e.isBuildin?!0:typeof e.resize!="function"||typeof e.refresh!="function"?!1:!0:!1}var t=e("./config"),n=e("./tool/util"),r=e("./tool/log"),i=e("./loadingEffect/Base"),s=e("./Layer"),f=function(e,t){this.root=e,e.style["-webkit-tap-highlight-color"]="transparent",e.style["-webkit-user-select"]="none",e.style["user-select"]="none",e.style["-webkit-touch-callout"]="none",this.storage=t,e.innerHTML="",this._width=this._getWidth(),this._height=this._getHeight();var n=document.createElement("div");this._domRoot=n,n.style.position="relative",n.style.overflow="hidden",n.style.width=this._width+"px",n.style.height=this._height+"px",e.appendChild(n),this._layers={},this._zlevelList=[],this._layerConfig={},this._loadingEffect=new i({}),this.shapeToImage=this._createShapeToImageProcessor(),this._bgDom=document.createElement("div"),this._bgDom.style.cssText=["position:absolute;left:0px;top:0px;width:",this._width,"px;height:",this._height+"px;","-webkit-user-select:none;user-select;none;","-webkit-touch-callout:none;"].join(""),this._bgDom.setAttribute("data-zr-dom-id","bg"),n.appendChild(this._bgDom),this._bgDom.onselectstart=o;var r=new s("_zrender_hover_",this);this._layers.hover=r,n.appendChild(r.dom),r.initContext(),r.dom.onselectstart=o,r.dom.style["-webkit-user-select"]="none",r.dom.style["user-select"]="none",r.dom.style["-webkit-touch-callout"]="none",this.refreshNextFrame=null};return f.prototype.render=function(e){return this.isLoading()&&this.hideLoading(),this.refresh(e,!0),this},f.prototype.refresh=function(e,t){var n=this.storage.getShapeList(!0);this._paintList(n,t);for(var r=0;r<this._zlevelList.length;r++){var i=this._zlevelList[r],s=this._layers[i];!s.isBuildin&&s.refresh&&s.refresh()}return typeof e=="function"&&e(),this},f.prototype._preProcessLayer=function(e){e.unusedCount++,e.updateTransform()},f.prototype._postProcessLayer=function(e){e.dirty=!1,e.unusedCount==1&&e.clear()},f.prototype._paintList=function(e,n){typeof n=="undefined"&&(n=!1),this._updateLayerStatus(e);var i,s,o;this.eachBuildinLayer(this._preProcessLayer);for(var u=0,a=e.length;u<a;u++){var f=e[u];s!==f.zlevel&&(i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),s=f.zlevel,i=this.getLayer(s),i.isBuildin||r("ZLevel "+s+" has been used by unkown layer "+i.id),o=i.ctx,i.unusedCount=0,(i.dirty||n)&&i.clear(),i.needTransform&&(o.save(),i.setTransform(o)));if((i.dirty||n)&&!f.invisible)if(!f.onbrush||f.onbrush&&!f.onbrush(o,!1))if(t.catchBrushException)try{f.brush(o,!1,this.refreshNextFrame)}catch(l){r(l,"brush error of "+f.type,f)}else f.brush(o,!1,this.refreshNextFrame);f.__dirty=!1}i&&(i.needTransform&&o.restore(),o.flush&&o.flush()),this.eachBuildinLayer(this._postProcessLayer)},f.prototype.getLayer=function(e){var t=this._layers[e];return t||(t=new s(e,this),t.isBuildin=!0,this._layerConfig[e]&&n.merge(t,this._layerConfig[e],!0),t.updateTransform(),this.insertLayer(e,t),t.initContext()),t},f.prototype.insertLayer=function(e,t){if(this._layers[e]){r("ZLevel "+e+" has been used already");return}if(!a(t)){r("Layer of zlevel "+e+" is not valid");return}var n=this._zlevelList.length,i=null,s=-1;if(n>0&&e>this._zlevelList[0]){for(s=0;s<n-1;s++)if(this._zlevelList[s]<e&&this._zlevelList[s+1]>e)break;i=this._layers[this._zlevelList[s]]}this._zlevelList.splice(s+1,0,e);var o=i?i.dom:this._bgDom;o.nextSibling?o.parentNode.insertBefore(t.dom,o.nextSibling):o.parentNode.appendChild(t.dom),this._layers[e]=t},f.prototype.eachLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n];e.call(t,this._layers[r],r)}},f.prototype.eachBuildinLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin&&e.call(t,i,r)}},f.prototype.eachOtherLayer=function(e,t){for(var n=0;n<this._zlevelList.length;n++){var r=this._zlevelList[n],i=this._layers[r];i.isBuildin||e.call(t,i,r)}},f.prototype.getLayers=function(){return this._layers},f.prototype._updateLayerStatus=function(e){var t=this._layers,n={};this.eachBuildinLayer(function(e,t){n[t]=e.elCount,e.elCount=0});for(var r=0,i=e.length;r<i;r++){var s=e[r],o=s.zlevel,u=t[o];if(u){u.elCount++;if(u.dirty)continue;u.dirty=s.__dirty}}this.eachBuildinLayer(function(e,t){n[t]!==e.elCount&&(e.dirty=!0)})},f.prototype.refreshShapes=function(e,t){for(var n=0,r=e.length;n<r;n++){var i=e[n];i.modSelf()}return this.refresh(t),this},f.prototype.setLoadingEffect=function(e){return this._loadingEffect=e,this},f.prototype.clear=function(){return this.eachBuildinLayer(this._clearLayer),this},f.prototype._clearLayer=function(e){e.clear()},f.prototype.modLayer=function(e,t){if(t){this._layerConfig[e]?n.merge(this._layerConfig[e],t,!0):this._layerConfig[e]=t;var r=this._layers[e];r&&n.merge(r,this._layerConfig[e],!0)}},f.prototype.delLayer=function(e){var t=this._layers[e];if(!t)return;this.modLayer(e,{position:t.position,rotation:t.rotation,scale:t.scale}),t.dom.parentNode.removeChild(t.dom),delete this._layers[e],this._zlevelList.splice(n.indexOf(this._zlevelList,e),1)},f.prototype.refreshHover=function(){this.clearHover();var e=this.storage.getHoverShapes(!0);for(var t=0,n=e.length;t<n;t++)this._brushHover(e[t]);var r=this._layers.hover.ctx;return r.flush&&r.flush(),this.storage.delHover(),this},f.prototype.clearHover=function(){var e=this._layers.hover;return e&&e.clear(),this},f.prototype.showLoading=function(e){return this._loadingEffect&&this._loadingEffect.stop(),e&&this.setLoadingEffect(e),this._loadingEffect.start(this),this.loading=!0,this},f.prototype.hideLoading=function(){return this._loadingEffect.stop(),this.clearHover(),this.loading=!1,this},f.prototype.isLoading=function(){return this.loading},f.prototype.resize=function(){var e=this._domRoot;e.style.display="none";var t=this._getWidth(),n=this._getHeight();e.style.display="";if(this._width!=t||n!=this._height){this._width=t,this._height=n,e.style.width=t+"px",e.style.height=n+"px";for(var r in this._layers)this._layers[r].resize(t,n);this.refresh(null,!0)}return this},f.prototype.clearLayer=function(e){var t=this._layers[e];t&&t.clear()},f.prototype.dispose=function(){this.isLoading()&&this.hideLoading(),this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},f.prototype.getDomHover=function(){return this._layers.hover.dom},f.prototype.toDataURL=function(e,n,i){if(window.G_vmlCanvasManager)return null;var o=new s("image",this);this._bgDom.appendChild(o.dom),o.initContext();var u=o.ctx;o.clearColor=n||"#fff",o.clear();var a=this;this.storage.iterShape(function(e){if(!e.invisible)if(!e.onbrush||e.onbrush&&!e.onbrush(u,!1))if(t.catchBrushException)try{e.brush(u,!1,a.refreshNextFrame)}catch(n){r(n,"brush error of "+e.type,e)}else e.brush(u,!1,a.refreshNextFrame)},{normal:"up",update:!0});var f=o.dom.toDataURL(e,i);return u=null,this._bgDom.removeChild(o.dom),f},f.prototype.getWidth=function(){return this._width},f.prototype.getHeight=function(){return this._height},f.prototype._getWidth=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientWidth||parseInt(t.width,10))-parseInt(t.paddingLeft,10)-parseInt(t.paddingRight,10)).toFixed(0)-0},f.prototype._getHeight=function(){var e=this.root,t=e.currentStyle||document.defaultView.getComputedStyle(e);return((e.clientHeight||parseInt(t.height,10))-parseInt(t.paddingTop,10)-parseInt(t.paddingBottom,10)).toFixed(0)-0},f.prototype._brushHover=function(e){var n=this._layers.hover.ctx;if(!e.onbrush||e.onbrush&&!e.onbrush(n,!0)){var i=this.getLayer(e.zlevel);i.needTransform&&(n.save(),i.setTransform(n));if(t.catchBrushException)try{e.brush(n,!0,this.refreshNextFrame)}catch(s){r(s,"hoverBrush error of "+e.type,e)}else e.brush(n,!0,this.refreshNextFrame);i.needTransform&&n.restore()}},f.prototype._shapeToImage=function(t,n,r,i,s){var o=document.createElement("canvas"),u=o.getContext("2d");o.style.width=r+"px",o.style.height=i+"px",o.setAttribute("width",r*s),o.setAttribute("height",i*s),u.clearRect(0,0,r*s,i*s);var a={position:n.position,rotation:n.rotation,scale:n.scale};n.position=[0,0,0],n.rotation=0,n.scale=[1,1],n&&n.brush(u,!1);var f=e("./shape/Image"),l=new f({id:t,style:{x:0,y:0,image:o}});return a.position!=null&&(l.position=n.position=a.position),a.rotation!=null&&(l.rotation=n.rotation=a.rotation),a.scale!=null&&(l.scale=n.scale=a.scale),l},f.prototype._createShapeToImageProcessor=function(){if(window.G_vmlCanvasManager)return u;var e=this;return function(n,r,i,s){return e._shapeToImage(n,r,i,s,t.devicePixelRatio)}},f}),define("zrender/Group",["require","./tool/guid","./tool/util","./mixin/Transformable","./mixin/Eventful"],function(e){var t=e("./tool/guid"),n=e("./tool/util"),r=e("./mixin/Transformable"),i=e("./mixin/Eventful"),s=function(e){e=e||{},this.id=e.id||t();for(var n in e)this[n]=e[n];this.type="group",this.clipShape=null,this._children=[],this._storage=null,this.__dirty=!0,r.call(this),i.call(this)};return s.prototype.ignore=!1,s.prototype.children=function(){return this._children.slice()},s.prototype.childAt=function(e){return this._children[e]},s.prototype.addChild=function(e){if(e==this)return;if(e.parent==this)return;e.parent&&e.parent.removeChild(e),this._children.push(e),e.parent=this,this._storage&&this._storage!==e._storage&&(this._storage.addToMap(e),e instanceof s&&e.addChildrenToStorage(this._storage))},s.prototype.removeChild=function(e){var t=n.indexOf(this._children,e);this._children.splice(t,1),e.parent=null,this._storage&&(this._storage.delFromMap(e.id),e instanceof s&&e.delChildrenFromStorage(this._storage))},s.prototype.clearChildren=function(){for(var e=0;e<this._children.length;e++){var t=this._children[e];this._storage&&(this._storage.delFromMap(t.id),t instanceof s&&t.delChildrenFromStorage(this._storage))}this._children.length=0},s.prototype.eachChild=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i)}},s.prototype.traverse=function(e,t){var n=!!t;for(var r=0;r<this._children.length;r++){var i=this._children[r];n?e.call(t,i):e(i),i.type==="group"&&i.traverse(e,t)}},s.prototype.addChildrenToStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.addToMap(n),n instanceof s&&n.addChildrenToStorage(e)}},s.prototype.delChildrenFromStorage=function(e){for(var t=0;t<this._children.length;t++){var n=this._children[t];e.delFromMap(n.id),n instanceof s&&n.delChildrenFromStorage(e)}},s.prototype.modSelf=function(){this.__dirty=!0},n.merge(s.prototype,r.prototype,!0),n.merge(s.prototype,i.prototype,!0),s}),define("zrender/Storage",["require","./tool/util","./Group"],function(e){function i(e,t){return e.zlevel==t.zlevel?e.z==t.z?e.__renderidx-t.__renderidx:e.z-t.z:e.zlevel-t.zlevel}var t=e("./tool/util"),n=e("./Group"),r={hover:!1,normal:"down",update:!1},s=function(){this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0};return s.prototype.iterShape=function(e,t){t||(t=r);if(t.hover)for(var n=0,i=this._hoverElements.length;n<i;n++){var s=this._hoverElements[n];s.updateTransform();if(e(s))return this}t.update&&this.updateShapeList();switch(t.normal){case"down":var i=this._shapeList.length;while(i--)if(e(this._shapeList[i]))return this;break;default:for(var n=0,i=this._shapeList.length;n<i;n++)if(e(this._shapeList[n]))return this}return this},s.prototype.getHoverShapes=function(e){var t=[];for(var n=0,r=this._hoverElements.length;n<r;n++){t.push(this._hoverElements[n]);var s=this._hoverElements[n].hoverConnect;if(s){var o;s=s instanceof Array?s:[s];for(var u=0,a=s.length;u<a;u++)o=s[u].id?s[u]:this.get(s[u]),o&&t.push(o)}}t.sort(i);if(e)for(var n=0,r=t.length;n<r;n++)t[n].updateTransform();return t},s.prototype.getShapeList=function(e){return e&&this.updateShapeList(),this._shapeList},s.prototype.updateShapeList=function(){this._shapeListOffset=0;for(var e=0,t=this._roots.length;e<t;e++){var n=this._roots[e];this._updateAndAddShape(n)}this._shapeList.length=this._shapeListOffset;for(var e=0,t=this._shapeList.length;e<t;e++)this._shapeList[e].__renderidx=e;this._shapeList.sort(i)},s.prototype._updateAndAddShape=function(e,t){if(e.ignore)return;e.updateTransform();if(e.type=="group"){e.clipShape&&(e.clipShape.parent=e,e.clipShape.updateTransform(),t?(t=t.slice(),t.push(e.clipShape)):t=[e.clipShape]);for(var n=0;n<e._children.length;n++){var r=e._children[n];r.__dirty=e.__dirty||r.__dirty,this._updateAndAddShape(r,t)}e.__dirty=!1}else e.__clipShapes=t,this._shapeList[this._shapeListOffset++]=e},s.prototype.mod=function(e,n){var r=this._elements[e];if(r){r.modSelf();if(n)if(n.parent||n._storage||n.__clipShapes){var i={};for(var s in n){if(s==="parent"||s==="_storage"||s==="__clipShapes")continue;n.hasOwnProperty(s)&&(i[s]=n[s])}t.merge(r,i,!0)}else t.merge(r,n,!0)}return this},s.prototype.drift=function(e,t,n){var r=this._elements[e];return r&&(r.needTransform=!0,r.draggable==="horizontal"?n=0:r.draggable==="vertical"&&(t=0),(!r.ondrift||r.ondrift&&!r.ondrift(t,n))&&r.drift(t,n)),this},s.prototype.addHover=function(e){return e.updateNeedTransform(),this._hoverElements.push(e),this},s.prototype.delHover=function(){return this._hoverElements=[],this},s.prototype.hasHoverShape=function(){return this._hoverElements.length>0},s.prototype.addRoot=function(e){e instanceof n&&e.addChildrenToStorage(this),this.addToMap(e),this._roots.push(e)},s.prototype.delRoot=function(e){if(typeof e=="undefined"){for(var r=0;r<this._roots.length;r++){var i=this._roots[r];i instanceof n&&i.delChildrenFromStorage(this)}this._elements={},this._hoverElements=[],this._roots=[],this._shapeList=[],this._shapeListOffset=0;return}if(e instanceof Array){for(var r=0,s=e.length;r<s;r++)this.delRoot(e[r]);return}var o;typeof e=="string"?o=this._elements[e]:o=e;var u=t.indexOf(this._roots,o);u>=0&&(this.delFromMap(o.id),this._roots.splice(u,1),o instanceof n&&o.delChildrenFromStorage(this))},s.prototype.addToMap=function(e){return e instanceof n&&(e._storage=this),e.modSelf(),this._elements[e.id]=e,this},s.prototype.get=function(e){return this._elements[e]},s.prototype.delFromMap=function(e){var t=this._elements[e];return t&&(delete this._elements[e],t instanceof n&&(t._storage=null)),this},s.prototype.dispose=function(){this._elements=this._renderList=this._roots=this._hoverElements=null},s}),define("zrender/animation/easing",[],function(){var e={Linear:function(e){return e},QuadraticIn:function(e){return e*e},QuadraticOut:function(e){return e*(2-e)},QuadraticInOut:function(e){return(e*=2)<1?.5*e*e:-0.5*(--e*(e-2)-1)},CubicIn:function(e){return e*e*e},CubicOut:function(e){return--e*e*e+1},CubicInOut:function(e){return(e*=2)<1?.5*e*e*e:.5*((e-=2)*e*e+2)},QuarticIn:function(e){return e*e*e*e},QuarticOut:function(e){return 1- --e*e*e*e},QuarticInOut:function(e){return(e*=2)<1?.5*e*e*e*e:-0.5*((e-=2)*e*e*e-2)},QuinticIn:function(e){return e*e*e*e*e},QuinticOut:function(e){return--e*e*e*e*e+1},QuinticInOut:function(e){return(e*=2)<1?.5*e*e*e*e*e:.5*((e-=2)*e*e*e*e+2)},SinusoidalIn:function(e){return 1-Math.cos(e*Math.PI/2)},SinusoidalOut:function(e){return Math.sin(e*Math.PI/2)},SinusoidalInOut:function(e){return.5*(1-Math.cos(Math.PI*e))},ExponentialIn:function(e){return e===0?0:Math.pow(1024,e-1)},ExponentialOut:function(e){return e===1?1:1-Math.pow(2,-10*e)},ExponentialInOut:function(e){return e===0?0:e===1?1:(e*=2)<1?.5*Math.pow(1024,e-1):.5*(-Math.pow(2,-10*(e-1))+2)},CircularIn:function(e){return 1-Math.sqrt(1-e*e)},CircularOut:function(e){return Math.sqrt(1- --e*e)},CircularInOut:function(e){return(e*=2)<1?-0.5*(Math.sqrt(1-e*e)-1):.5*(Math.sqrt(1-(e-=2)*e)+1)},ElasticIn:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),-(n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)))},ElasticOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*e)*Math.sin((e-t)*2*Math.PI/r)+1)},ElasticInOut:function(e){var t,n=.1,r=.4;return e===0?0:e===1?1:(!n||n<1?(n=1,t=r/4):t=r*Math.asin(1/n)/(2*Math.PI),(e*=2)<1?-0.5*n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*2*Math.PI/r):n*Math.pow(2,-10*(e-=1))*Math.sin((e-t)*2*Math.PI/r)*.5+1)},BackIn:function(e){var t=1.70158;return e*e*((t+1)*e-t)},BackOut:function(e){var t=1.70158;return--e*e*((t+1)*e+t)+1},BackInOut:function(e){var t=2.5949095;return(e*=2)<1?.5*e*e*((t+1)*e-t):.5*((e-=2)*e*((t+1)*e+t)+2)},BounceIn:function(t){return 1-e.BounceOut(1-t)},BounceOut:function(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375},BounceInOut:function(t){return t<.5?e.BounceIn(t*2)*.5:e.BounceOut(t*2-1)*.5+.5}};return e}),define("zrender/animation/Clip",["require","./easing"],function(e){function n(e){this._targetPool=e.target||{},this._targetPool instanceof Array||(this._targetPool=[this._targetPool]),this._life=e.life||1e3,this._delay=e.delay||0,this._startTime=(new Date).getTime()+this._delay,this._endTime=this._startTime+this._life*1e3,this.loop=typeof e.loop=="undefined"?!1:e.loop,this.gap=e.gap||0,this.easing=e.easing||"Linear",this.onframe=e.onframe,this.ondestroy=e.ondestroy,this.onrestart=e.onrestart}var t=e("./easing");return n.prototype={step:function(e){var n=(e-this._startTime)/this._life;if(n<0)return;n=Math.min(n,1);var r=typeof this.easing=="string"?t[this.easing]:this.easing,i=typeof r=="function"?r(n):n;return this.fire("frame",i),n==1?this.loop?(this.restart(),"restart"):(this._needsRemove=!0,"destroy"):null},restart:function(){var e=(new Date).getTime(),t=(e-this._startTime)%this._life;this._startTime=(new Date).getTime()-t+this.gap,this._needsRemove=!1},fire:function(e,t){for(var n=0,r=this._targetPool.length;n<r;n++)this["on"+e]&&this["on"+e](this._targetPool[n],t)},constructor:n},n}),define("zrender/animation/Animation",["require","./Clip","../tool/color","../tool/util","../tool/event"],function(e){function a(e,t){return e[t]}function f(e,t,n){e[t]=n}function l(e,t,n){return(t-e)*n+e}function c(e,t,n,r,i){var s=e.length;if(i==1)for(var o=0;o<s;o++)r[o]=l(e[o],t[o],n);else{var u=e[0].length;for(var o=0;o<s;o++)for(var a=0;a<u;a++)r[o][a]=l(e[o][a],t[o][a],n)}}function h(e){switch(typeof e){case"undefined":case"string":return!1}return typeof e.length!="undefined"}function p(e,t,n,r,i,s,o,u,a){var f=e.length;if(a==1)for(var l=0;l<f;l++)u[l]=d(e[l],t[l],n[l],r[l],i,s,o);else{var c=e[0].length;for(var l=0;l<f;l++)for(var h=0;h<c;h++)u[l][h]=d(e[l][h],t[l][h],n[l][h],r[l][h],i,s,o)}}function d(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}function v(e){if(h(e)){var t=e.length;if(h(e[0])){var n=[];for(var r=0;r<t;r++)n.push(o.call(e[r]));return n}return o.call(e)}return e}function m(e){return e[0]=Math.floor(e[0]),e[1]=Math.floor(e[1]),e[2]=Math.floor(e[2]),"rgba("+e.join(",")+")"}var t=e("./Clip"),n=e("../tool/color"),r=e("../tool/util"),i=e("../tool/event").Dispatcher,s=window.requestAnimationFrame||window.msRequestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(e){setTimeout(e,16)},o=Array.prototype.slice,u=function(e){e=e||{},this.stage=e.stage||{},this.onframe=e.onframe||function(){},this._clips=[],this._running=!1,this._time=0,i.call(this)};u.prototype={add:function(e){this._clips.push(e)},remove:function(e){var t=r.indexOf(this._clips,e);t>=0&&this._clips.splice(t,1)},_update:function(){var e=(new Date).getTime(),t=e-this._time,n=this._clips,r=n.length,i=[],s=[];for(var o=0;o<r;o++){var u=n[o],a=u.step(e);a&&(i.push(a),s.push(u))}for(var o=0;o<r;)n[o]._needsRemove?(n[o]=n[r-1],n.pop(),r--):o++;r=i.length;for(var o=0;o<r;o++)s[o].fire(i[o]);this._time=e,this.onframe(t),this.dispatch("frame",t),this.stage.update&&this.stage.update()},start:function(){function t(){e._running&&(e._update(),s(t))}var e=this;this._running=!0,this._time=(new Date).getTime(),s(t)},stop:function(){this._running=!1},clear:function(){this._clips=[]},animate:function(e,t){t=t||{};var n=new g(e,t.loop,t.getter,t.setter);return n.animation=this,n},constructor:u},r.merge(u.prototype,i.prototype,!0);var g=function(e,t,n,r){this._tracks={},this._target=e,this._loop=t||!1,this._getter=n||a,this._setter=r||f,this._clipCount=0,this._delay=0,this._doneList=[],this._onframeList=[],this._clipList=[]};return g.prototype={when:function(e,t){for(var n in t)this._tracks[n]||(this._tracks[n]=[],e!==0&&this._tracks[n].push({time:0,value:v(this._getter(this._target,n))})),this._tracks[n].push({time:parseInt(e,10),value:t[n]});return this},during:function(e){return this._onframeList.push(e),this},start:function(e){var r=this,i=this._setter,s=this._getter,o=e==="spline",u=function(){r._clipCount--;if(r._clipCount===0){r._tracks={};var e=r._doneList.length;for(var t=0;t<e;t++)r._doneList[t].call(r)}},a=function(a,f){var v=a.length;if(!v)return;var g=a[0].value,y=h(g),b=!1,w=y&&h(g[0])?2:1;a.sort(function(e,t){return e.time-t.time});var E;if(!v)return;E=a[v-1].time;var S=[],x=[];for(var T=0;T<v;T++){S.push(a[T].time/E);var N=a[T].value;typeof N=="string"&&(N=n.toArray(N),N.length===0&&(N[0]=N[1]=N[2]=0,N[3]=1),b=!0),x.push(N)}var C=0,k=0,L,T,A,O,M,_,D;if(b)var P=[0,0,0,0];var H=function(e,t){if(t<k){L=Math.min(C+1,v-1);for(T=L;T>=0;T--)if(S[T]<=t)break;T=Math.min(T,v-2)}else{for(T=C;T<v;T++)if(S[T]>t)break;T=Math.min(T-1,v-2)}C=T,k=t;var n=S[T+1]-S[T];if(n===0)return;A=(t-S[T])/n;if(o){M=x[T],O=x[T===0?T:T-1],_=x[T>v-2?v-1:T+1],D=x[T>v-3?v-1:T+2];if(y)p(O,M,_,D,A,A*A,A*A*A,s(e,f),w);else{var u;b?(u=p(O,M,_,D,A,A*A,A*A*A,P,1),u=m(P)):u=d(O,M,_,D,A,A*A,A*A*A),i(e,f,u)}}else if(y)c(x[T],x[T+1],A,s(e,f),w);else{var u;b?(c(x[T],x[T+1],A,P,1),u=m(P)):u=l(x[T],x[T+1],A),i(e,f,u)}for(T=0;T<r._onframeList.length;T++)r._onframeList[T](e,t)},B=new t({target:r._target,life:E,loop:r._loop,delay:r._delay,onframe:H,ondestroy:u});e&&e!=="spline"&&(B.easing=e),r._clipList.push(B),r._clipCount++,r.animation.add(B)};for(var f in this._tracks)a(this._tracks[f],f);return this},stop:function(){for(var e=0;e<this._clipList.length;e++){var t=this._clipList[e];this.animation.remove(t)}this._clipList=[]},delay:function(e){return this._delay=e,this},done:function(e){return e&&this._doneList.push(e),this}},u}),define("zrender/zrender",["require","./dep/excanvas","./tool/util","./tool/log","./tool/guid","./Handler","./Painter","./Storage","./animation/Animation","./tool/env"],function(e){function l(e){return function(){var t=e.animatingElements;for(var n=0,r=t.length;n<r;n++)e.storage.mod(t[n].id);(t.length||e._needsRefreshNextFrame)&&e.refresh()}}e("./dep/excanvas");var t=e("./tool/util"),n=e("./tool/log"),r=e("./tool/guid"),i=e("./Handler"),s=e("./Painter"),o=e("./Storage"),u=e("./animation/Animation"),a={},f={};f.version="2.0.7",f.init=function(e){var t=new c(r(),e);return a[t.id]=t,t},f.dispose=function(e){if(e)e.dispose();else{for(var t in a)a[t].dispose();a={}}return f},f.getInstance=function(e){return a[e]},f.delInstance=function(e){return delete a[e],f};var c=function(t,n){this.id=t,this.env=e("./tool/env"),this.storage=new o,this.painter=new s(n,this.storage),this.handler=new i(n,this.storage,this.painter),this.animatingElements=[],this.animation=new u({stage:{update:l(this)}}),this.animation.start();var r=this;this.painter.refreshNextFrame=function(){r.refreshNextFrame()},this._needsRefreshNextFrame=!1};return c.prototype.getId=function(){return this.id},c.prototype.addShape=function(e){return this.storage.addRoot(e),this},c.prototype.addGroup=function(e){return this.storage.addRoot(e),this},c.prototype.delShape=function(e){return this.storage.delRoot(e),this},c.prototype.delGroup=function(e){return this.storage.delRoot(e),this},c.prototype.modShape=function(e,t){return this.storage.mod(e,t),this},c.prototype.modGroup=function(e,t){return this.storage.mod(e,t),this},c.prototype.modLayer=function(e,t){return this.painter.modLayer(e,t),this},c.prototype.addHoverShape=function(e){return this.storage.addHover(e),this},c.prototype.render=function(e){return this.painter.render(e),this._needsRefreshNextFrame=!1,this},c.prototype.refresh=function(e){return this.painter.refresh(e),this._needsRefreshNextFrame=!1,this},c.prototype.refreshNextFrame=function(){return this._needsRefreshNextFrame=!0,this},c.prototype.refreshHover=function(e){return this.painter.refreshHover(e),this},c.prototype.refreshShapes=function(e,t){return this.painter.refreshShapes(e,t),this},c.prototype.resize=function(){return this.painter.resize(),this},c.prototype.animate=function(e,r,i){typeof e=="string"&&(e=this.storage.get(e));if(e){var s;if(r){var o=r.split("."),u=e;for(var a=0,f=o.length;a<f;a++){if(!u)continue;u=u[o[a]]}u&&(s=u)}else s=e;if(!s){n('Property "'+r+'" is not existed in element '+e.id);return}var l=this.animatingElements;return typeof e.__aniCount=="undefined"&&(e.__aniCount=0),e.__aniCount===0&&l.push(e),e.__aniCount++,this.animation.animate(s,{loop:i}).done(function(){e.__aniCount--;if(e.__aniCount===0){var n=t.indexOf(l,e);l.splice(n,1)}})}n("Element not existed")},c.prototype.clearAnimation=function(){this.animation.clear()},c.prototype.showLoading=function(e){return this.painter.showLoading(e),this},c.prototype.hideLoading=function(){return this.painter.hideLoading(),this},c.prototype.getWidth=function(){return this.painter.getWidth()},c.prototype.getHeight=function(){return this.painter.getHeight()},c.prototype.toDataURL=function(e,t,n){return this.painter.toDataURL(e,t,n)},c.prototype.shapeToImage=function(e,t,n){var i=r();return this.painter.shapeToImage(i,e,t,n)},c.prototype.on=function(e,t,n){return this.handler.on(e,t,n),this},c.prototype.un=function(e,t){return this.handler.un(e,t),this},c.prototype.trigger=function(e,t){return this.handler.trigger(e,t),this},c.prototype.clear=function(){return this.storage.delRoot(),this.painter.clear(),this},c.prototype.dispose=function(){this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.animatingElements=this.storage=this.painter=this.handler=null,f.delInstance(this.id)},f}),define("zrender",["zrender/zrender"],function(e){return e}),define("zrender/tool/math",[],function(){function t(t,n){return Math.sin(n?t*e:t)}function n(t,n){return Math.cos(n?t*e:t)}function r(t){return t*e}function i(t){return t/e}var e=Math.PI/180;return{sin:t,cos:n,degreeToRadian:r,radianToDegree:i}}),define("zrender/shape/Rose",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"rose",buildPath:function(t,n){var r,i,s=n.r,o,u=n.k,a=n.n||1,f=n.x,l=n.y,c=e("../tool/math");t.moveTo(f,l);for(var h=0,p=s.length;h<p;h++){o=s[h];for(var d=0;d<=360*a;d++)r=o*c.sin(u/a*d%360,!0)*c.cos(d,!0)+f,i=o*c.sin(u/a*d%360,!0)*c.sin(d,!0)+l,t.lineTo(r,i)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.x,r=e.y,i=0;for(var s=0,o=t.length;s<o;s++)t[s]>i&&(i=t[s]);e.maxr=i;var u;return e.brushType=="stroke"||e.brushType=="fill"?u=e.lineWidth||1:u=0,e.__rect={x:-i-u+n,y:-i-u+r,width:2*i+3*u,height:2*i+3*u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Trochoid",["require","./Base","../tool/math","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",t.call(this,e)};return n.prototype={type:"trochoid",buildPath:function(t,n){var r,i,s,o,u=n.r,a=n.r0,f=n.d,l=n.x,c=n.y,h=n.location=="out"?1:-1,p=e("../tool/math");if(n.location&&u<=a){alert("参数错误");return}var d=0,v=1,m;r=(u+h*a)*p.cos(0)-h*f*p.cos(0)+l,i=(u+h*a)*p.sin(0)-f*p.sin(0)+c,t.moveTo(r,i);do d++;while(a*d%(u+h*a)!==0);do m=Math.PI/180*v,s=(u+h*a)*p.cos(m)-h*f*p.cos((u/a+h)*m)+l,o=(u+h*a)*p.sin(m)-f*p.sin((u/a+h)*m)+c,t.lineTo(s,o),v++;while(v<=a*d/(u+h*a)*360)},getRect:function(e){if(e.__rect)return e.__rect;var t=e.r,n=e.r0,r=e.d,i=e.location=="out"?1:-1,s=t+r+i*n,o=e.x,u=e.y,a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:-s-a+o,y:-s-a+u,width:2*s+2*a,height:2*s+2*a},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Circle",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"circle",buildPath:function(e,t){e.arc(t.x,t.y,t.r,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/tool/computeBoundingBox",["require","./vector","./curve"],function(e){function r(e,t,n){if(e.length===0)return;var r=e[0][0],i=e[0][0],s=e[0][1],o=e[0][1];for(var u=1;u<e.length;u++){var a=e[u];a[0]<r&&(r=a[0]),a[0]>i&&(i=a[0]),a[1]<s&&(s=a[1]),a[1]>o&&(o=a[1])}t[0]=r,t[1]=s,n[0]=i,n[1]=o}function i(e,t,r,i,s,o){var u=[];n.cubicExtrema(e[0],t[0],r[0],i[0],u);for(var a=0;a<u.length;a++)u[a]=n.cubicAt(e[0],t[0],r[0],i[0],u[a]);var f=[];n.cubicExtrema(e[1],t[1],r[1],i[1],f);for(var a=0;a<f.length;a++)f[a]=n.cubicAt(e[1],t[1],r[1],i[1],f[a]);u.push(e[0],i[0]),f.push(e[1],i[1]);var l=Math.min.apply(null,u),c=Math.max.apply(null,u),h=Math.min.apply(null,f),p=Math.max.apply(null,f);s[0]=l,s[1]=h,o[0]=c,o[1]=p}function s(e,t,r,i,s){var o=n.quadraticExtremum(e[0],t[0],r[0]),u=n.quadraticExtremum(e[1],t[1],r[1]);o=Math.max(Math.min(o,1),0),u=Math.max(Math.min(u,1),0);var a=1-o,f=1-u,l=a*a*e[0]+2*a*o*t[0]+o*o*r[0],c=a*a*e[1]+2*a*o*t[1]+o*o*r[1],h=f*f*e[0]+2*f*u*t[0]+u*u*r[0],p=f*f*e[1]+2*f*u*t[1]+u*u*r[1];i[0]=Math.min(e[0],r[0],l,h),i[1]=Math.min(e[1],r[1],c,p),s[0]=Math.max(e[0],r[0],l,h),s[1]=Math.max(e[1],r[1],c,p)}var t=e("./vector"),n=e("./curve"),o=t.create(),u=t.create(),a=t.create(),f=function(e,n,r,i,s,f,l,c){if(Math.abs(i-s)>=Math.PI*2){l[0]=e-r,l[1]=n-r,c[0]=e+r,c[1]=n+r;return}o[0]=Math.cos(i)*r+e,o[1]=Math.sin(i)*r+n,u[0]=Math.cos(s)*r+e,u[1]=Math.sin(s)*r+n,t.min(l,o,u),t.max(c,o,u),i%=Math.PI*2,i<0&&(i+=Math.PI*2),s%=Math.PI*2,s<0&&(s+=Math.PI*2),i>s&&!f?s+=Math.PI*2:i<s&&f&&(i+=Math.PI*2);if(f){var h=s;s=i,i=h}for(var p=0;p<s;p+=Math.PI/2)p>i&&(a[0]=Math.cos(p)*r+e,a[1]=Math.sin(p)*r+n,t.min(l,a,l),t.max(c,a,c))};return r.cubeBezier=i,r.quadraticBezier=s,r.arc=f,r}),define("zrender/shape/Sector",["require","../tool/math","../tool/computeBoundingBox","../tool/vector","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=e("../tool/computeBoundingBox"),r=e("../tool/vector"),i=e("./Base"),s=r.create(),o=r.create(),u=r.create(),a=r.create(),f=function(e){i.call(this,e)};return f.prototype={type:"sector",buildPath:function(e,n){var r=n.x,i=n.y,s=n.r0||0,o=n.r,u=n.startAngle,a=n.endAngle,f=n.clockWise||!1;u=t.degreeToRadian(u),a=t.degreeToRadian(a),f||(u=-u,a=-a);var l=t.cos(u),c=t.sin(u);e.moveTo(l*s+r,c*s+i),e.lineTo(l*o+r,c*o+i),e.arc(r,i,o,u,a,!f),e.lineTo(t.cos(a)*s+r,t.sin(a)*s+i),s!==0&&e.arc(r,i,s,a,u,f),e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var i=e.x,f=e.y,l=e.r0||0,c=e.r,h=t.degreeToRadian(e.startAngle),p=t.degreeToRadian(e.endAngle),d=e.clockWise;return d||(h=-h,p=-p),l>1?n.arc(i,f,l,h,p,!d,s,u):(s[0]=u[0]=i,s[1]=u[1]=f),n.arc(i,f,c,h,p,!d,o,a),r.min(s,s,o),r.max(u,u,a),e.__rect={x:s[0],y:s[1],width:u[0]-s[0],height:u[1]-s[1]},e.__rect}},e("../tool/util").inherits(f,i),f}),define("zrender/shape/Ring",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ring",buildPath:function(e,t){e.arc(t.x,t.y,t.r,0,Math.PI*2,!1),e.moveTo(t.x+t.r0,t.y),e.arc(t.x,t.y,t.r0,0,Math.PI*2,!0);return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/Ellipse",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){t.call(this,e)};return n.prototype={type:"ellipse",buildPath:function(e,t){var n=.5522848,r=t.x,i=t.y,s=t.a,o=t.b,u=s*n,a=o*n;e.moveTo(r-s,i),e.bezierCurveTo(r-s,i-a,r-u,i-o,r,i-o),e.bezierCurveTo(r+u,i-o,r+s,i-a,r+s,i),e.bezierCurveTo(r+s,i+a,r+u,i+o,r,i+o),e.bezierCurveTo(r-u,i+o,r-s,i+a,r-s,i),e.closePath()},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.a-t/2),y:Math.round(e.y-e.b-t/2),width:e.a*2+t,height:e.b*2+t},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/PathProxy",["require","../../tool/vector"],function(e){var t=e("../../tool/vector"),n=function(e,t){this.command=e,this.points=t||null},r=function(){this.pathCommands=[],this._ctx=null,this._min=[],this._max=[]};return r.prototype.fastBoundingRect=function(){var e=this._min,n=this._max;e[0]=e[1]=Infinity,n[0]=n[1]=-Infinity;for(var r=0;r<this.pathCommands.length;r++){var i=this.pathCommands[r],s=i.points;switch(i.command){case"M":t.min(e,e,s),t.max(n,n,s);break;case"L":t.min(e,e,s),t.max(n,n,s);break;case"C":for(var o=0;o<6;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"Q":for(var o=0;o<4;o+=2)e[0]=Math.min(e[0],e[0],s[o]),e[1]=Math.min(e[1],e[1],s[o+1]),n[0]=Math.max(n[0],n[0],s[o]),n[1]=Math.max(n[1],n[1],s[o+1]);break;case"A":var u=s[0],a=s[1],f=s[2],l=s[3];e[0]=Math.min(e[0],e[0],u-f),e[1]=Math.min(e[1],e[1],a-l),n[0]=Math.max(n[0],n[0],u+f),n[1]=Math.max(n[1],n[1],a+l)}}return{x:e[0],y:e[1],width:n[0]-e[0],height:n[1]-e[1]}},r.prototype.begin=function(e){return this._ctx=e||null,this.pathCommands.length=0,this},r.prototype.moveTo=function(e,t){return this.pathCommands.push(new n("M",[e,t])),this._ctx&&this._ctx.moveTo(e,t),this},r.prototype.lineTo=function(e,t){return this.pathCommands.push(new n("L",[e,t])),this._ctx&&this._ctx.lineTo(e,t),this},r.prototype.bezierCurveTo=function(e,t,r,i,s,o){return this.pathCommands.push(new n("C",[e,t,r,i,s,o])),this._ctx&&this._ctx.bezierCurveTo(e,t,r,i,s,o),this},r.prototype.quadraticCurveTo=function(e,t,r,i){return this.pathCommands.push(new n("Q",[e,t,r,i])),this._ctx&&this._ctx.quadraticCurveTo(e,t,r,i),this},r.prototype.arc=function(e,t,r,i,s,o){return this.pathCommands.push(new n("A",[e,t,r,r,i,s-i,0,o?0:1])),this._ctx&&this._ctx.arc(e,t,r,i,s,o),this},r.prototype.arcTo=function(e,t,n,r,i){return this._ctx&&this._ctx.arcTo(e,t,n,r,i),this},r.prototype.rect=function(e,t,n,r){return this._ctx&&this._ctx.rect(e,t,n,r),this},r.prototype.closePath=function(){return this.pathCommands.push(new n("z")),this._ctx&&this._ctx.closePath(),this},r.prototype.isEmpty=function(){return this.pathCommands.length===0},r.PathSegment=n,r}),define("zrender/shape/Heart",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"heart",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y),r.bezierCurveTo(t.x+t.a/2,t.y-t.b*2/3,t.x+t.a*2,t.y+t.b/3,t.x,t.y+t.b),r.bezierCurveTo(t.x-t.a*2,t.y+t.b/3,t.x-t.a/2,t.y-t.b*2/3,t.x,t.y),r.closePath();return},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.getTansform(e,t);e=n[0],t=n[1];var i=this.getRect(this.style);if(e>=i.x&&e<=i.x+i.width&&t>=i.y&&t<=i.y+i.height)return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/Droplet",["require","./Base","./util/PathProxy","../tool/area","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=e("../tool/area"),i=function(e){t.call(this,e),this._pathProxy=new n};return i.prototype={type:"droplet",buildPath:function(e,t){var r=this._pathProxy||new n;r.begin(e),r.moveTo(t.x,t.y+t.a),r.bezierCurveTo(t.x+t.a,t.y+t.a,t.x+t.a*3/2,t.y-t.a/3,t.x,t.y-t.b),r.bezierCurveTo(t.x-t.a*3/2,t.y-t.a/3,t.x-t.a,t.y+t.a,t.x,t.y+t.a),r.closePath()},getRect:function(e){return e.__rect?e.__rect:(this._pathProxy.isEmpty()||this.buildPath(null,e),this._pathProxy.fastBoundingRect())},isCover:function(e,t){var n=this.getTansform(e,t);e=n[0],t=n[1];var i=this.getRect(this.style);if(e>=i.x&&e<=i.x+i.width&&t>=i.y&&t<=i.y+i.height)return r.isInsidePath(this._pathProxy.pathCommands,this.style.lineWidth,this.style.brushType,e,t)}},e("../tool/util").inherits(i,t),i}),define("zrender/shape/util/dashedLineTo",[],function(){var e=[5,5];return function(t,n,r,i,s,o){if(t.setLineDash){e[0]=e[1]=o,t.setLineDash(e),t.moveTo(n,r),t.lineTo(i,s);return}o=typeof o!="number"?5:o;var u=i-n,a=s-r,f=Math.floor(Math.sqrt(u*u+a*a)/o);u/=f,a/=f;var l=!0;for(var c=0;c<f;++c)l?t.moveTo(n,r):t.lineTo(n,r),l=!l,n+=u,r+=a;t.lineTo(i,s)}}),define("zrender/shape/Line",["require","./Base","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/dashedLineTo"),r=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return r.prototype={type:"line",buildPath:function(e,t){if(!t.lineType||t.lineType=="solid")e.moveTo(t.xStart,t.yStart),e.lineTo(t.xEnd,t.yEnd);else if(t.lineType=="dashed"||t.lineType=="dotted"){var r=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);n(e,t.xStart,t.yStart,t.xEnd,t.yEnd,r)}},getRect:function(e){if(e.__rect)return e.__rect;var t=e.lineWidth||1;return e.__rect={x:Math.min(e.xStart,e.xEnd)-t,y:Math.min(e.yStart,e.yEnd)-t,width:Math.abs(e.xStart-e.xEnd)+t,height:Math.abs(e.yStart-e.yEnd)+t},e.__rect}},e("../tool/util").inherits(r,t),r}),define("zrender/shape/Star",["require","../tool/math","./Base","../tool/util"],function(e){var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base"),o=function(e){s.call(this,e)};return o.prototype={type:"star",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=t.r0;f==null&&(f=s>4?a*r(2*i/s)/r(i/s):a/3);var l=i/s,c=-i/2,h=o+a*r(c),p=u+a*n(c);c+=l;var d=t.pointList=[];d.push([h,p]);for(var v=0,m=s*2-1,g;v<m;v++)g=v%2===0?f:a,d.push([o+g*r(c),u+g*n(c)]),c+=l;d.push([h,p]),e.moveTo(d[0][0],d[0][1]);for(var v=0;v<d.length;v++)e.lineTo(d[v][0],d[v][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/Isogon",["require","../tool/math","./Base","../tool/util"],function(e){function o(e){s.call(this,e)}var t=e("../tool/math"),n=t.sin,r=t.cos,i=Math.PI,s=e("./Base");return o.prototype={type:"isogon",buildPath:function(e,t){var s=t.n;if(!s||s<2)return;var o=t.x,u=t.y,a=t.r,f=2*i/s,l=-i/2,c=o+a*r(l),h=u+a*n(l);l+=f;var p=t.pointList=[];p.push([c,h]);for(var d=0,v=s-1;d<v;d++)p.push([o+a*r(l),u+a*n(l)]),l+=f;p.push([c,h]),e.moveTo(p[0][0],p[0][1]);for(var d=0;d<p.length;d++)e.lineTo(p[d][0],p[d][1]);e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t;return e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0,e.__rect={x:Math.round(e.x-e.r-t/2),y:Math.round(e.y-e.r-t/2),width:e.r*2+t,height:e.r*2+t},e.__rect}},e("../tool/util").inherits(o,s),o}),define("zrender/shape/BezierCurve",["require","./Base","../tool/util"],function(e){var t=e("./Base"),n=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return n.prototype={type:"bezier-curve",buildPath:function(e,t){e.moveTo(t.xStart,t.yStart),typeof t.cpX2!="undefined"&&typeof t.cpY2!="undefined"?e.bezierCurveTo(t.cpX1,t.cpY1,t.cpX2,t.cpY2,t.xEnd,t.yEnd):e.quadraticCurveTo(t.cpX1,t.cpY1,t.xEnd,t.yEnd)},getRect:function(e){if(e.__rect)return e.__rect;var t=Math.min(e.xStart,e.xEnd,e.cpX1),n=Math.min(e.yStart,e.yEnd,e.cpY1),r=Math.max(e.xStart,e.xEnd,e.cpX1),i=Math.max(e.yStart,e.yEnd,e.cpY1),s=e.cpX2,o=e.cpY2;typeof s!="undefined"&&typeof o!="undefined"&&(t=Math.min(t,s),n=Math.min(n,o),r=Math.max(r,s),i=Math.max(i,o));var u=e.lineWidth||1;return e.__rect={x:t-u,y:n-u,width:r-t+u,height:i-n+u},e.__rect}},e("../tool/util").inherits(n,t),n}),define("zrender/shape/util/smoothSpline",["require","../../tool/vector"],function(e){function n(e,t,n,r,i,s,o){var u=(n-e)*.5,a=(r-t)*.5;return(2*(t-n)+u+a)*o+(-3*(t-n)-2*u-a)*s+u*i+t}var t=e("../../tool/vector");return function(e,r,i){var s=e.length,o=[],u=0;for(var a=1;a<s;a++)u+=t.distance(e[a-1],e[a]);var f=u/5;f=f<s?s:f;for(var a=0;a<f;a++){var l=a/(f-1)*(r?s:s-1),c=Math.floor(l),h=l-c,p,d=e[c%s],v,m;r?(p=e[(c-1+s)%s],v=e[(c+1)%s],m=e[(c+2)%s]):(p=e[c===0?c:c-1],v=e[c>s-2?s-1:c+1],m=e[c>s-3?s-1:c+2]);var g=h*h,y=h*g;o.push([n(p[0],d[0],v[0],m[0],h,g,y),n(p[1],d[1],v[1],m[1],h,g,y)])}return o}}),define("zrender/shape/util/smoothBezier",["require","../../tool/vector"],function(e){var t=e("../../tool/vector");return function(e,n,r,i){var s=[],o=[],u=[],a=[],f,l,c=!!i,h,p;if(c){h=[Infinity,Infinity],p=[-Infinity,-Infinity];for(var d=0,v=e.length;d<v;d++)t.min(h,h,e[d]),t.max(p,p,e[d]);t.min(h,h,i[0]),t.max(p,p,i[1])}for(var d=0,v=e.length;d<v;d++){var m=e[d],f,l;if(r)f=e[d?d-1:v-1],l=e[(d+1)%v];else{if(d===0||d===v-1){s.push(e[d]);continue}f=e[d-1],l=e[d+1]}t.sub(o,l,f),t.scale(o,o,n);var g=t.distance(m,f),y=t.distance(m,l),b=g+y;b!==0&&(g/=b,y/=b),t.scale(u,o,-g),t.scale(a,o,y);var w=t.add([],m,u),E=t.add([],m,a);c&&(t.max(w,w,h),t.min(w,w,p),t.max(E,E,h),t.min(E,E,p)),s.push(w),s.push(E)}return r&&s.push(s.shift()),s}}),define("zrender/shape/Polygon",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){t.call(this,e)};return s.prototype={type:"polygon",buildPath:function(e,t){var s=t.pointList;if(s.length<2)return;if(t.smooth&&t.smooth!=="spline"){var o=r(s,t.smooth,!0,t.smoothConstraint);e.moveTo(s[0][0],s[0][1]);var u,a,f,l=s.length;for(var c=0;c<l;c++)u=o[c*2],a=o[c*2+1],f=s[(c+1)%l],e.bezierCurveTo(u[0],u[1],a[0],a[1],f[0],f[1])}else{t.smooth==="spline"&&(s=n(s,!0));if(!t.lineType||t.lineType=="solid"){e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)e.lineTo(s[c][0],s[c][1]);e.lineTo(s[0][0],s[0][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var p=t._dashLength||(t.lineWidth||1)*(t.lineType=="dashed"?5:1);t._dashLength=p,e.moveTo(s[0][0],s[0][1]);for(var c=1,h=s.length;c<h;c++)i(e,s[c-1][0],s[c-1][1],s[c][0],s[c][1],p);i(e,s[s.length-1][0],s[s.length-1][1],s[0][0],s[0][1],p)}}e.closePath();return},getRect:function(e){if(e.__rect)return e.__rect;var t=Number.MAX_VALUE,n=Number.MIN_VALUE,r=Number.MAX_VALUE,i=Number.MIN_VALUE,s=e.pointList;for(var o=0,u=s.length;o<u;o++)s[o][0]<t&&(t=s[o][0]),s[o][0]>n&&(n=s[o][0]),s[o][1]<r&&(r=s[o][1]),s[o][1]>i&&(i=s[o][1]);var a;return e.brushType=="stroke"||e.brushType=="fill"?a=e.lineWidth||1:a=0,e.__rect={x:Math.round(t-a/2),y:Math.round(r-a/2),width:n-t+a,height:i-r+a},e.__rect}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Polyline",["require","./Base","./util/smoothSpline","./util/smoothBezier","./util/dashedLineTo","./Polygon","../tool/util"],function(e){var t=e("./Base"),n=e("./util/smoothSpline"),r=e("./util/smoothBezier"),i=e("./util/dashedLineTo"),s=function(e){this.brushTypeOnly="stroke",this.textPosition="end",t.call(this,e)};return s.prototype={type:"polyline",buildPath:function(e,t){var s=t.pointList;if(s.length<2)return;var o=Math.min(t.pointList.length,Math.round(t.pointListLength||t.pointList.length));if(t.smooth&&t.smooth!=="spline"){var u=r(s,t.smooth,!1,t.smoothConstraint);e.moveTo(s[0][0],s[0][1]);var a,f,l;for(var c=0;c<o-1;c++)a=u[c*2],f=u[c*2+1],l=s[c+1],e.bezierCurveTo(a[0],a[1],f[0],f[1],l[0],l[1])}else{t.smooth==="spline"&&(s=n(s),o=s.length);if(!t.lineType||t.lineType=="solid"){e.moveTo(s[0][0],s[0][1]);for(var c=1;c<o;c++)e.lineTo(s[c][0],s[c][1])}else if(t.lineType=="dashed"||t.lineType=="dotted"){var h=(t.lineWidth||1)*(t.lineType=="dashed"?5:1);e.moveTo(s[0][0],s[0][1]);for(var c=1;c<o;c++)i(e,s[c-1][0],s[c-1][1],s[c][0],s[c][1],h)}}return},getRect:function(t){return e("./Polygon").prototype.getRect(t)}},e("../tool/util").inherits(s,t),s}),define("zrender/shape/Path",["require","./Base","./util/PathProxy","../tool/util"],function(e){var t=e("./Base"),n=e("./util/PathProxy"),r=n.PathSegment,i=function(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])},s=function(e,t){return(e[0]*t[0]+e[1]*t[1])/(i(e)*i(t))},o=function(e,t){return(e[0]*t[1]<e[1]*t[0]?-1:1)*Math.acos(s(e,t))},u=function(e){t.call(this,e)};return u.prototype={type:"path",buildPathArray:function(e,t,n){if(!e)return[];t=t||0,n=n||0;var i=e,s=["m","M","l","L","v","V","h","H","z","Z","c","C","q","Q","t","T","s","S","a","A"];i=i.replace(/-/g," -"),i=i.replace(/  /g," "),i=i.replace(/ /g,","),i=i.replace(/,,/g,",");var o;for(o=0;o<s.length;o++)i=i.replace(new RegExp(s[o],"g"),"|"+s[o]);var u=i.split("|"),a=[],f=0,l=0;for(o=1;o<u.length;o++){var c=u[o],h=c.charAt(0);c=c.slice(1),c=c.replace(new RegExp("e,-","g"),"e-");var p=c.split(",");p.length>0&&p[0]===""&&p.shift();for(var d=0;d<p.length;d++)p[d]=parseFloat(p[d]);while(p.length>0){if(isNaN(p[0]))break;var v=null,m=[],g,y,b,w,E,S,x,T,N=f,C=l;switch(h){case"l":f+=p.shift(),l+=p.shift(),v="L",m.push(f,l);break;case"L":f=p.shift(),l=p.shift(),m.push(f,l);break;case"m":f+=p.shift(),l+=p.shift(),v="M",m.push(f,l),h="l";break;case"M":f=p.shift(),l=p.shift(),v="M",m.push(f,l),h="L";break;case"h":f+=p.shift(),v="L",m.push(f,l);break;case"H":f=p.shift(),v="L",m.push(f,l);break;case"v":l+=p.shift(),v="L",m.push(f,l);break;case"V":l=p.shift(),v="L",m.push(f,l);break;case"C":m.push(p.shift(),p.shift(),p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"c":m.push(f+p.shift(),l+p.shift(),f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"S":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,p.shift(),p.shift()),f=p.shift(),l=p.shift(),v="C",m.push(f,l);break;case"s":g=f,y=l,b=a[a.length-1],b.command==="C"&&(g=f+(f-b.points[2]),y=l+(l-b.points[3])),m.push(g,y,f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="C",m.push(f,l);break;case"Q":m.push(p.shift(),p.shift()),f=p.shift(),l=p.shift(),m.push(f,l);break;case"q":m.push(f+p.shift(),l+p.shift()),f+=p.shift(),l+=p.shift(),v="Q",m.push(f,l);break;case"T":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f=p.shift(),l=p.shift(),v="Q",m.push(g,y,f,l);break;case"t":g=f,y=l,b=a[a.length-1],b.command==="Q"&&(g=f+(f-b.points[0]),y=l+(l-b.points[1])),f+=p.shift(),l+=p.shift(),v="Q",m.push(g,y,f,l);break;case"A":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f=p.shift(),l=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S);break;case"a":w=p.shift(),E=p.shift(),S=p.shift(),x=p.shift(),T=p.shift(),N=f,C=l,f+=p.shift(),l+=p.shift(),v="A",m=this._convertPoint(N,C,f,l,x,T,w,E,S)}for(var k=0,L=m.length;k<L;k+=2)m[k]+=t,m[k+1]+=n;a.push(new r(v||h,m))}(h==="z"||h==="Z")&&a.push(new r("z",[]))}return a},_convertPoint:function(e,t,n,r,i,u,a,f,l){var c=l*(Math.PI/180),h=Math.cos(c)*(e-n)/2+Math.sin(c)*(t-r)/2,p=-1*Math.sin(c)*(e-n)/2+Math.cos(c)*(t-r)/2,d=h*h/(a*a)+p*p/(f*f);d>1&&(a*=Math.sqrt(d),f*=Math.sqrt(d));var v=Math.sqrt((a*a*f*f-a*a*p*p-f*f*h*h)/(a*a*p*p+f*f*h*h));i===u&&(v*=-1),isNaN(v)&&(v=0);var m=v*a*p/f,g=v*-f*h/a,y=(e+n)/2+Math.cos(c)*m-Math.sin(c)*g,b=(t+r)/2+Math.sin(c)*m+Math.cos(c)*g,w=o([1,0],[(h-m)/a,(p-g)/f]),E=[(h-m)/a,(p-g)/f],S=[(-1*h-m)/a,(-1*p-g)/f],x=o(E,S);return s(E,S)<=-1&&(x=Math.PI),s(E,S)>=1&&(x=0),u===0&&x>0&&(x-=2*Math.PI),u===1&&x<0&&(x+=2*Math.PI),[y,b,a,f,w,x,c,u]},buildPath:function(e,t){var n=t.path,r=t.x||0,i=t.y||0;t.pathArray=t.pathArray||this.buildPathArray(n,r,i);var s=t.pathArray,o=t.pointList=[],u=[];for(var a=0,f=s.length;a<f;a++){s[a].command.toUpperCase()=="M"&&(u.length>0&&o.push(u),u=[]);var l=s[a].points;for(var c=0,h=l.length;c<h;c+=2)u.push([l[c],l[c+1]])}u.length>0&&o.push(u);for(var a=0,f=s.length;a<f;a++){var p=s[a].command,l=s[a].points;switch(p){case"L":e.lineTo(l[0],l[1]);break;case"M":e.moveTo(l[0],l[1]);break;case"C":e.bezierCurveTo(l[0],l[1],l[2],l[3],l[4],l[5]);break;case"Q":e.quadraticCurveTo(l[0],l[1],l[2],l[3]);break;case"A":var d=l[0],v=l[1],m=l[2],g=l[3],y=l[4],b=l[5],w=l[6],E=l[7],S=m>g?m:g,x=m>g?1:m/g,T=m>g?g/m:1;e.translate(d,v),e.rotate(w),e.scale(x,T),e.arc(0,0,S,y,y+b,1-E),e.scale(1/x,1/T),e.rotate(-w),e.translate(-d,-v);break;case"z":e.closePath()}}return},getRect:function(e){if(e.__rect)return e.__rect;var t;e.brushType=="stroke"||e.brushType=="fill"?t=e.lineWidth||1:t=0;var n=Number.MAX_VALUE,r=Number.MIN_VALUE,i=Number.MAX_VALUE,s=Number.MIN_VALUE,o=e.x||0,u=e.y||0,a=e.pathArray||this.buildPathArray(e.path);for(var f=0;f<a.length;f++){var l=a[f].points;for(var c=0;c<l.length;c++)c%2===0?(l[c]+o<n&&(n=l[c]),l[c]+o>r&&(r=l[c])):(l[c]+u<i&&(i=l[c]),l[c]+u>s&&(s=l[c]))}var h;return n===Number.MAX_VALUE||r===Number.MIN_VALUE||i===Number.MAX_VALUE||s===Number.MIN_VALUE?h={x:0,y:0,width:0,height:0}:h={x:Math.round(n-t/2),y:Math.round(i-t/2),width:r-n+t,height:s-i+t},e.__rect=h,h}},e("../tool/util").inherits(u,t),u}),define("zrender/loadingEffect/Bar",["require","./Base","../tool/util","../tool/color","../shape/Rectangle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Rectangle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effectOption:{x:0,y:this.canvasHeight/2-30,width:this.canvasWidth,height:5,brushType:"fill",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=new i({highlightStyle:n.clone(a)});f.highlightStyle.color=a.color||r.getLinearGradient(a.x,a.y,a.x+a.width,a.y+a.height,[[0,"#ff6400"],[.5,"#ffe100"],[1,"#b1ff00"]]);if(s.progress!=null){e(u),f.highlightStyle.width=this.adjust(s.progress,[0,1])*s.effectOption.width,e(f),e(o),t();return}return f.highlightStyle.width=0,setInterval(function(){e(u),f.highlightStyle.width<a.width?f.highlightStyle.width+=8:f.highlightStyle.width=0,e(f),e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Bubble",["require","./Base","../tool/util","../tool/color","../shape/Circle"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Circle");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#888"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{n:50,lineWidth:2,brushType:"stroke",color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effect,f=a.n,l=a.brushType,c=a.lineWidth,h=[],p=this.canvasWidth,d=this.canvasHeight;for(var v=0;v<f;v++){var m=a.color=="random"?r.alpha(r.random(),.3):a.color;h[v]=new i({highlightStyle:{x:Math.ceil(Math.random()*p),y:Math.ceil(Math.random()*d),r:Math.ceil(Math.random()*40),brushType:l,color:m,strokeColor:m,lineWidth:c},animationY:Math.ceil(Math.random()*20)})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=h[n].highlightStyle;r.y-h[n].animationY+r.r<=0&&(h[n].highlightStyle.y=d+r.r,h[n].highlightStyle.x=Math.ceil(Math.random()*p)),h[n].highlightStyle.y-=h[n].animationY,e(h[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/DynamicLine",["require","./Base","../tool/util","../tool/color","../shape/Line"],function(e){function s(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Line");return n.inherits(s,t),s.prototype._start=function(e,t){var s=n.merge(this.options,{textStyle:{color:"#fff"},backgroundColor:"rgba(0, 0, 0, 0.8)",effectOption:{n:30,lineWidth:1,color:"random",timeInterval:100}}),o=this.createTextShape(s.textStyle),u=this.createBackgroundShape(s.backgroundColor),a=s.effectOption,f=a.n,l=a.lineWidth,c=[],h=this.canvasWidth,p=this.canvasHeight;for(var d=0;d<f;d++){var v=-Math.ceil(Math.random()*1e3),m=Math.ceil(Math.random()*400),g=Math.ceil(Math.random()*p),y=a.color=="random"?r.random():a.color;c[d]=new i({highlightStyle:{xStart:v,yStart:g,xEnd:v+m,yEnd:g,strokeColor:y,lineWidth:l},animationX:Math.ceil(Math.random()*100),len:m})}return setInterval(function(){e(u);for(var n=0;n<f;n++){var r=c[n].highlightStyle;r.xStart>=h&&(c[n].len=Math.ceil(Math.random()*400),r.xStart=-400,r.xEnd=-400+c[n].len,r.yStart=Math.ceil(Math.random()*p),r.yEnd=r.yStart),r.xStart+=c[n].animationX,r.xEnd+=c[n].animationX,e(c[n])}e(o),t()},a.timeInterval)},s}),define("zrender/loadingEffect/Ring",["require","./Base","../tool/util","../tool/color","../shape/Ring","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../shape/Ring"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#07a"},backgroundColor:"rgba(250, 250, 250, 0.8)",effect:{x:this.canvasWidth/2,y:this.canvasHeight/2,r0:60,r:100,color:"#bbdcff",brushType:"fill",textPosition:"inside",textFont:"normal 30px verdana",textColor:"rgba(30, 144, 255, 0.6)",timeInterval:100}}),u=o.effect,a=o.textStyle;a.x==null&&(a.x=u.x),a.y==null&&(a.y=u.y+(u.r0+u.r)/2-5);var f=this.createTextShape(o.textStyle),l=this.createBackgroundShape(o.backgroundColor),c=u.x,h=u.y,p=u.r0+6,d=u.r-6,v=u.color,m=r.lift(v,.1),g=new i({highlightStyle:n.clone(u)}),y=[],b=r.getGradientColors(["#ff6400","#ffe100","#97ff00"],25),w=15,E=240;for(var S=0;S<16;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2]],[1,b[S*2+1]]])})),E-=w;E=360;for(var S=0;S<4;S++)y.push(new s({highlightStyle:{x:c,y:h,r0:p,r:d,startAngle:E-w,endAngle:E,brushType:"fill",color:m},_color:r.getLinearGradient(c+p*Math.cos(E,!0),h-p*Math.sin(E,!0),c+p*Math.cos(E-w,!0),h-p*Math.sin(E-w,!0),[[0,b[S*2+32]],[1,b[S*2+33]]])})),E-=w;var x=0;if(o.progress!=null){e(l),x=this.adjust(o.progress,[0,1]).toFixed(2)*100/5,g.highlightStyle.text=x*5+"%",e(g);for(var S=0;S<20;S++)y[S].highlightStyle.color=S<x?y[S]._color:m,e(y[S]);e(f),t();return}return setInterval(function(){e(l),x+=x>=20?-20:1,e(g);for(var n=0;n<20;n++)y[n].highlightStyle.color=n<x?y[n]._color:m,e(y[n]);e(f),t()},u.timeInterval)},o}),define("zrender/loadingEffect/Spin",["require","./Base","../tool/util","../tool/color","../tool/area","../shape/Sector"],function(e){function o(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/color"),i=e("../tool/area"),s=e("../shape/Sector");return n.inherits(o,t),o.prototype._start=function(e,t){var o=n.merge(this.options,{textStyle:{color:"#fff",textAlign:"start"},backgroundColor:"rgba(0, 0, 0, 0.8)"}),u=this.createTextShape(o.textStyle),a=10,f=i.getTextWidth(u.highlightStyle.text,u.highlightStyle.textFont),l=i.getTextHeight(u.highlightStyle.text,u.highlightStyle.textFont),c=n.merge(this.options.effect||{},{r0:9,r:15,n:18,color:"#fff",timeInterval:100}),h=this.getLocation(this.options.textStyle,f+a+c.r*2,Math.max(c.r*2,l));c.x=h.x+c.r,c.y=u.highlightStyle.y=h.y+h.height/2,u.highlightStyle.x=c.x+c.r+a;var p=this.createBackgroundShape(o.backgroundColor),d=c.n,v=c.x,m=c.y,g=c.r0,y=c.r,b=c.color,w=[],E=Math.round(180/d);for(var S=0;S<d;S++)w[S]=new s({highlightStyle:{x:v,y:m,r0:g,r:y,startAngle:E*S*2,endAngle:E*S*2+E,color:r.alpha(b,(S+1)/d),brushType:"fill"}});var x=[0,v,m];return setInterval(function(){e(p),x[0]-=.3;for(var n=0;n<d;n++)w[n].rotation=x,e(w[n]);e(u),t()},c.timeInterval)},o}),define("zrender/loadingEffect/Whirling",["require","./Base","../tool/util","../tool/area","../shape/Ring","../shape/Droplet","../shape/Circle"],function(e){function u(e){t.call(this,e)}var t=e("./Base"),n=e("../tool/util"),r=e("../tool/area"),i=e("../shape/Ring"),s=e("../shape/Droplet"),o=e("../shape/Circle");return n.inherits(u,t),u.prototype._start=function(e,t){var u=n.merge(this.options,{textStyle:{color:"#888",textAlign:"start"},backgroundColor:"rgba(250, 250, 250, 0.8)"}),a=this.createTextShape(u.textStyle),f=10,l=r.getTextWidth(a.highlightStyle.text,a.highlightStyle.textFont),c=r.getTextHeight(a.highlightStyle.text,a.highlightStyle.textFont),h=n.merge(this.options.effect||{},{r:18,colorIn:"#fff",colorOut:"#555",colorWhirl:"#6cf",timeInterval:50}),p=this.getLocation(this.options.textStyle,l+f+h.r*2,Math.max(h.r*2,c));h.x=p.x+h.r,h.y=a.highlightStyle.y=p.y+p.height/2,a.highlightStyle.x=h.x+h.r+f;var d=this.createBackgroundShape(u.backgroundColor),v=new s({highlightStyle:{a:Math.round(h.r/2),b:Math.round(h.r-h.r/6),brushType:"fill",color:h.colorWhirl}}),m=new o({highlightStyle:{r:Math.round(h.r/6),brushType:"fill",color:h.colorIn}}),g=new i({highlightStyle:{r0:Math.round(h.r-h.r/3),r:h.r,brushType:"fill",color:h.colorOut}}),y=[0,h.x,h.y];return v.highlightStyle.x=m.highlightStyle.x=g.highlightStyle.x=y[1],v.highlightStyle.y=m.highlightStyle.y=g.highlightStyle.y=y[2],setInterval(function(){e(d),e(g),y[0]-=.3,v.rotation=y,e(v),e(m),e(a),t()},h.timeInterval)},u});
\ No newline at end of file
diff --git a/index.html b/index.html
index 79801cc53..676a4c6a2 100644
--- a/index.html
+++ b/index.html
@@ -35,24 +35,11 @@
               <a id="forkme_banner" href="https://github.com/ecomfe/zrender">View on GitHub</a>
               <ul class="nav">
                 <li class="active"><a href="index.html"><i class="icon-home icon-white"></i> Home</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Example <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="doc/example/demo.html">Demo</a></li>
-                    <li><a href="doc/example/animation.html">Animation</a></li>
-                    <li><a href="doc/example/chart.html">Chart</a></li>
-                    <li><a href="doc/example/colorSeries.html">Color Series</a></li>
-                    <li class="divider"></li>
-                    <!--li class="nav-header">Library</li-->
-                    <li><a href="doc/example/artist.html">Artist</a></li>
-                    <li><a href="doc/example/slice.html">slice</a></li>
-                  </ul>
-                </li>
-                <li><a href="doc/api/index.html" target="_blank">API &amp; Doc</a></li>
+                <li><a href="doc/api/index.html" target="_blank">API Doc</a></li>
                 <li class="dropdown">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
                   <ul class="dropdown-menu">
-                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.0.zip">ZIP (2.1.0)</a></li>
+                    <li><a href="https://github.com/ecomfe/zrender/archive/2.1.1.zip">ZIP (2.1.1)</a></li>
                     <li><a href="https://github.com/ecomfe/zrender/archive/master.zip">ZIP (Latest)</a></li>
 
                   </ul>
@@ -61,7 +48,6 @@
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                     <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
-                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
                     <li class="divider"></li>
                     <!--li class="nav-header">Library</li-->
                     <li><a href="http://echarts.baidu.com" target="_blank">ECharts</a></li>
@@ -140,7 +126,6 @@ <h2 class="featurette-heading">简单</h2>
         <h2 class="featurette-heading">数据驱动</h2>
         <p>利用zrender绘图，你只需做的是定义图形数据，剩下的事情就交给zrender吧~</p>
         <p>哦，对了，差点忘记告诉你，只要在你定义图形数据时设置draggable属性为true，图形拖拽就已经可用了！</p>
-        <p><a href="doc/example/demo.html" target="_blank">tyr this »</a></p>
       </div>
       <hr class="featurette-divider">
       <div class="featurette">
@@ -163,7 +148,6 @@ <h2 class="featurette-heading">数据驱动</h2>
         <h2 class="featurette-heading">完整的事件封装</h2>
         <p>用你再熟悉不过的dom事件模型去操作canvas里的图形元素是件很cool的事情~</p>
         <p>你不仅可以响应zrender全局事件，你甚至可以为在特定shape上添加特定事件，后续发生的一切都会按你想的那样去运行~</p>
-        <p><a href="doc/example/demo.html?code=%0D%0Avar%20CircleShape%20%3D%20require(%27zrender%2Fshape%2FCircle%27)%3B%0D%0Azr.addShape(new%20CircleShape(%7B%0D%0A%20%20%20%20clickable%20%3A%20true%2C%0D%0A%20%20%20%20style%3A%20%7B%0D%0A%20%20%20%20%20%20%20%20x%3A%20100%2C%0D%0A%20%20%20%20%20%20%20%20y%3A%20100%2C%0D%0A%20%20%20%20%20%20%20%20r%3A%2050%2C%0D%0A%20%20%20%20%20%20%20%20color%3A%20%27red%27%0D%0A%20%20%20%20%7D%0D%0A%7D))%3B%0D%0Azr.render()%3B%0D%0A%0D%0Avar%20config%20%3D%20require(%27zrender%2Fconfig%27)%3B%0D%0Azr.on(%0D%0A%20%20%20%20config.EVENT.CLICK%2C%0D%0A%20%20%20%20function(params)%20%7B%0D%0A%20%20%20%20%20%20%20%20if%20(params.target)%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20alert(%27Click%20on%20shape!%27)%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20else%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20alert(%27None%20shape%2C%20but%20i%20catch%20you!%27)%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%7D%0D%0A)%3B%0D" target="_blank">try this »</a></p>
       </div>
       <hr class="featurette-divider">
       <div class="featurette">
@@ -181,7 +165,6 @@ <h2 class="featurette-heading">完整的事件封装</h2>
         </div>
         <h2 class="featurette-heading">高效的分层刷新</h2>
         <p>正如css中zlevel的作用一样，你可以定义把不同的shape分别放在不同的层中，这不仅实现了视觉上的上下覆盖，更重要的是当图形元素发生变化后的refresh将局限在发生了变化的图形层中，这在你利用zrender做各种动画效果时将十分有用，性能自然也更加出色~</p>
-        <p><a href="doc/example/artist.html" target="_blank">tyr this »</a></p>
       </div>
       <hr class="featurette-divider">
       <div class="featurette">
@@ -198,7 +181,6 @@ <h2 class="featurette-heading">高效的分层刷新</h2>
         </div>
         <h2 class="featurette-heading">丰富的图形选项</h2>
         <p>当前内置多种图形元素（圆形、椭圆、圆环、扇形、矩形、多边形、直线、曲线、心形、水滴、路径、文字、图片。Will be more..），统一且丰富的图形属性充分满足你的个性化需求！</p>
-        <p><a href="doc/example/demo.html" target="_blank">tyr this »</a></p>
       </div>
       <hr class="featurette-divider">
       <div class="featurette">
@@ -213,7 +195,6 @@ <h2 class="featurette-heading">丰富的图形选项</h2>
         </div>
         <h2 class="featurette-heading">强大的动画支持</h2>
         <p>提供promise式的动画接口和常用缓动函数，轻松实现各种动画需求~</p>
-        <p><a href="doc/example/demo.html?code=%0D%0Avar%20CircleShape%20%3D%20require(%27zrender%2Fshape%2FCircle%27)%3B%0D%0Avar%20circle%20%3D%20new%20CircleShape(%7B%0D%0A%20%20%20%20id%3A%20require(%27zrender%2Ftool%2Fguid%27)()%2C%0D%0A%20%20%20%20position%3A%20%5B100%2C%20100%5D%2C%0D%0A%20%20%20%20rotation%3A%20%5B0%2C%200%2C%200%5D%2C%0D%0A%20%20%20%20scale%3A%20%5B1%2C%201%5D%2C%0D%0A%20%20%20%20style%3A%20%7B%0D%0A%20%20%20%20%20%20%20%20x%3A%200%2C%0D%0A%20%20%20%20%20%20%20%20y%3A%200%2C%0D%0A%20%20%20%20%20%20%20%20r%3A%2050%2C%0D%0A%20%20%20%20%20%20%20%20brushType%3A%20%27both%27%2C%0D%0A%20%20%20%20%20%20%20%20color%3A%20%27rgba(220%2C%2020%2C%2060%2C%200.8)%27%2C%0D%0A%20%20%20%20%20%20%20%20strokeColor%3A%20%22rgba(220%2C%2020%2C%2060%2C%200.8)%22%2C%0D%0A%20%20%20%20%20%20%20%20lineWidth%3A%205%2C%0D%0A%20%20%20%20%20%20%20%20text%3A%20%27circle%27%2C%0D%0A%20%20%20%20%20%20%20%20textPosition%3A%20%27inside%27%0D%0A%20%20%20%20%7D%2C%0D%0A%20%20%20%20draggable%3A%20true%0D%0A%7D)%3B%0D%0Azr.addShape(circle)%3B%0D%0Azr.render()%3B%0D%0A%0D%0Azr.animate(circle.id%2C%20%22%22%2C%20true)%0D%0A%20%20%20%20.when(1000%2C%20%7B%0D%0A%20%20%20%20%20%20%20%20position%3A%20%5B200%2C%200%5D%0D%0A%20%20%20%20%7D)%0D%0A%20%20%20%20.when(2000%2C%20%7B%0D%0A%20%20%20%20%20%20%20%20position%3A%20%5B200%2C%20200%5D%0D%0A%20%20%20%20%7D%2C%20%22BounceIn%22)%0D%0A%20%20%20%20.when(3000%2C%20%7B%0D%0A%20%20%20%20%20%20%20%20position%3A%20%5B0%2C%20200%5D%0D%0A%20%20%20%20%7D)%0D%0A%20%20%20%20.when(4000%2C%20%7B%0D%0A%20%20%20%20%20%20%20%20position%3A%20%5B100%2C%20100%5D%0D%0A%20%20%20%20%7D).start()%3B%0D" target="_blank">try this »</a></p>
       </div>
       <hr class="featurette-divider">
       <div class="featurette">
@@ -230,7 +211,6 @@ <h2 class="featurette-heading">强大的动画支持</h2>
         </div>
         <h2 class="featurette-heading">易于扩展</h2>
         <p>分而治之的图形定义策略允许你扩展自己独有的图形元素，你既可以完整实现三个接口方法（brush、drift、isCover），也可以通过base派生后仅实现你所关心的图形细节。</p>
-        <p><a href="doc/example/myShape.html" target="_blank">tyr this »</a></p>
       </div>
       <hr>
       <!-- /END THE FEATURETTES -->
@@ -278,7 +258,7 @@ <h2 class="featurette-heading">易于扩展</h2>
         }
         else {
             // for echarts online home page
-            var fileLocation = './doc/example/www/js/zrender';
+            var fileLocation = './build/zrender';
             require.config({
                 paths:{ 
                     zrender: fileLocation,
@@ -400,29 +380,6 @@ <h2 class="featurette-heading">易于扩展</h2>
                     }
                 }));
 
-                zr.addShape(new CircleShape({
-                    zlevel : 1,
-                    style : {
-                        x : width / 2,
-                        y : 220,
-                        r : 20,
-                        brushType : 'both',
-                        color : 'rgba(255, 69, 0, 1)',
-                        strokeColor : 'rgba(255, 255, 255, 1)',
-                        lineWidth : 8,
-                        shadowBlur: 20,
-                        shadowColor : 'rgba(255,215,0,0.8)',
-                        text : 'Try',
-                        textPosition : 'inside',
-                        textFont : 'normal 18px 微软雅黑',
-                        textAlign : 'center'
-                    },
-                    clickable : true,
-                    onclick : function(){
-                        window.location = 'doc/example/demo.html';
-                    }
-                }));
-
 
                 // 绘画，利用render的callback可以在绘画完成后马上开始动画
                 zr.render(function(){
diff --git a/package.json b/package.json
index 8763b04af..733d2a829 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "zrender",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "maintainers": [
         { "name": "Kener", "email": "kener.linfeng@gmail.com" },
         { "name": "Pissang", "email": "shenyi.914@gmail.com" },
diff --git a/src/zrender.js b/src/zrender.js
index 0c8fdbaed..2fcfed4ad 100644
--- a/src/zrender.js
+++ b/src/zrender.js
@@ -43,7 +43,7 @@ define(
         /**
          * @type {string}
          */
-        zrender.version = '2.1.0';
+        zrender.version = '2.1.1';
 
         /**
          * 创建zrender实例
diff --git a/test/orbit.html b/test/orbit.html
index f78e2d162..b9e896538 100644
--- a/test/orbit.html
+++ b/test/orbit.html
@@ -94,7 +94,7 @@
                         opacity: 1
                     }
                 }
-                zr.addShape(new PolylineShape(polyline));
+                // zr.addShape(new PolylineShape(polyline));
 
                 deferred.start('spline');
             }