@visactor/vchart 1.13.1 → 1.13.2

package/build/index.js

@@ -26,7 +26,7 @@
       }
       return t;
     }
-    function __awaiter$7(thisArg, _arguments, P, generator) {
+    function __awaiter$a(thisArg, _arguments, P, generator) {
       function adopt(value) {
         return value instanceof P ? value : new P(function (resolve) {
           resolve(value);
@@ -7890,6 +7890,31 @@
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
+      },
+      __awaiter$9 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
       };
     let DefaultGlobal = class {
       get env() {
@@ -8015,6 +8040,11 @@
       loadBlob(url) {
         return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
       }
+      loadFont(name, source, descriptors) {
+        return __awaiter$9(this, void 0, void 0, function* () {
+          return this._env || this.setEnv("browser"), this.envContribution.loadFont(name, source, descriptors);
+        });
+      }
       isChrome() {
         return null != this._isChrome || (this._env || this.setEnv("browser"), this._isChrome = "browser" === this._env && navigator.userAgent.indexOf("Chrome") > -1), this._isChrome;
       }
@@ -11168,7 +11198,7 @@
       return null;
     }
 
-    var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -11238,7 +11268,7 @@
       }
       forEachChildrenAsync(cb) {
         let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           if (reverse) {
             let child = this._lastChild,
               i = 0;
@@ -15300,7 +15330,7 @@
       return str.startsWith("<svg") || str.startsWith("<?xml");
     }
 
-    var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -15326,7 +15356,7 @@
       });
     };
     function waitForAllSubLayers(stage) {
-      return __awaiter$5(this, void 0, void 0, function* () {
+      return __awaiter$7(this, void 0, void 0, function* () {
         const promiseList = [],
           layers = stage.getChildren();
         yield new Promise(resolve => {
@@ -17157,7 +17187,9 @@
         const {
           background: background,
           backgroundMode = graphicAttribute.backgroundMode,
-          backgroundFit = graphicAttribute.backgroundFit
+          backgroundFit = graphicAttribute.backgroundFit,
+          width: width,
+          height: height
         } = graphic.attribute;
         if (background) if (graphic.backgroundImg) {
           const res = graphic.resources.get(background);
@@ -17190,11 +17222,7 @@
             height: height
           } = getActualPosition(graphic);
           cornerRadius ? createRectPath(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
-        } else {
-          context.beginPath();
-          const b = graphic.AABBBounds;
-          context.rect(x, y, b.width(), b.height()), context.fillStyle = background, context.globalAlpha = 1, context.fill();
-        }
+        } else context.beginPath(), context.rect(x, y, width || 0, height || 0), context.fillStyle = background, context.globalAlpha = 1, context.fill();
       }
     }
     function getActualPosition(graphic) {
@@ -18901,7 +18929,7 @@
           doFill: doFill,
           doStroke: doStroke
         } = data;
-        context.setShadowBlendStyle && context.setShadowBlendStyle(image, imageAttribute), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+        context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
         const _runFill = () => {
             if (doFill) if (fillCb) fillCb(context, image.attribute, imageAttribute);else if (fVisible) {
               if (!url || !image.resources) return;
@@ -18918,7 +18946,7 @@
             }
           },
           _runStroke = () => {
-            doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke()));
+            doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.strokeRect(x, y, width, height)));
           };
         fillStrokeOrder ? (_runStroke(), _runFill()) : (_runFill(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
       }
@@ -22389,7 +22417,7 @@
       container.load(envModules), container.load(textMeasureModules), container.load(layerHandlerModules);
     }
 
-    var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -22462,7 +22490,7 @@
     }
     function foreachAsync(graphic, defaultZIndex, cb) {
       let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      return __awaiter$4(this, void 0, void 0, function* () {
+      return __awaiter$6(this, void 0, void 0, function* () {
         yield graphic.forEachChildrenAsync(cb, reverse);
       });
     }
@@ -22823,7 +22851,7 @@
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -22858,7 +22886,7 @@
         }, this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender), this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
       }
       draw(renderService, drawContext) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           if (this.checkingForDrawPromise) return;
           this.lastRenderService = renderService, this.lastDrawContext = drawContext, this.checkingForDrawPromise = this.checkForDraw(drawContext);
           const skipDraw = yield this.checkingForDrawPromise;
@@ -22879,15 +22907,15 @@
         });
       }
       _increaseRender(group, drawContext) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
         });
       }
       _renderIncrementalGroup(group, drawContext) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           this.count = group.count, yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$5(this, void 0, void 0, function* () {
                 if (2 !== group.count) yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
                   if (this.status === STATUS.STOP) return !0;
                   if (item.isContainer) return !1;
@@ -22908,7 +22936,7 @@
         });
       }
       waitToNextFrame() {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           return new Promise(resolve => {
             this.global.getRequestAnimationFrame()(() => {
               resolve(!1);
@@ -22917,13 +22945,13 @@
         });
       }
       checkForDraw(drawContext) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           let skip = this.rendering;
           return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
         });
       }
       forceStop() {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           this.rendering && (this.status = STATUS.STOP, yield new Promise(resolve => {
             this.hooks.completeDraw.tap("stopCb", () => {
               this.status = STATUS.NORMAL, this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => "stopCb" !== item.name), resolve(!1);
@@ -22935,11 +22963,11 @@
         this.currFrameStartAt = 0, this.currentIdx = 0;
       }
       renderGroup(group, drawContext) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$5(this, void 0, void 0, function* () {
           if (!drawContext.break && !1 !== group.attribute.visibleAll) return group.incremental && drawContext.startAtId === group._uid ? (yield this._increaseRender(group, drawContext), void (drawContext.break = !0)) : void (yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
-                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$3(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$5(this, void 0, void 0, function* () {
+                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$5(this, void 0, void 0, function* () {
                   drawContext.break || item.isContainer && (yield this.renderGroup(item, drawContext));
                 })), resolve(!1);
               })
@@ -23953,12 +23981,37 @@
     BaseCanvas.env = "browser";
 
     var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-      var d,
-        c = arguments.length,
-        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
     let BaseEnvContribution = class {
       configure(service) {
         service.env === this.type && service.setActiveEnvContribution(this);
@@ -24027,6 +24080,13 @@
           left: 0
         };
       }
+      loadFont(font, source, descriptors) {
+        return __awaiter$4(this, void 0, void 0, function* () {
+          return {
+            loadState: "fail"
+          };
+        });
+      }
     };
     BaseEnvContribution = __decorate$17([injectable()], BaseEnvContribution);
 
@@ -24409,7 +24469,7 @@
         const fVisible = fillVisible(opacity, fillOpacity, !0),
           sVisible = fillVisible(opacity, strokeOpacity, !0);
         if (!fVisible) return;
-        context.translate(x, y), this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
+        context.setShadowBlendStyle && context.setShadowBlendStyle(richtext, richtext.attribute, richtextAttribute), context.translate(x, y), this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
         richtext.getFrameCache().draw(context, this.drawIcon), this.afterRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
       }
       drawIcon(icon, context, x, y, baseline) {
@@ -24839,11 +24899,18 @@
 
     class HtmlAttributePlugin {
       constructor() {
-        this.name = "HtmlAttributePlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.htmlMap = {}, this.renderId = 0;
+        this.name = "HtmlAttributePlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.htmlMap = {}, this.renderId = 0, this.onWheel = ev => {
+          try {
+            const newEvent = new ev.constructor(ev.type, ev);
+            this.pluginService.stage.window.getContext().getCanvas().nativeCanvas.dispatchEvent(newEvent);
+          } catch (err) {
+            return;
+          }
+        };
       }
       activate(context) {
         this.pluginService = context, context.stage.hooks.afterRender.tap(this.key, stage => {
-          stage && stage === this.pluginService.stage && this.drawHTML(context.stage.renderService);
+          stage && stage === this.pluginService.stage && this.drawHTML([...context.stage.getChildren()]);
         });
       }
       deactivate(context) {
@@ -24905,10 +24972,13 @@
       }
       updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, options) {
         const {
-          pointerEvents: pointerEvents
+          pointerEvents: pointerEvents,
+          penetrateEventList = []
         } = options;
         let calculateStyle = this.parseDefaultStyleFromGraphic(graphic);
-        calculateStyle.display = !1 !== graphic.attribute.visible ? "block" : "none", calculateStyle.pointerEvents = !0 === pointerEvents ? "all" : pointerEvents || "none", wrapContainer.style.position || (wrapContainer.style.position = "absolute", nativeContainer.style.position = "relative");
+        calculateStyle.display = !1 !== graphic.attribute.visible ? "block" : "none", calculateStyle.pointerEvents = !0 === pointerEvents ? "all" : pointerEvents || "none", "none" !== calculateStyle.pointerEvents && (this.removeWrapContainerEventListener(wrapContainer), penetrateEventList.forEach(event => {
+          "wheel" === event && wrapContainer.addEventListener("wheel", this.onWheel);
+        })), wrapContainer.style.position || (wrapContainer.style.position = "absolute", nativeContainer.style.position = "relative");
         let left = 0,
           top = 0;
         const b = graphic.globalAABBBounds;
@@ -24945,8 +25015,8 @@
           this.htmlMap[key] && this.htmlMap[key].renderId !== this.renderId && this.removeElement(key);
         }), this.renderId += 1;
       }
-      drawHTML(renderService) {
-        "browser" === application.global.env && (renderService.renderTreeRoots.sort((a, b) => {
+      drawHTML(layers) {
+        "browser" === application.global.env && (layers.sort((a, b) => {
           var _a, _b;
           return (null !== (_a = a.attribute.zIndex) && void 0 !== _a ? _a : DefaultAttribute.zIndex) - (null !== (_b = b.attribute.zIndex) && void 0 !== _b ? _b : DefaultAttribute.zIndex);
         }).forEach(group => {
@@ -24965,6 +25035,9 @@
         } = this.htmlMap[id];
         wrapContainer && application.global.removeDom(wrapContainer), this.htmlMap[id] = null;
       }
+      removeWrapContainerEventListener(wrapContainer) {
+        wrapContainer.removeEventListener("wheel", this.onWheel);
+      }
       renderGraphicHTML(graphic) {
         var _a;
         const {
@@ -25845,6 +25918,7 @@
         });
       }
       emitEvent(type, e) {
+        if (!this.element) return;
         const listeners = this.element._events[WILDCARD];
         if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type);else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
         this.emit(type, e);
@@ -26722,6 +26796,31 @@
       },
       __metadata$J = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
       };
     class DynamicB {
       get x1() {
@@ -26917,6 +27016,19 @@
           left: actualLeft
         };
       }
+      loadFont(font, source, descriptors) {
+        return __awaiter$3(this, void 0, void 0, function* () {
+          return new FontFace(font, isString$1(source) ? `url(${source})` : source, descriptors).load().then(function (loadedFont) {
+            return document.fonts.add(loadedFont), {
+              loadState: "success"
+            };
+          }).catch(function (error) {
+            return console.error("Failed to load font:", error), {
+              loadState: "fail"
+            };
+          });
+        });
+      }
     };
     BrowserEnvContribution = __decorate$W([injectable(), __metadata$J("design:paramtypes", [])], BrowserEnvContribution);
 
@@ -32207,11 +32319,11 @@
         maxX = Math.max(x1, x2),
         minY = Math.min(y1, y2),
         maxY = Math.max(y1, y2),
-        minXWithPadding = 0 - left,
-        minYWithPadding = 0 - top;
+        maxXWithPadding = width + right,
+        maxYWithPadding = height + bottom;
       let dx = 0,
         dy = 0;
-      return minX < minXWithPadding && maxX - minX <= width ? dx = -minX : maxX > width + right && minX - (maxX - width) >= minXWithPadding && (dx = width - maxX), minY < minYWithPadding && maxY - minY <= height ? dy = -minY : maxY > height + bottom && minY - (maxY - height) >= minYWithPadding && (dy = height - maxY), {
+      return minX < 0 - left ? dx = -minX : maxX > maxXWithPadding && (dx = maxXWithPadding - maxX), minY < 0 - top ? dy = -minY : maxY > maxYWithPadding && (dy = maxYWithPadding - maxY), {
         dx: dx,
         dy: dy
       };
@@ -32925,7 +33037,7 @@
             range = boundToRange(bmpTool, bounds, !0);
           if (canPlace(bmpTool, bitmap, bounds, clampForce, overlapPadding)) bitmap.setRange(range);else {
             if (clampForce) {
-              if (this._processClampForce(text, bmpTool, bitmap)) continue;
+              if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) continue;
             }
             hideOnHit ? text.setAttributes({
               visible: !1
@@ -32935,12 +33047,13 @@
         return result;
       }
       _processClampForce(text, bmpTool, bitmap) {
+        let overlapPadding = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
         const {
           dy = 0,
           dx = 0
         } = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
         if (0 === dx && 0 === dy) {
-          if (canPlace(bmpTool, bitmap, text.AABBBounds)) return bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), !0;
+          if (canPlace(bmpTool, bitmap, text.AABBBounds, !1, overlapPadding)) return bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), !0;
         } else if (canPlace(bmpTool, bitmap, {
           x1: text.AABBBounds.x1 + dx,
           x2: text.AABBBounds.x2 + dx,
@@ -33000,7 +33113,7 @@
             break;
           }
           if (!hasPlace && clampForce) {
-            if (this._processClampForce(text, bmpTool, bitmap)) {
+            if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
               result.push(text);
               continue;
             }
@@ -34414,6 +34527,52 @@
       zIndex: 1
     };
 
+    function genNormalBounds(item) {
+      const bounds = item.AABBBounds;
+      return {
+        x1: bounds.x1,
+        x2: bounds.x2,
+        y1: bounds.y1,
+        y2: bounds.y2,
+        centerX: item.attribute.x,
+        centerY: item.attribute.y,
+        angle: item.attribute.angle
+      };
+    }
+    function genRotateBounds(items) {
+      items.forEach(item => {
+        if (item.rotatedBounds || !item.attribute.angle) return;
+        const bounds = genNormalBounds(item),
+          rotatedCenter = rotatePoint({
+            x: item.attribute.x,
+            y: item.attribute.y
+          }, bounds.angle, {
+            x: bounds.centerX,
+            y: bounds.centerY
+          }),
+          deltaX = rotatedCenter.x - bounds.centerX,
+          deltaY = rotatedCenter.y - bounds.centerY;
+        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
+      });
+    }
+    function itemIntersect(item1, item2) {
+      var _a, _b;
+      return (null === (_a = item1.OBBBounds) || void 0 === _a ? void 0 : _a.empty()) || (null === (_b = item2.OBBBounds) || void 0 === _b ? void 0 : _b.empty()) ? isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0)) : item1.OBBBounds.intersects(item2.OBBBounds);
+    }
+    const DELTA_ANGLE = Math.sin(Math.PI / 10);
+    function isAngleVertical(angle) {
+      let delta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DELTA_ANGLE;
+      const hasAngle = !isNil$1(angle) && 0 !== angle,
+        cos = hasAngle ? Math.cos(angle) : 1;
+      return hasAngle && Math.abs(cos) <= delta;
+    }
+    function isAngleHorizontal(angle) {
+      let delta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DELTA_ANGLE;
+      const hasAngle = !isNil$1(angle) && 0 !== angle,
+        sin = hasAngle ? Math.sin(angle) : 0;
+      return !hasAngle || Math.abs(sin) <= delta;
+    }
+
     function getCircleLabelPosition(tickPosition, tickVector) {
       return {
         x: tickPosition.x + tickVector[0],
@@ -34484,9 +34643,11 @@
       }), closed && (path += "Z")), path;
     }
     function textIntersect(textA, textB, sep) {
-      let a = textA.OBBBounds,
-        b = textB.OBBBounds;
-      return a && b && !a.empty() && !b.empty() ? a.intersects(b) : (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
+      var _a;
+      let a, b;
+      const angle = null === (_a = textA.attribute) || void 0 === _a ? void 0 : _a.angle,
+        isAABBIntersects = (textA, textB, sep) => (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
+      return isAngleHorizontal(angle, Number.EPSILON) ? isAABBIntersects(textA, textB, sep) : (a = textA.OBBBounds, b = textB.OBBBounds, !a || !b || a.empty() || b.empty() ? isAABBIntersects(textA, textB, sep) : a.intersects(b));
     }
     function hasOverlap$1(items, pad) {
       for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], textIntersect(a, b, pad)) return !0;
@@ -34870,50 +35031,6 @@
       });
     }
 
-    function genNormalBounds(item) {
-      const bounds = item.AABBBounds;
-      return {
-        x1: bounds.x1,
-        x2: bounds.x2,
-        y1: bounds.y1,
-        y2: bounds.y2,
-        centerX: item.attribute.x,
-        centerY: item.attribute.y,
-        angle: item.attribute.angle
-      };
-    }
-    function genRotateBounds(items) {
-      items.forEach(item => {
-        if (item.rotatedBounds || !item.attribute.angle) return;
-        const bounds = genNormalBounds(item),
-          rotatedCenter = rotatePoint({
-            x: item.attribute.x,
-            y: item.attribute.y
-          }, bounds.angle, {
-            x: bounds.centerX,
-            y: bounds.centerY
-          }),
-          deltaX = rotatedCenter.x - bounds.centerX,
-          deltaY = rotatedCenter.y - bounds.centerY;
-        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
-      });
-    }
-    function itemIntersect(item1, item2) {
-      var _a, _b;
-      return (null === (_a = item1.OBBBounds) || void 0 === _a ? void 0 : _a.empty()) || (null === (_b = item2.OBBBounds) || void 0 === _b ? void 0 : _b.empty()) ? isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0)) : item1.OBBBounds.intersects(item2.OBBBounds);
-    }
-    const DELTA_ANGLE = Math.sin(Math.PI / 10);
-    function isAngleVertical(angle) {
-      const hasAngle = !isNil$1(angle) && 0 !== angle,
-        cos = hasAngle ? Math.cos(angle) : 1;
-      return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
-    }
-    function isAngleHorizontal(angle) {
-      const hasAngle = !isNil$1(angle) && 0 !== angle,
-        sin = hasAngle ? Math.sin(angle) : 0;
-      return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
-    }
-
     function autoRotate(items, rotateConfig) {
       if (isEmpty(items)) return;
       const {
@@ -37059,7 +37176,7 @@
         breakData: breakData
       } = op;
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, subDomain) => subDomain && subDomain.length ? scale.domain(subDomain, !0).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
+      if (isValid$1(tickStep)) ticks = scale.stepTicks(tickStep), breakDomains = breakData && breakData() ? breakData().breakDomains : null, scaleTicks = breakDomains && breakDomains.length ? ticks.filter(tick => breakDomains.every(breakDomain => tick < breakDomain[0] || tick > breakDomain[1])) : ticks;else if (isValid$1(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, subDomain) => subDomain && subDomain.length ? scale.domain(subDomain, !0).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
         const count = null !== (_a = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -37083,19 +37200,30 @@
           customTicks: customTicks
         }));
       }
+      var ticks, breakDomains;
       const domain = scale.domain();
       if (op.labelFirstVisible && domain[0] !== scaleTicks[0] && !scaleTicks.includes(domain[0]) && scaleTicks.unshift(domain[0]), op.labelLastVisible && domain[domain.length - 1] !== scaleTicks[scaleTicks.length - 1] && !scaleTicks.includes(domain[domain.length - 1]) && scaleTicks.push(domain[domain.length - 1]), op.sampling && scaleTicks.length > 1 && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
-          labelGap = 4,
-          labelFlush: labelFlush
-        } = op;
-        let items = getCartesianLabelBounds(scale, scaleTicks, op).map((bounds, i) => ({
+            labelGap = 4,
+            labelFlush: labelFlush
+          } = op,
+          MIN_FONT_SIZE = 6;
+        let items;
+        if (scaleTicks.length * MIN_FONT_SIZE > rangeSize) {
+          const samplingScaleTicks = [],
+            step = Math.floor(scaleTicks.length * MIN_FONT_SIZE / rangeSize);
+          scaleTicks.forEach((tick, index) => {
+            index % step != 0 && index !== scaleTicks.length - 1 || samplingScaleTicks.push(tick);
+          }), items = getCartesianLabelBounds(scale, samplingScaleTicks, op).map((bounds, i) => ({
+            AABBBounds: bounds,
+            value: samplingScaleTicks[i]
+          }));
+        } else items = getCartesianLabelBounds(scale, scaleTicks, op).map((bounds, i) => ({
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const source = [...items],
-          firstSourceItem = source[0],
-          lastSourceItem = last(source),
+        const firstSourceItem = items[0],
+          lastSourceItem = last(items),
           samplingMethod = breakData && breakData() ? methods$1.greedy : methods$1.parity;
         for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = samplingMethod(items, labelGap);
         const checkFirst = op.labelFirstVisible;
@@ -40683,7 +40811,8 @@
           } = this.attribute,
           {
             spaceCol = DEFAULT_ITEM_SPACE_COL,
-            spaceRow = DEFAULT_ITEM_SPACE_ROW
+            spaceRow = DEFAULT_ITEM_SPACE_ROW,
+            verticalAlign = "middle"
           } = itemAttrs,
           itemsContainer = this._itemsContainer,
           {
@@ -40702,7 +40831,9 @@
             startY: startY,
             pages: pages
           } = this._itemContext,
-          lastItemWidth = 0;
+          lastItemWidth = 0,
+          lastLineHeight = 0;
+        const lastLineItemGroup = [];
         for (let index = startIndex, len = legendItems.length; index < len && !(lazyload && pages > this._itemContext.currentPage * maxPages); index++) {
           lazyload && (this._itemContext.startIndex = index + 1), item = legendItems[index], item.id || (item.id = item.label), item.index = index;
           let isSelected = !0;
@@ -40710,15 +40841,23 @@
           const itemGroup = this._renderEachItem(item, isSelected, index, legendItems),
             itemWidth = itemGroup.attribute.width,
             itemHeight = itemGroup.attribute.height;
-          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (isValid$1(maxWidth) && (isScrollbar && autoPage ? (pages = Math.ceil((startX + itemWidth) / maxWidth), doWrap = pages > 1) : startX + itemWidth > maxWidth && (doWrap = !0, startX > 0 && (pages += 1, startX = 0, startY += itemHeight + spaceRow))), 0 === startX && 0 === startY || itemGroup.setAttributes({
+          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (isValid$1(maxWidth) && (isScrollbar && autoPage ? (pages = Math.ceil((startX + itemWidth) / maxWidth), doWrap = pages > 1) : startX + itemWidth > maxWidth && (doWrap = !0, startX > 0 && ("middle" !== verticalAlign && "bottom" !== verticalAlign || lastLineItemGroup.forEach(i => {
+            i.setAttributes({
+              y: i.attribute.y + (lastLineHeight - i.attribute.height) / ("middle" === verticalAlign ? 2 : 1)
+            });
+          }), pages += 1, startX = 0, startY += lastLineHeight + spaceRow, lastLineHeight = 0, lastLineItemGroup.length = 0))), 0 === startX && 0 === startY || itemGroup.setAttributes({
             x: startX,
             y: startY
-          }), startX += spaceCol + itemWidth) : (isValid$1(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight <= itemHeight ? (pages += 1, doWrap = !0, startY = 0, index > 0 && (startX += lastItemWidth + spaceCol)) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
+          }), startX += spaceCol + itemWidth, lastLineHeight = Math.max(lastLineHeight, itemHeight), lastLineItemGroup.push(itemGroup)) : (isValid$1(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight <= itemHeight ? (pages += 1, doWrap = !0, startY = 0, index > 0 && (startX += lastItemWidth + spaceCol)) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
             x: startX,
             y: startY
           }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup), lastItemWidth = itemWidth;
         }
-        return this._itemContext.doWrap = doWrap, this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.maxWidthInCol = maxWidthInCol, this._itemContext.pages = pages, this._itemContext.maxPages = maxPages, isScrollbar && (this._itemContext.totalPage = pages), lazyload || (this._itemContext.startIndex = legendItems.length), this._itemContext;
+        return !isHorizontal || "middle" !== verticalAlign && "bottom" !== verticalAlign || lastLineItemGroup.forEach(i => {
+          i.setAttributes({
+            y: i.attribute.y + (lastLineHeight - i.attribute.height) / ("middle" === verticalAlign ? 2 : 1)
+          });
+        }), this._itemContext.doWrap = doWrap, this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.maxWidthInCol = maxWidthInCol, this._itemContext.pages = pages, this._itemContext.maxPages = maxPages, isScrollbar && (this._itemContext.totalPage = pages), lazyload || (this._itemContext.startIndex = legendItems.length), this._itemContext;
       }
       _renderContent() {
         const {
@@ -49679,6 +49818,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             ticker: viewOptions.ticker,
             supportsTouchEvents: viewOptions.supportsTouchEvents,
             supportsPointerEvents: viewOptions.supportsPointerEvents,
+            event: {
+              clickInterval: this._eventConfig.clickInterval,
+              autoPreventDefault: !!this._eventConfig.autoPreventDefault
+            },
             ReactDOM: viewOptions.ReactDOM,
             autoRefresh: viewOptions.autoRefresh
           });
@@ -57092,18 +57235,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args);
                 });
             }
-            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: this._option.performanceHook }, this._option), { autoRefresh: isValid$1(this._option.autoRefreshDpr) ? this._option.autoRefreshDpr : !isValid$1(this._option.dpr), mode: toRenderMode(this._option.mode), autoFit: false, eventConfig: {
-                    gesture: isValid$1(this._option.gestureConfig)
-                        ? this._option.gestureConfig
-                        : isMobileLikeMode(this._option.mode),
-                    disable: this._option.interactive === false
+            const _e = this._option, { performanceHook, autoRefreshDpr, dpr, mode, gestureConfig, interactive, clickInterval, autoPreventDefault } = _e, restOption = __rest$e(_e, ["performanceHook", "autoRefreshDpr", "dpr", "mode", "gestureConfig", "interactive", "clickInterval", "autoPreventDefault"]);
+            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: performanceHook }, restOption), { autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr), mode: toRenderMode(mode), autoFit: false, eventConfig: {
+                    gesture: isValid$1(gestureConfig) ? gestureConfig : isMobileLikeMode(mode),
+                    disable: interactive === false,
+                    clickInterval,
+                    autoPreventDefault
                 }, doLayout: () => {
                     var _a;
                     (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onLayout(this._view);
                 }, logger: logger, logLevel: logger.level() }));
             this._setCanvasStyle();
             this.getStage().hooks.afterRender.tap('chart-event', this.handleStageRender);
-            const interactive = this._option.interactive;
             if (interactive !== false) {
                 this._viewListeners.forEach(listener => {
                     var _a;
@@ -57467,7 +57610,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function getCanvasDataURL(c, ctx) {
         var _a;
-        return __awaiter$7(this, void 0, void 0, function* () {
+        return __awaiter$a(this, void 0, void 0, function* () {
             if (!c) {
                 return '';
             }
@@ -61645,7 +61788,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         renderAsync(morphConfig) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 return this._renderAsync({
                     morphConfig,
                     transformSpec: true,
@@ -61654,7 +61797,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         _renderAsync(option = {}) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 return this._renderSync(option);
             });
         }
@@ -61702,7 +61845,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             InstanceManager.unregisterInstance(this);
         }
         updateData(id, data, parserOptions, userUpdateOptions) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 return this.updateDataSync(id, data, parserOptions, userUpdateOptions);
             });
         }
@@ -61729,7 +61872,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         updateDataInBatches(list) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 if (this._chart) {
                     this._chart.updateFullData(list.map(({ id, data, options }) => {
                         return { id, values: data, parser: options };
@@ -61800,12 +61943,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this;
         }
         updateFullData(data, reRender = true) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 return this.updateFullDataSync(data, reRender);
             });
         }
         updateSpec(spec, forceMerge = false, morphConfig, userUpdateOptions) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 const result = this._updateSpec(spec, forceMerge, userUpdateOptions);
                 if (!result) {
                     return this;
@@ -61835,7 +61978,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._updateCustomConfigAndRecompile(result, Object.assign({ actionSource: 'updateSpecAndRecompile' }, option));
         }
         updateModelSpec(filter, spec, forceMerge = false, morphConfig) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 if (!spec || !this._spec) {
                     return this;
                 }
@@ -61888,7 +62031,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         resize(width, height) {
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 return this.resizeSync(width, height);
             });
         }
@@ -62080,7 +62223,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         setCurrentTheme(name) {
             var _a;
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 if (!ThemeManager$1.themeExist(name)) {
                     return this;
                 }
@@ -62203,7 +62346,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         getDataURL() {
             var _a;
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 const stage = this.getStage();
                 if (this._chart && stage) {
                     stage.render();
@@ -62219,7 +62362,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         exportImg(name) {
             var _a, _b;
-            return __awaiter$7(this, void 0, void 0, function* () {
+            return __awaiter$a(this, void 0, void 0, function* () {
                 if (!isTrueBrowser(this._option.mode)) {
                     (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError(new TypeError(`non-browser environment can not export img`));
                     return;
@@ -62510,7 +62653,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.1";
+    const version = "1.13.2";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -67367,8 +67510,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _getTitleLimit(isX) {
             var _a, _b, _c, _d, _e;
-            if (this._spec.title.visible && isNil$1((_a = this._spec.title.style) === null || _a === void 0 ? void 0 : _a.maxLineWidth)) {
-                const angle = (_e = (_c = (_b = this._axisStyle.title) === null || _b === void 0 ? void 0 : _b.angle) !== null && _c !== void 0 ? _c : (_d = this._spec.title.style) === null || _d === void 0 ? void 0 : _d.angle) !== null && _e !== void 0 ? _e : 0;
+            const titleSpec = this._spec.title;
+            if (titleSpec.visible && isNil$1((_a = titleSpec.style) === null || _a === void 0 ? void 0 : _a.maxLineWidth)) {
+                const angle = (_e = (_c = (_b = this._axisStyle.title) === null || _b === void 0 ? void 0 : _b.angle) !== null && _c !== void 0 ? _c : (_d = titleSpec.style) === null || _d === void 0 ? void 0 : _d.angle) !== null && _e !== void 0 ? _e : 0;
                 if (isX) {
                     const width = this.getLayoutRect().width;
                     const cosValue = Math.abs(Math.cos(angle));
@@ -67405,64 +67549,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const isX = isXAxis(this._orient);
             const isY = isYAxis(this._orient);
             const isZ = isZAxis(this._orient);
-            let end = { x: 0, y: 0 };
-            let gridLength = 0;
-            let axisLength = 0;
             const depth = this.layout3dBox ? this.layout3dBox.length : 0;
+            let end = { x: 0, y: 0 };
+            let gridLength = regionHeight;
+            let axisLength = width;
             if (isX) {
                 end = { x: width, y: 0 };
-                gridLength = regionHeight;
-                axisLength = width;
             }
             else if (isY) {
                 end = { x: 0, y: height };
                 gridLength = regionWidth;
                 axisLength = height;
             }
-            if (isZ) {
-                const directionStr = (_a = this.directionStr) !== null && _a !== void 0 ? _a : 'r2l';
-                const depthZ = this.layout3dBox ? this.layout3dBox.width : 0;
-                let anchor3d = [0, 0];
-                let alpha = -Math.PI / 2;
-                let z = 0;
-                if (directionStr === 'l2r') {
-                    z = this.layout3dBox.length;
-                    anchor3d = [0, 0, 0];
-                    alpha = Math.PI / 2;
-                }
-                const items = this.getLabelItems(width);
-                const axisAttrs = {
-                    start: { x: 0, y: 0 },
-                    end: { x: depth, y: 0 },
-                    z: z,
-                    alpha,
-                    anchor3d,
-                    title: {
-                        text: this._spec.title.text || this._dataFieldText,
-                        maxWidth: this._getTitleLimit(isX)
-                    },
-                    items
-                };
-                if (!ignoreGrid) {
-                    axisAttrs.grid = {
-                        type: 'line',
-                        start: { x: 0, y: 0 },
-                        end: { x: depth, y: 0 },
-                        items: items[0],
-                        verticalFactor: this._axisStyle.verticalFactor,
-                        depth: depthZ,
-                        length: regionHeight,
-                        z: z,
-                        alpha,
-                        anchor3d
-                    };
-                }
-                return axisAttrs;
-            }
-            let verticalMinSize = isX ? this.layout.minHeight : this.layout.minWidth;
-            if ((isX && this._layout.layoutRectLevelMap.height === USER_LAYOUT_RECT_LEVEL) ||
-                (isY && this._layout.layoutRectLevelMap.width === USER_LAYOUT_RECT_LEVEL)) {
-                verticalMinSize = this._verticalLimitSize;
+            else if (isZ) {
+                end = { x: depth, y: 0 };
             }
             const items = this.getLabelItems(axisLength);
             const attrs = {
@@ -67472,12 +67572,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     text: this._spec.title.text || this._dataFieldText,
                     maxWidth: this._getTitleLimit(isX)
                 },
-                items,
-                verticalLimitSize: this._verticalLimitSize,
-                verticalMinSize,
-                label: {
-                    overflowLimitLength: this._getLabelOverflowLimit(isX)
-                }
+                items
             };
             if (!ignoreGrid) {
                 attrs.grid = {
@@ -67490,6 +67585,36 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     length: gridLength
                 };
             }
+            if (isZ) {
+                const directionStr = (_a = this.directionStr) !== null && _a !== void 0 ? _a : 'r2l';
+                const depthZ = this.layout3dBox ? this.layout3dBox.width : 0;
+                let anchor3d = [0, 0];
+                let alpha = -Math.PI / 2;
+                let z = 0;
+                if (directionStr === 'l2r') {
+                    z = this.layout3dBox.length;
+                    anchor3d = [0, 0, 0];
+                    alpha = Math.PI / 2;
+                }
+                attrs.z = z;
+                attrs.alpha = alpha;
+                attrs.anchor3d = anchor3d;
+                if (!ignoreGrid) {
+                    attrs.grid.depth = depthZ;
+                }
+            }
+            else {
+                let verticalMinSize = isX ? this.layout.minHeight : this.layout.minWidth;
+                if ((isX && this._layout.layoutRectLevelMap.height === USER_LAYOUT_RECT_LEVEL) ||
+                    (isY && this._layout.layoutRectLevelMap.width === USER_LAYOUT_RECT_LEVEL)) {
+                    verticalMinSize = this._verticalLimitSize;
+                }
+                attrs.verticalLimitSize = this._verticalLimitSize;
+                attrs.verticalMinSize = verticalMinSize;
+                attrs.label = {
+                    overflowLimitLength: this._getLabelOverflowLimit(isX)
+                };
+            }
             return attrs;
         }
         getLabelItems(length) {
@@ -84195,9 +84320,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           return Math.min(val, (this._viewBox.height - sumGapY) / sumValue);
         }, 1 / 0);else {
           const maxRowCount = columns.reduce((cnt, column) => Math.max(cnt, column.length), 0),
-            maxStepHeight = this._viewBox.height / maxRowCount,
-            gapY = Math.min(this.options.nodeGap, maxStepHeight);
-          if (getGapY = () => gapY, this._gapY = gapY, (minNodeHeight + gapY) * maxRowCount > this._viewBox.height && (minNodeHeight = maxStepHeight - gapY), this.options.equalNodeHeight) forceNodeHeight = this._viewBox.height / maxRowCount - gapY;else {
+            maxStepHeight = this._viewBox.height / maxRowCount;
+          let gapY = Math.min(this.options.nodeGap, maxStepHeight);
+          if (minNodeHeight + gapY > maxStepHeight && (gapY = minNodeHeight >= maxStepHeight ? maxStepHeight / 2 : (maxStepHeight - minNodeHeight) / 2, minNodeHeight = Math.min(maxStepHeight - gapY, minNodeHeight)), getGapY = () => gapY, this._gapY = gapY, this.options.equalNodeHeight) forceNodeHeight = this._viewBox.height / maxRowCount - gapY;else {
             const calGapY = minNodeHeight > 0 ? Math.max(gapY, minNodeHeight) : gapY;
             ky = columns.reduce((val, column) => {
               const sumValue = column.reduce((sum, node) => sum + node.value, 0);
@@ -86354,6 +86479,26 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             }
         }
+        generateRadiusStyle(spec) {
+            if (!spec) {
+                return;
+            }
+            const style = {};
+            spec.outerRadius && (style.outerRadius = () => this._computeLayoutRadius() * spec.outerRadius);
+            spec.innerRadius && (style.innerRadius = () => this._computeLayoutRadius() * spec.innerRadius);
+            return style;
+        }
+        initMarkStyleWithSpec(mark, spec, key) {
+            super.initMarkStyleWithSpec(mark, spec, key);
+            if (mark && mark.name === "segment") {
+                const segmentSpec = this.getSpec()["segment"];
+                if (segmentSpec) {
+                    for (const state in segmentSpec.state || {}) {
+                        this.setMarkStyle(mark, this.generateRadiusStyle(segmentSpec.state[state]), state, AttributeLevel.User_Mark);
+                    }
+                }
+            }
+        }
         initTooltip() {
             super.initTooltip();
             this._segmentMark && this._tooltipHelper.activeTriggerSet.mark.add(this._segmentMark);
@@ -88548,371 +88693,689 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         Factory$1.registerSeries(VennSeries.type, VennSeries);
     };
 
-    class MapChartSpecTransformer extends BaseChartSpecTransformer {
-        _isValidSeries(type) {
-            return type === exports.SeriesTypeEnum.map;
-        }
-        _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { type: spec.type, nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, map: spec.map, nameProperty: spec.nameProperty, centroidProperty: spec.centroidProperty, nameMap: spec.nameMap, area: spec.area, defaultFillColor: spec.defaultFillColor, showDefaultName: spec.showDefaultName });
-            return series;
-        }
-        transformSpec(spec) {
-            super.transformSpec(spec);
-            spec.region.forEach((r) => {
-                r.coordinate = 'geo';
-            });
-            const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
-            if (!spec.series || spec.series.length === 0) {
-                spec.series = [defaultSeriesSpec];
-            }
-            else {
-                spec.series.forEach((s) => {
-                    if (!this._isValidSeries(s.type)) {
-                        return;
-                    }
-                    Object.keys(defaultSeriesSpec).forEach(k => {
-                        if (!(k in s)) {
-                            s[k] = defaultSeriesSpec[k];
-                        }
-                    });
-                });
-            }
-        }
-    }
-
-    class MapChart extends BaseChart {
+    class MosaicSeries extends BarSeries {
         constructor() {
             super(...arguments);
-            this.transformerConstructor = MapChartSpecTransformer;
-            this.type = "map";
-            this.seriesType = exports.SeriesTypeEnum.map;
-        }
-    }
-    MapChart.type = "map";
-    MapChart.seriesType = exports.SeriesTypeEnum.map;
-    MapChart.transformerConstructor = MapChartSpecTransformer;
-    const registerMapChart = () => {
-        registerMapSeries();
-        Factory$1.registerChart(MapChart.type, MapChart);
-    };
-
-    class PolarChartSpecTransformer extends BaseChartSpecTransformer {
-        _isValidSeries(type) {
-            return this.seriesType ? type === this.seriesType : true;
-        }
-        getIndicatorSpec(spec) {
-            var _a, _b, _c;
-            const indicatorSpec = array(spec.indicator);
-            const limitRatio = (_a = spec.innerRadius) !== null && _a !== void 0 ? _a : (_c = (_b = spec.series) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.innerRadius;
-            if (isValid$1(limitRatio)) {
-                indicatorSpec.forEach(indicator => {
-                    if (isNil$1(indicator.limitRatio)) {
-                        indicator.limitRatio = limitRatio;
-                    }
-                });
-            }
-            return indicatorSpec;
-        }
-        _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: spec.radius, outerRadius: spec.outerRadius, innerRadius: spec.innerRadius, startAngle: spec.startAngle, endAngle: spec.endAngle, sortDataByAxis: spec.sortDataByAxis });
-            const seriesType = this.seriesType;
-            if (seriesType) {
-                series.type = seriesType;
-                series[seriesType] = spec[seriesType];
-            }
-            return series;
+            this.type = exports.SeriesTypeEnum.mosaic;
+            this.transformerConstructor = BarSeriesSpecTransformer;
         }
-        transformSpec(spec) {
-            super.transformSpec(spec);
-            if (isArray$1(spec.dataZoom) && spec.dataZoom.length > 0) {
-                spec.dataZoom.forEach((zoom) => {
-                    if (zoom.filterMode === 'axis') {
-                        zoom.filterMode = 'filter';
-                    }
-                });
-            }
-            this.transformSeriesSpec(spec);
-            if (isValid$1(spec.indicator)) {
-                spec.indicator = this.getIndicatorSpec(spec);
-            }
+        getStack() {
+            return true;
         }
-    }
-
-    class ProgressLikeChartSpecTransformer extends PolarChartSpecTransformer {
-        needAxes() {
-            return false;
+        getPercent() {
+            return !!this.getSeriesField();
         }
-        _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, categoryField: spec.categoryField || spec.radiusField, valueField: spec.valueField || spec.angleField, startAngle: spec.startAngle, endAngle: spec.endAngle, radius: spec.radius, innerRadius: spec.innerRadius, centerX: spec.centerX, centerY: spec.centerY });
-            return series;
+        getGroupFields() {
+            return this.direction === 'vertical' ? this._specXField : this._specYField;
         }
-        _transformProgressAxisSpec(spec, angleAxisDefaultSpec, radiusAxisDefaultSpec, angleAxisAppendSpec, radiusAxisAppendSpec) {
-            var _a, _b;
-            if (!spec.axes) {
-                spec.axes = [];
-            }
-            let radiusAxis = ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).find((axis) => axis.orient === 'radius');
-            let angleAxis = ((_b = spec.axes) !== null && _b !== void 0 ? _b : []).find((axis) => axis.orient === 'angle');
-            if (!angleAxis) {
-                angleAxis = angleAxisDefaultSpec;
-                spec.axes.push(angleAxis);
-            }
-            if (!radiusAxis) {
-                radiusAxis = radiusAxisDefaultSpec;
-                spec.axes.push(radiusAxis);
-            }
-            if (isNil$1(angleAxis.type)) {
-                angleAxis.type = 'linear';
-            }
-            if (isNil$1(radiusAxis.type)) {
-                radiusAxis.type = 'band';
-            }
-            const domain = getLinearAxisSpecDomain(angleAxis, { min: 0, max: 1 });
-            if (isNil$1(angleAxis.min)) {
-                angleAxis.min = domain.min;
-            }
-            if (isNil$1(angleAxis.max)) {
-                angleAxis.max = domain.max;
-            }
-            if (angleAxisAppendSpec) {
-                Object.assign(angleAxis, mergeSpec({}, angleAxisAppendSpec, angleAxis));
+        setAttrFromSpec() {
+            super.setAttrFromSpec();
+            const isPercent = this.getPercent();
+            if (this.direction === "horizontal") {
+                if (isPercent) {
+                    this.setFieldX(MOSAIC_VALUE_END_PERCENT);
+                    this.setFieldX2(MOSAIC_VALUE_START_PERCENT);
+                }
+                this.setFieldY(MOSAIC_CAT_END_PERCENT);
+                this.setFieldY2(MOSAIC_CAT_START_PERCENT);
             }
-            if (radiusAxisAppendSpec) {
-                Object.assign(radiusAxis, mergeSpec({}, radiusAxisAppendSpec, radiusAxis));
+            else {
+                if (isPercent) {
+                    this.setFieldY(MOSAIC_VALUE_END_PERCENT);
+                    this.setFieldY2(MOSAIC_VALUE_START_PERCENT);
+                }
+                this.setFieldX(MOSAIC_CAT_END_PERCENT);
+                this.setFieldX2(MOSAIC_CAT_START_PERCENT);
             }
         }
-    }
-
-    class RoseLikeChartSpecTransformer extends PolarChartSpecTransformer {
-        needAxes() {
-            return true;
-        }
-        _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.angleField, valueField: spec.valueField || spec.radiusField });
-            return series;
-        }
-        transformSpec(spec) {
-            var _a;
-            super.transformSpec(spec);
-            if (this.needAxes()) {
-                if (!spec.axes) {
-                    spec.axes = [];
+        parseLabelStyle(labelStyle, labelSpec) {
+            if ((labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.filterByGroup) && isNil$1(labelStyle.dataFilter)) {
+                const allGroupFields = this.getGroupFields();
+                const { field, type: filterType = 'max', filter } = labelSpec.filterByGroup;
+                delete labelStyle.filterField;
+                const fieldIndex = allGroupFields.indexOf(field);
+                if (fieldIndex < 0) {
+                    return;
                 }
-                const haxAxes = { radius: false, angle: false };
-                ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
-                    const { orient } = axis;
-                    if (orient === 'radius') {
-                        haxAxes.radius = true;
-                    }
-                    if (orient === 'angle') {
-                        haxAxes.angle = true;
+                const isCatField = !!(fieldIndex % 2);
+                const valueField = isCatField
+                    ? filterType === 'min'
+                        ? this.direction === "horizontal"
+                            ? this._fieldY2
+                            : this._fieldX2
+                        : this.direction === "horizontal"
+                            ? this._fieldY
+                            : this._fieldX
+                    : filterType === 'min'
+                        ? this.direction === "horizontal"
+                            ? this._fieldX2
+                            : this._fieldY2
+                        : this.direction === "horizontal"
+                            ? this._fieldX
+                            : this._fieldY;
+                const filterFunc = filterType === 'min'
+                    ? (a, b) => {
+                        var _a, _b;
+                        return ((_a = a.data) === null || _a === void 0 ? void 0 : _a[valueField]) < ((_b = b.data) === null || _b === void 0 ? void 0 : _b[valueField]);
                     }
-                });
-                if (!haxAxes.angle) {
-                    spec.axes.push({
-                        orient: 'angle'
+                    : (a, b) => {
+                        var _a, _b;
+                        return ((_a = a.data) === null || _a === void 0 ? void 0 : _a[valueField]) > ((_b = b.data) === null || _b === void 0 ? void 0 : _b[valueField]);
+                    };
+                labelStyle.dataFilter = (data) => {
+                    const filteredData = {};
+                    data.forEach((d) => {
+                        const datum = d.data;
+                        const fieldValue = datum === null || datum === void 0 ? void 0 : datum[field];
+                        if (isNil$1(fieldValue) || (filter && !filter(d))) {
+                            return;
+                        }
+                        if (!filteredData[fieldValue] || filterFunc(d, filteredData[fieldValue])) {
+                            filteredData[fieldValue] = d;
+                        }
                     });
-                }
-                if (!haxAxes.radius) {
-                    spec.axes.push({
-                        orient: 'radius'
+                    return data.filter((d) => {
+                        var _a;
+                        const fieldValue = (_a = d.data) === null || _a === void 0 ? void 0 : _a[field];
+                        return filteredData[fieldValue] && filteredData[fieldValue] === d;
                     });
-                }
+                };
             }
+            return labelStyle;
         }
     }
+    MosaicSeries.type = exports.SeriesTypeEnum.mosaic;
+    MosaicSeries.transformerConstructor = BarSeriesSpecTransformer;
+    const registerMosaicSeries = () => {
+        registerRectMark();
+        registerTextMark();
+        registerFadeInOutAnimation();
+        registerCartesianLinearAxis();
+        Factory$1.registerSeries(MosaicSeries.type, MosaicSeries);
+    };
 
-    class BasePieChartSpecTransformer extends PolarChartSpecTransformer {
-        needAxes() {
-            return false;
-        }
-        _getDefaultSeriesSpec(spec) {
-            var _a;
-            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.seriesField, valueField: spec.valueField || spec.angleField, center: spec.center, centerOffset: spec.centerOffset, cornerRadius: spec.cornerRadius, padAngle: spec.padAngle, minAngle: spec.minAngle, emptyPlaceholder: spec.emptyPlaceholder, emptyCircle: (_a = spec.emptyPlaceholder) === null || _a === void 0 ? void 0 : _a.emptyCircle, showAllZero: spec.showAllZero, supportNegative: spec.supportNegative, layoutRadius: spec.layoutRadius });
-        }
-    }
+    const PictogramSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pictogram"]: { name: "pictogram", type: "group" } });
 
-    class BasePieChart extends BaseChart {
-        constructor() {
-            super(...arguments);
-            this.transformerConstructor = BasePieChartSpecTransformer;
+    class PictogramSeriesSpecTransformer extends BaseSeriesSpecTransformer {
+        _getDefaultSpecFromChart(chartSpec) {
+            var _a, _b, _c;
+            const spec = (_a = super._getDefaultSpecFromChart(chartSpec)) !== null && _a !== void 0 ? _a : {};
+            const svg = chartSpec.svg;
+            const elements = (_c = (_b = svgSourceMap.get(svg)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c.elements;
+            if (elements && elements.length) {
+                const names = elements.map(e => e.name).filter(n => isValid$1(n));
+                names.forEach(name => {
+                    if (chartSpec[name]) {
+                        spec[name] = chartSpec[name];
+                    }
+                });
+            }
+            return spec;
         }
     }
-    BasePieChart.transformerConstructor = BasePieChartSpecTransformer;
 
-    class PieChart extends BasePieChart {
+    class PictogramSeriesTooltipHelper extends BaseSeriesTooltipHelper {
         constructor() {
             super(...arguments);
-            this.transformerConstructor = BasePieChartSpecTransformer;
-            this.type = "pie";
-            this.seriesType = exports.SeriesTypeEnum.pie;
+            this.dimensionTooltipTitleCallback = (datum) => {
+                var _a;
+                const series = this.series;
+                return (_a = this._getDimensionData(datum)) !== null && _a !== void 0 ? _a : series.getDatumName(datum);
+            };
+            this.markTooltipValueCallback = (datum, params) => {
+                const { measureFields } = this._seriesCacheInfo;
+                if (measureFields[0] && datum.data) {
+                    return datum.data[measureFields[0]];
+                }
+            };
+            this.markTooltipKeyCallback = (datum) => {
+                var _a;
+                return (_a = datum.data) === null || _a === void 0 ? void 0 : _a[this.series.getDimensionField()[0]];
+            };
         }
     }
-    PieChart.type = "pie";
-    PieChart.seriesType = exports.SeriesTypeEnum.pie;
-    PieChart.transformerConstructor = BasePieChartSpecTransformer;
-    const registerPieChart = () => {
-        registerPieSeries();
-        Factory$1.registerChart(PieChart.type, PieChart);
-    };
 
-    class Pie3dChartSpecTransformer extends BasePieChartSpecTransformer {
-        transformSpec(spec) {
-            super.transformSpec(spec);
-            spec.series.forEach((s) => {
-                if (s.type === 'pie3d') {
-                    s.angle3d = spec.angle3d;
-                }
-            });
-        }
+    function isValidStrokeOrFill(attr) {
+        var _a;
+        return isValid$1(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
     }
-    class Pie3dChart extends BasePieChart {
-        constructor() {
-            super(...arguments);
-            this.transformerConstructor = Pie3dChartSpecTransformer;
-            this.type = "pie3d";
-            this.seriesType = exports.SeriesTypeEnum.pie3d;
+    const getLineWidth = (attributes) => {
+        const strokeWidth = parseFloat(attributes['strokeWidth']);
+        if (!isNaN(strokeWidth))
+            return strokeWidth;
+        const stroke = attributes['stroke'];
+        return stroke && isValidStrokeOrFill(stroke) ? 1 : 0;
+    };
+    const getFill = (attributes, defaultFill) => {
+        var _a;
+        const fill = (_a = attributes['fill']) !== null && _a !== void 0 ? _a : defaultFill;
+        return fill && isValidStrokeOrFill(fill) ? fill : undefined;
+    };
+    const getStroke = (attributes, defaultStroke) => {
+        var _a;
+        const stroke = (_a = attributes['stroke']) !== null && _a !== void 0 ? _a : defaultStroke;
+        return stroke && isValidStrokeOrFill(stroke) ? stroke : false;
+    };
+    const commonAttributes = (attributes) => {
+        return Object.assign(Object.assign({}, attributes), { x: parseFloat(attributes.x) || undefined, y: parseFloat(attributes.y) || undefined, fillStrokeOrder: false, fill: getFill(attributes), lineWidth: getLineWidth(attributes), stroke: getStroke(attributes) });
+    };
+    const graphicAttributeTransform = {
+        group: (attributes) => {
+            const common = commonAttributes(attributes);
+            return Object.assign(Object.assign({}, common), { visibleAll: common['visible'] !== false });
+        },
+        rule: (attributes) => {
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { x: parseFloat(attributes.x1), y: parseFloat(attributes.y1), x1: parseFloat(attributes.x2), y1: parseFloat(attributes.y2) });
+        },
+        rect: (attributes) => {
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { fill: getFill(attributes, '#000'), width: parseFloat(attributes.width), height: parseFloat(attributes.height) });
+        },
+        polygon: (attributes) => {
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { fill: getFill(attributes, '#000'), points: attributes.points
+                    .trim()
+                    .split(/\s+/)
+                    .map((pair) => {
+                    const [x, y] = pair.split(',').map(Number);
+                    return { x, y };
+                }) });
+        },
+        line: (attributes) => {
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { points: attributes.points
+                    .trim()
+                    .split(/\s+/)
+                    .map((pair) => {
+                    const [x, y] = pair.split(',').map(Number);
+                    return { x, y };
+                }) });
+        },
+        path: (attributes) => {
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { path: attributes.d, fillStrokeOrder: false });
+        },
+        arc: (attributes) => {
+            var _a;
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { outerRadius: (_a = attributes.r) !== null && _a !== void 0 ? _a : attributes.ry, x: parseFloat(attributes.cx), y: parseFloat(attributes.cy), startAngle: 0, endAngle: Math.PI * 2, scaleX: parseFloat(attributes.rx) / parseFloat(attributes.ry) || 1, fill: getFill(attributes, '#000') });
+        },
+        text: (attributes, value) => {
+            var _a, _b;
+            return Object.assign(Object.assign({}, commonAttributes(attributes)), { text: value, textAlign: (_a = attributes.textAlign) !== null && _a !== void 0 ? _a : 'left', textBaseLine: (_b = attributes.textAnchor) !== null && _b !== void 0 ? _b : 'middle', anchor: [0, 0], fill: getFill(attributes, '#000') });
         }
-    }
-    Pie3dChart.type = "pie3d";
-    Pie3dChart.seriesType = exports.SeriesTypeEnum.pie3d;
-    Pie3dChart.transformerConstructor = Pie3dChartSpecTransformer;
-    const registerPie3dChart = () => {
-        register3DPlugin();
-        registerPie3dSeries();
-        Factory$1.registerChart(Pie3dChart.type, Pie3dChart);
     };
-
-    class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
-        _getDefaultSeriesSpec(spec) {
-            var _a, _b, _c;
-            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: (_a = spec.radius) !== null && _a !== void 0 ? _a : POLAR_DEFAULT_RADIUS, outerRadius: (_b = spec.outerRadius) !== null && _b !== void 0 ? _b : POLAR_DEFAULT_RADIUS, innerRadius: (_c = spec.innerRadius) !== null && _c !== void 0 ? _c : 0, seriesField: spec.seriesField, stack: spec.stack, percent: spec.percent });
+    const pictogram = (data) => {
+        var _a, _b;
+        if (!data || !data[0]) {
+            return {};
         }
-        transformSpec(spec) {
-            var _a;
-            super.transformSpec(spec);
-            ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
-                ['domainLine', 'grid', 'label', 'tick'].forEach(configName => {
-                    if (!axis[configName]) {
-                        axis[configName] = { visible: false };
-                    }
-                });
-                if (axis.orient === 'angle' && isNil$1(axis.bandPosition)) {
-                    axis.bandPosition = 0.5;
+        const { elements } = data[0].latestData;
+        if (elements && elements.length) {
+            elements.forEach((el, index) => {
+                var _a;
+                el[DEFAULT_DATA_INDEX] = index;
+                el._uniqueId = `${el.id}-${index}`;
+                el.data = undefined;
+                const { graphicType: type, transform } = el;
+                let finalAttributes = {
+                    visible: el.attributes.visibility !== 'hidden' && el.attributes.visibility !== 'collapse'
+                };
+                if (el.graphicType === 'text') {
+                    merge$1(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
+                }
+                else if (el.graphicType !== 'group') {
+                    merge$1(finalAttributes, el._inheritStyle, el.attributes);
+                }
+                if (graphicAttributeTransform[type]) {
+                    el._finalAttributes = graphicAttributeTransform[type](finalAttributes, el.value);
+                }
+                else {
+                    el._finalAttributes = finalAttributes;
+                }
+                if (transform) {
+                    el._finalAttributes.postMatrix = Object.assign({}, transform);
                 }
             });
-            spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
-                return mergeSpec({
-                    categoryField: {
-                        visible: true,
-                        line: {
-                            visible: true,
-                            type: 'rect'
+            const texts = elements.filter(el => el.tagName === 'text');
+            for (let i = 0; i < texts.length; i++) {
+                const textId = texts[i]._uniqueId;
+                const children = elements.filter(el => {
+                    let result = false;
+                    let parent = el.parent;
+                    while (parent) {
+                        if (parent._uniqueId === textId) {
+                            result = true;
+                            break;
                         }
+                        parent = parent.parent;
                     }
-                }, crosshairCfg);
-            });
+                    return result;
+                });
+                if (children && children.length) {
+                    let startX = (_b = (_a = texts[i]._textGroupStyle) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
+                    let curX = startX;
+                    for (let j = 0; j < children.length; j++) {
+                        const currentChild = children[j];
+                        if (currentChild.graphicType === 'group') {
+                            curX = startX;
+                        }
+                        else if (currentChild.value) {
+                            if (currentChild.parent._textGroupStyle.x === undefined) {
+                                const lastText = children
+                                    .slice(0, j)
+                                    .reverse()
+                                    .find(c => c.graphicType === 'text' && c.value);
+                                if (lastText) {
+                                    const width = measureText(lastText.value, lastText._finalAttributes).width;
+                                    curX += width;
+                                }
+                                currentChild._finalAttributes.x = curX;
+                            }
+                        }
+                    }
+                }
+            }
         }
-    }
+        return elements;
+    };
 
-    class RoseChart extends BaseChart {
+    class PictogramSeries extends GeoSeries {
         constructor() {
             super(...arguments);
-            this.transformerConstructor = RoseChartSpecTransformer;
-            this.type = "rose";
-            this.seriesType = exports.SeriesTypeEnum.rose;
+            this.type = exports.SeriesTypeEnum.pictogram;
         }
-    }
-    RoseChart.type = "rose";
-    RoseChart.seriesType = exports.SeriesTypeEnum.rose;
-    RoseChart.transformerConstructor = RoseChartSpecTransformer;
-    mixin(RoseChart, StackChartMixin);
-    const registerRoseChart = () => {
-        registerRoseSeries();
-        Factory$1.registerChart(RoseChart.type, RoseChart);
-    };
-
-    class RadarChartSpecTransformer extends RoseLikeChartSpecTransformer {
-        _getDefaultSeriesSpec(spec) {
-            var _a;
-            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, line: spec.line, point: spec.point, stack: spec.stack, percent: spec.percent, area: mergeSpec({
-                    visible: false
-                }, spec.area), seriesMark: (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'area', activePoint: spec.activePoint, pointDis: spec.pointDis, pointDisMul: spec.pointDisMul, markOverlap: spec.markOverlap });
+        setAttrFromSpec() {
+            var _a, _b, _c;
+            super.setAttrFromSpec();
+            this.svg = this._spec.svg;
+            this._nameField = this._spec.nameField;
+            this._valueField = this._spec.valueField;
+            if (!this.svg) {
+                (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError(`svg source is not specified !`);
+            }
+            this._parsedSvgResult = (_b = getSVGSource(this.svg)) === null || _b === void 0 ? void 0 : _b.latestData;
+            if (!this._parsedSvgResult) {
+                (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError(`'${this.svg}' is not registered !`);
+            }
         }
-        transformSpec(spec) {
+        getDatumCenter(datum) {
+            return [Number.NaN, Number.NaN];
+        }
+        getDatumName(datum) {
+            return datum.name || datum._nameFromParent;
+        }
+        getMarksWithoutRoot() {
+            return this.getMarks().filter(m => m.name && !m.name.includes('seriesGroup') && !m.name.includes('root') && m !== this._pictogramMark);
+        }
+        _buildMarkAttributeContext() {
+            super._buildMarkAttributeContext();
+            this._markAttributeContext.getTransformMatrix = this.getRootMatrix.bind(this);
+            this._markAttributeContext.coordToPosition = this.coordToPosition.bind(this);
+            this._markAttributeContext.dataToPosition = this.dataToPosition.bind(this);
+        }
+        _defaultHoverConfig(selector, finalHoverSpec) {
+            return {
+                seriesId: this.id,
+                regionId: this._region.id,
+                selector,
+                type: 'element-highlight-by-graphic-name',
+                trigger: finalHoverSpec.trigger,
+                triggerOff: 'pointerout',
+                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+                highlightState: STATE_VALUE_ENUM.STATE_HOVER
+            };
+        }
+        _defaultSelectConfig(selector, finalSelectSpec) {
+            const isMultiple = finalSelectSpec.mode === 'multiple';
+            const triggerOff = isValid$1(finalSelectSpec.triggerOff)
+                ? finalSelectSpec.triggerOff
+                : isMultiple
+                    ? ['empty', 'self']
+                    : ['empty', finalSelectSpec.trigger];
+            return {
+                type: 'element-select-by-graphic-name',
+                seriesId: this.id,
+                regionId: this._region.id,
+                selector,
+                trigger: finalSelectSpec.trigger,
+                triggerOff: triggerOff,
+                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+                state: STATE_VALUE_ENUM.STATE_SELECTED,
+                isMultiple
+            };
+        }
+        initMark() {
             var _a;
-            super.transformSpec(spec);
-            ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
-                if (axis.orient === 'radius') {
-                    ['domainLine', 'label', 'tick'].forEach(configName => {
-                        if (!axis[configName]) {
-                            axis[configName] = { visible: false };
+            this._pictogramMark = this._createMark(PictogramSeries.mark.pictogram, {
+                groupKey: this.getDimensionField()[0],
+                isSeriesMark: true,
+                skipBeforeLayouted: true,
+                dataView: this._mapViewData.getDataView(),
+                dataProductId: this._mapViewData.getProductId()
+            }, {
+                morph: shouldMarkDoMorph(this._spec, PictogramSeries.mark.pictogram.name)
+            });
+            if (!this._pictogramMark) {
+                return;
+            }
+            this._pictogramMark.setUserId(PictogramSeries.mark.pictogram.name);
+            for (const element of this._mapViewData.getDataView().latestData) {
+                const { graphicType: type, name, parent, id, _nameFromParent, _uniqueId } = element;
+                const mark = this._createMark({ type, name: name !== null && name !== void 0 ? name : _nameFromParent }, {
+                    groupKey: _uniqueId,
+                    isSeriesMark: false,
+                    skipBeforeLayouted: true,
+                    dataView: this._mapViewData.getDataView(),
+                    dataProductId: this._mapViewData.getProductId(),
+                    parent: (_a = this._pictogramMark.getMarkInUserId(parent === null || parent === void 0 ? void 0 : parent._uniqueId)) !== null && _a !== void 0 ? _a : this._pictogramMark
+                }, {
+                    morph: shouldMarkDoMorph(this._spec, PictogramSeries.mark.pictogram.name)
+                });
+                if (mark) {
+                    mark.setUserId(_uniqueId);
+                    if (mark.type !== 'group') {
+                        mark.setMarkConfig({ graphicName: mark.name });
+                    }
+                    mark.setTransform([
+                        {
+                            type: 'filter',
+                            callback: (datum) => {
+                                return datum._uniqueId === _uniqueId;
+                            }
                         }
+                    ]);
+                }
+            }
+            this._initLabelMark();
+        }
+        _initLabelMark() {
+            if (this._spec.label.visible !== true) {
+                return;
+            }
+            const labelMark = this._createMark(PictogramSeries.mark.label, {
+                isSeriesMark: false,
+                parent: this._pictogramMark,
+                groupKey: '_uniqueId',
+                skipBeforeLayouted: true,
+                depend: this.getMarksWithoutRoot()
+            });
+            if (labelMark) {
+                this._labelMark = labelMark;
+                this._labelMark.setDataView(this._mapViewData.getDataView());
+            }
+        }
+        initLabelMarkStyle() {
+            if (!this._labelMark) {
+                return;
+            }
+            this.setMarkStyle(this._labelMark, {
+                visible: d => !!this._validElement(d),
+                x: d => { var _a; return (_a = this.dataToPosition(d, true)) === null || _a === void 0 ? void 0 : _a.x; },
+                y: d => { var _a; return (_a = this.dataToPosition(d, true)) === null || _a === void 0 ? void 0 : _a.y; },
+                text: d => d[this.nameField],
+                textAlign: 'center',
+                textBaseline: 'middle'
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+        }
+        initMarkStyle() {
+            const { root, viewBoxRect } = this._parsedSvgResult;
+            const elements = this._mapViewData.getDataView().latestData;
+            if (root) {
+                this.setMarkStyle(this._pictogramMark, graphicAttributeTransform.group(root.attributes), 'normal', AttributeLevel.Built_In);
+                if (root.transform) {
+                    this.setMarkStyle(this._pictogramMark, {
+                        postMatrix: () => root.transform
+                    }, 'normal', AttributeLevel.Built_In);
+                }
+                if (viewBoxRect) {
+                    this._pictogramMark.setMarkConfig({
+                        clip: true,
+                        clipPath: [createRect(Object.assign(Object.assign({}, viewBoxRect), { fill: true }))]
                     });
-                    if (!axis.grid) {
-                        axis.grid = { visible: true };
+                }
+            }
+            for (const element of elements) {
+                const { _uniqueId, _finalAttributes: attributes } = element;
+                const mark = this._pictogramMark.getMarkInUserId(_uniqueId);
+                const valid = this._validElement(element);
+                if (mark) {
+                    this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', AttributeLevel.Built_In);
+                    if (valid) {
+                        this.initMarkStyleWithSpec(mark, merge$1({}, this._spec.pictogram, this._spec[mark.name]));
+                        this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Series);
+                        mark.setPostProcess('fill', (result, datum) => {
+                            return isValid$1(result) ? result : this._spec.defaultFillColor;
+                        });
+                    }
+                    else {
+                        mark.setMarkConfig({ interactive: false });
+                        this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Built_In);
                     }
                 }
+            }
+            this.initLabelMarkStyle();
+        }
+        _validElement(element) {
+            return element.name || element._nameFromParent;
+        }
+        initTooltip() {
+            this._tooltipHelper = new PictogramSeriesTooltipHelper(this);
+            this.getMarksWithoutRoot().forEach(mark => {
+                if (mark && mark.name) {
+                    this._tooltipHelper.activeTriggerSet.mark.add(mark);
+                }
             });
-            spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
-                return mergeSpec({
-                    categoryField: {
-                        visible: true,
-                        line: {
-                            visible: true,
-                            type: 'line'
+        }
+        dataToPosition(datum, global = false) {
+            if (!datum) {
+                return null;
+            }
+            const name = datum[this.nameField];
+            if (!name) {
+                return null;
+            }
+            const mark = this.getMarksWithoutRoot().filter(mark => mark.name === name);
+            if (!mark || mark.length === 0) {
+                return null;
+            }
+            let bounds = new Bounds();
+            if (global) {
+                mark.forEach(m => {
+                    bounds = bounds.union(m.getProduct().getGroupGraphicItem().globalAABBBounds);
+                });
+            }
+            else {
+                mark.forEach(m => {
+                    bounds = bounds.union(m.getProduct().getBounds());
+                });
+            }
+            const point = { x: (bounds.x1 + bounds.x2) / 2, y: (bounds.y1 + bounds.y2) / 2 };
+            if (global) {
+                const { x, y } = this.getLayoutStartPoint();
+                point.x -= x;
+                point.y -= y;
+            }
+            return point;
+        }
+        coordToPosition(point) {
+            if (!point) {
+                return null;
+            }
+            const { x, y } = point;
+            const matrix = this.getRootMatrix();
+            if (!matrix) {
+                return null;
+            }
+            const position = {};
+            matrix.getInverse().transformPoint({ x, y }, position);
+            return position;
+        }
+        getRootMatrix() {
+            var _a;
+            return (_a = this.getPictogramRootGraphic()) === null || _a === void 0 ? void 0 : _a.transMatrix;
+        }
+        getPictogramRootGraphic() {
+            var _a;
+            return (_a = this._pictogramMark.getProduct()) === null || _a === void 0 ? void 0 : _a.getGroupGraphicItem();
+        }
+        initData() {
+            var _a, _b;
+            super.initData();
+            const parsedSvg = svgSourceMap.get(this.svg);
+            if (!parsedSvg) {
+                (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError('no valid svg found!');
+            }
+            const svgData = new DataView(this._dataSet, { name: `pictogram_${this.id}_data` });
+            registerDataSetInstanceTransform(this._dataSet, 'pictogram', pictogram);
+            registerDataSetInstanceTransform(this._dataSet, 'lookup', lookup);
+            svgData
+                .parse([parsedSvg], {
+                type: 'dataview'
+            })
+                .transform({ type: 'pictogram' })
+                .transform({
+                type: 'lookup',
+                options: {
+                    from: () => this.getViewData().latestData,
+                    key: 'name',
+                    fields: this._nameField,
+                    set: (a, b) => {
+                        if (b) {
+                            a.data = b;
                         }
                     }
-                }, crosshairCfg);
+                }
+            })
+                .transform({
+                type: 'lookup',
+                options: {
+                    from: () => this.getViewData().latestData,
+                    key: '_nameFromParent',
+                    fields: this._nameField,
+                    set: (a, b) => {
+                        if (b) {
+                            a.data = b;
+                        }
+                    }
+                }
             });
+            (_b = this._data) === null || _b === void 0 ? void 0 : _b.getDataView().target.addListener('change', svgData.reRunAllTransform);
+            this._mapViewData = new SeriesData(this._option, svgData);
         }
-    }
-
-    class RadarChart extends BaseChart {
-        constructor() {
-            super(...arguments);
-            this.transformerConstructor = RadarChartSpecTransformer;
-            this.type = "radar";
-            this.seriesType = exports.SeriesTypeEnum.radar;
+        mapViewDataUpdate() {
+            this._mapViewData.updateData();
         }
-    }
-    RadarChart.type = "radar";
-    RadarChart.seriesType = exports.SeriesTypeEnum.radar;
-    RadarChart.transformerConstructor = RadarChartSpecTransformer;
-    mixin(RadarChart, StackChartMixin);
-    const registerRadarChart = () => {
-        registerRadarSeries();
-        Factory$1.registerChart(RadarChart.type, RadarChart);
-    };
-
-    class CommonChartSpecTransformer extends BaseChartSpecTransformer {
-        _getDefaultSeriesSpec(spec) {
-            const defaultSpec = super._getDefaultSeriesSpec(spec);
-            delete defaultSpec.data;
-            return defaultSpec;
+        onLayoutEnd(ctx) {
+            var _a;
+            super.onLayoutEnd(ctx);
+            (_a = this._mapViewData) === null || _a === void 0 ? void 0 : _a.getDataView().reRunAllTransform();
         }
-        _transformAxisSpec(spec) {
-            if (!spec.axes) {
+        updateSVGSize() {
+            const { width: regionWidth, height: regionHeight } = this.getLayoutRect();
+            const regionCenterX = regionWidth / 2;
+            const regionCenterY = regionHeight / 2;
+            const root = this.getPictogramRootGraphic();
+            if (root) {
+                const bounds = root.AABBBounds;
+                const { x1, x2, y1, y2 } = root.AABBBounds;
+                const width = bounds.width();
+                const height = bounds.height();
+                const rootCenterX = (x1 + x2) / 2;
+                const rootCenterY = (y1 + y2) / 2;
+                const scaleX = regionWidth / width;
+                const scaleY = regionHeight / height;
+                const scale = Math.min(scaleX, scaleY);
+                root.scale(scale, scale, { x: rootCenterX, y: rootCenterY });
+                root.translate(regionCenterX - rootCenterX, regionCenterY - rootCenterY);
+            }
+        }
+        initEvent() {
+            var _a;
+            super.initEvent();
+            (_a = this._mapViewData.getDataView()) === null || _a === void 0 ? void 0 : _a.target.addListener('change', this.mapViewDataUpdate.bind(this));
+            this.event.on(HOOK_EVENT.AFTER_MARK_LAYOUT_END, this.updateSVGSize.bind(this));
+        }
+        handleZoom(e) {
+            const { scale, scaleCenter } = e;
+            if (scale === 1) {
                 return;
             }
-            if (!!spec.autoBandSize) {
-                spec.series.forEach((series, seriesIndex) => {
-                    var _a;
-                    if (series.type === 'bar') {
-                        const relatedAxis = this._findBandAxisBySeries(series, seriesIndex, spec.axes);
-                        if (relatedAxis && !relatedAxis.bandSize && !relatedAxis.maxBandSize && !relatedAxis.minBandSize) {
-                            const extend = isObject$2(series.autoBandSize) ? (_a = series.autoBandSize.extend) !== null && _a !== void 0 ? _a : 0 : 0;
-                            const { barMaxWidth, barMinWidth, barWidth, barGapInGroup } = series;
-                            this._applyAxisBandSize(relatedAxis, extend, { barMaxWidth, barMinWidth, barWidth, barGapInGroup });
-                        }
-                    }
-                });
+            const root = this.getPictogramRootGraphic();
+            if (root) {
+                if (!root.attribute.postMatrix) {
+                    root.setAttributes({
+                        postMatrix: new Matrix()
+                    });
+                }
+                root.scale(scale, scale, scaleCenter);
+            }
+        }
+        handlePan(e) {
+            const { delta } = e;
+            if (delta[0] === 0 && delta[1] === 0) {
+                return;
+            }
+            const root = this.getPictogramRootGraphic();
+            if (root) {
+                if (!root.attribute.postMatrix) {
+                    root.setAttributes({
+                        postMatrix: new Matrix()
+                    });
+                }
+                root.translate(delta[0], delta[1]);
             }
         }
+        getMarkData(datum) {
+            var _a;
+            return (_a = datum.data) !== null && _a !== void 0 ? _a : {};
+        }
+        getMeasureField() {
+            return [this.valueField];
+        }
+        getDimensionField() {
+            return [this.nameField];
+        }
+        _getSeriesInfo(field, keys) {
+            const defaultShapeType = this.getDefaultShapeType();
+            return keys.map(key => {
+                return {
+                    key,
+                    originalKey: key,
+                    style: this.getSeriesStyle({
+                        data: {
+                            [field]: key
+                        }
+                    }),
+                    shapeType: defaultShapeType
+                };
+            });
+        }
+    }
+    PictogramSeries.type = exports.SeriesTypeEnum.pictogram;
+    PictogramSeries.mark = PictogramSeriesMark;
+    PictogramSeries.transformerConstructor = PictogramSeriesSpecTransformer;
+    const registerPictogramSeries = () => {
+        Factory$1.registerSeries(PictogramSeries.type, PictogramSeries);
+        Factory$1.registerImplement('registerSVG', registerSVGSource);
+        Factory$1.registerImplement('unregisterSVG', unregisterSVGSource);
+        registerElementHighlightByGraphicName();
+        registerElementSelectByGraphicName();
+    };
+
+    class MapChartSpecTransformer extends BaseChartSpecTransformer {
+        _isValidSeries(type) {
+            return type === exports.SeriesTypeEnum.map;
+        }
+        _getDefaultSeriesSpec(spec) {
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { type: spec.type, nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, map: spec.map, nameProperty: spec.nameProperty, centroidProperty: spec.centroidProperty, nameMap: spec.nameMap, area: spec.area, defaultFillColor: spec.defaultFillColor, showDefaultName: spec.showDefaultName });
+            return series;
+        }
         transformSpec(spec) {
             super.transformSpec(spec);
-            if (spec.series && spec.series.length) {
-                const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
+            spec.region.forEach((r) => {
+                r.coordinate = 'geo';
+            });
+            const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
+            if (!spec.series || spec.series.length === 0) {
+                spec.series = [defaultSeriesSpec];
+            }
+            else {
                 spec.series.forEach((s) => {
                     if (!this._isValidSeries(s.type)) {
                         return;
@@ -88924,71 +89387,418 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     });
                 });
             }
-            if (spec.axes && spec.axes.length) {
-                spec.axes.forEach((axis) => {
-                    if (get$1(axis, 'trimPadding')) {
-                        mergeSpec(axis, getTrimPaddingConfig(this.type, spec));
-                    }
-                });
-            }
-            this._transformAxisSpec(spec);
         }
     }
 
-    class CommonChart extends BaseChart {
+    class MapChart extends BaseChart {
         constructor() {
             super(...arguments);
-            this.transformerConstructor = CommonChartSpecTransformer;
-            this.type = "common";
+            this.transformerConstructor = MapChartSpecTransformer;
+            this.type = "map";
+            this.seriesType = exports.SeriesTypeEnum.map;
         }
     }
-    CommonChart.type = "common";
-    CommonChart.transformerConstructor = CommonChartSpecTransformer;
-    mixin(CommonChart, StackChartMixin);
-    const registerCommonChart = () => {
-        Factory$1.registerChart(CommonChart.type, CommonChart);
+    MapChart.type = "map";
+    MapChart.seriesType = exports.SeriesTypeEnum.map;
+    MapChart.transformerConstructor = MapChartSpecTransformer;
+    const registerMapChart = () => {
+        registerMapSeries();
+        Factory$1.registerChart(MapChart.type, MapChart);
     };
 
-    const SCROLL_BAR_DEFAULT_SIZE = 12;
-
-    class SequenceChartSpecTransformer extends BaseChartSpecTransformer {
-        _getSeriesDataLength(spec, seriesSpec) {
-            var _a, _b;
-            if (seriesSpec.data) {
-                const _d = array(seriesSpec.data)[0];
-                if (_d instanceof DataView) {
-                    return (_a = _d.latestData) === null || _a === void 0 ? void 0 : _a.length;
-                }
-                return (_b = _d.values) === null || _b === void 0 ? void 0 : _b.length;
-            }
-            const dataTemp = array(spec.data).find((_d, index) => {
-                if (seriesSpec.dataId) {
-                    if (_d instanceof DataView) {
-                        return _d.name === seriesSpec.dataId;
+    class PolarChartSpecTransformer extends BaseChartSpecTransformer {
+        _isValidSeries(type) {
+            return this.seriesType ? type === this.seriesType : true;
+        }
+        getIndicatorSpec(spec) {
+            var _a, _b, _c;
+            const indicatorSpec = array(spec.indicator);
+            const limitRatio = (_a = spec.innerRadius) !== null && _a !== void 0 ? _a : (_c = (_b = spec.series) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.innerRadius;
+            if (isValid$1(limitRatio)) {
+                indicatorSpec.forEach(indicator => {
+                    if (isNil$1(indicator.limitRatio)) {
+                        indicator.limitRatio = limitRatio;
                     }
-                    return _d.id === seriesSpec.dataId;
-                }
-                return seriesSpec.dataIndex === index;
-            });
-            if (!dataTemp) {
-                return 0;
+                });
             }
-            if (dataTemp instanceof DataView) {
-                return dataTemp.latestData.length;
+            return indicatorSpec;
+        }
+        _getDefaultSeriesSpec(spec) {
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: spec.radius, outerRadius: spec.outerRadius, innerRadius: spec.innerRadius, startAngle: spec.startAngle, endAngle: spec.endAngle, sortDataByAxis: spec.sortDataByAxis });
+            const seriesType = this.seriesType;
+            if (seriesType) {
+                series.type = seriesType;
+                series[seriesType] = spec[seriesType];
             }
-            return dataTemp.values.length;
+            return series;
         }
-        addAttrToComponentSpec(componentSpec, attr, value) {
-            if (Array.isArray(componentSpec)) {
-                componentSpec[0][attr] = value;
+        transformSpec(spec) {
+            super.transformSpec(spec);
+            if (isArray$1(spec.dataZoom) && spec.dataZoom.length > 0) {
+                spec.dataZoom.forEach((zoom) => {
+                    if (zoom.filterMode === 'axis') {
+                        zoom.filterMode = 'filter';
+                    }
+                });
             }
-            else {
-                componentSpec[attr] = value;
+            this.transformSeriesSpec(spec);
+            if (isValid$1(spec.indicator)) {
+                spec.indicator = this.getIndicatorSpec(spec);
             }
-            return componentSpec;
         }
-        addPaddingRow(rowHeight, rowNum, size) {
-            rowHeight.push({
+    }
+
+    class ProgressLikeChartSpecTransformer extends PolarChartSpecTransformer {
+        needAxes() {
+            return false;
+        }
+        _getDefaultSeriesSpec(spec) {
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, categoryField: spec.categoryField || spec.radiusField, valueField: spec.valueField || spec.angleField, startAngle: spec.startAngle, endAngle: spec.endAngle, radius: spec.radius, innerRadius: spec.innerRadius, centerX: spec.centerX, centerY: spec.centerY });
+            return series;
+        }
+        _transformProgressAxisSpec(spec, angleAxisDefaultSpec, radiusAxisDefaultSpec, angleAxisAppendSpec, radiusAxisAppendSpec) {
+            var _a, _b;
+            if (!spec.axes) {
+                spec.axes = [];
+            }
+            let radiusAxis = ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).find((axis) => axis.orient === 'radius');
+            let angleAxis = ((_b = spec.axes) !== null && _b !== void 0 ? _b : []).find((axis) => axis.orient === 'angle');
+            if (!angleAxis) {
+                angleAxis = angleAxisDefaultSpec;
+                spec.axes.push(angleAxis);
+            }
+            if (!radiusAxis) {
+                radiusAxis = radiusAxisDefaultSpec;
+                spec.axes.push(radiusAxis);
+            }
+            if (isNil$1(angleAxis.type)) {
+                angleAxis.type = 'linear';
+            }
+            if (isNil$1(radiusAxis.type)) {
+                radiusAxis.type = 'band';
+            }
+            const domain = getLinearAxisSpecDomain(angleAxis, { min: 0, max: 1 });
+            if (isNil$1(angleAxis.min)) {
+                angleAxis.min = domain.min;
+            }
+            if (isNil$1(angleAxis.max)) {
+                angleAxis.max = domain.max;
+            }
+            if (angleAxisAppendSpec) {
+                Object.assign(angleAxis, mergeSpec({}, angleAxisAppendSpec, angleAxis));
+            }
+            if (radiusAxisAppendSpec) {
+                Object.assign(radiusAxis, mergeSpec({}, radiusAxisAppendSpec, radiusAxis));
+            }
+        }
+    }
+
+    class RoseLikeChartSpecTransformer extends PolarChartSpecTransformer {
+        needAxes() {
+            return true;
+        }
+        _getDefaultSeriesSpec(spec) {
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.angleField, valueField: spec.valueField || spec.radiusField });
+            return series;
+        }
+        transformSpec(spec) {
+            var _a;
+            super.transformSpec(spec);
+            if (this.needAxes()) {
+                if (!spec.axes) {
+                    spec.axes = [];
+                }
+                const haxAxes = { radius: false, angle: false };
+                ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
+                    const { orient } = axis;
+                    if (orient === 'radius') {
+                        haxAxes.radius = true;
+                    }
+                    if (orient === 'angle') {
+                        haxAxes.angle = true;
+                    }
+                });
+                if (!haxAxes.angle) {
+                    spec.axes.push({
+                        orient: 'angle'
+                    });
+                }
+                if (!haxAxes.radius) {
+                    spec.axes.push({
+                        orient: 'radius'
+                    });
+                }
+            }
+        }
+    }
+
+    class BasePieChartSpecTransformer extends PolarChartSpecTransformer {
+        needAxes() {
+            return false;
+        }
+        _getDefaultSeriesSpec(spec) {
+            var _a;
+            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.seriesField, valueField: spec.valueField || spec.angleField, center: spec.center, centerOffset: spec.centerOffset, cornerRadius: spec.cornerRadius, padAngle: spec.padAngle, minAngle: spec.minAngle, emptyPlaceholder: spec.emptyPlaceholder, emptyCircle: (_a = spec.emptyPlaceholder) === null || _a === void 0 ? void 0 : _a.emptyCircle, showAllZero: spec.showAllZero, supportNegative: spec.supportNegative, layoutRadius: spec.layoutRadius });
+        }
+    }
+
+    class BasePieChart extends BaseChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = BasePieChartSpecTransformer;
+        }
+    }
+    BasePieChart.transformerConstructor = BasePieChartSpecTransformer;
+
+    class PieChart extends BasePieChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = BasePieChartSpecTransformer;
+            this.type = "pie";
+            this.seriesType = exports.SeriesTypeEnum.pie;
+        }
+    }
+    PieChart.type = "pie";
+    PieChart.seriesType = exports.SeriesTypeEnum.pie;
+    PieChart.transformerConstructor = BasePieChartSpecTransformer;
+    const registerPieChart = () => {
+        registerPieSeries();
+        Factory$1.registerChart(PieChart.type, PieChart);
+    };
+
+    class Pie3dChartSpecTransformer extends BasePieChartSpecTransformer {
+        transformSpec(spec) {
+            super.transformSpec(spec);
+            spec.series.forEach((s) => {
+                if (s.type === 'pie3d') {
+                    s.angle3d = spec.angle3d;
+                }
+            });
+        }
+    }
+    class Pie3dChart extends BasePieChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = Pie3dChartSpecTransformer;
+            this.type = "pie3d";
+            this.seriesType = exports.SeriesTypeEnum.pie3d;
+        }
+    }
+    Pie3dChart.type = "pie3d";
+    Pie3dChart.seriesType = exports.SeriesTypeEnum.pie3d;
+    Pie3dChart.transformerConstructor = Pie3dChartSpecTransformer;
+    const registerPie3dChart = () => {
+        register3DPlugin();
+        registerPie3dSeries();
+        Factory$1.registerChart(Pie3dChart.type, Pie3dChart);
+    };
+
+    class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
+        _getDefaultSeriesSpec(spec) {
+            var _a, _b, _c;
+            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: (_a = spec.radius) !== null && _a !== void 0 ? _a : POLAR_DEFAULT_RADIUS, outerRadius: (_b = spec.outerRadius) !== null && _b !== void 0 ? _b : POLAR_DEFAULT_RADIUS, innerRadius: (_c = spec.innerRadius) !== null && _c !== void 0 ? _c : 0, seriesField: spec.seriesField, stack: spec.stack, percent: spec.percent });
+        }
+        transformSpec(spec) {
+            var _a;
+            super.transformSpec(spec);
+            ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
+                ['domainLine', 'grid', 'label', 'tick'].forEach(configName => {
+                    if (!axis[configName]) {
+                        axis[configName] = { visible: false };
+                    }
+                });
+                if (axis.orient === 'angle' && isNil$1(axis.bandPosition)) {
+                    axis.bandPosition = 0.5;
+                }
+            });
+            spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
+                return mergeSpec({
+                    categoryField: {
+                        visible: true,
+                        line: {
+                            visible: true,
+                            type: 'rect'
+                        }
+                    }
+                }, crosshairCfg);
+            });
+        }
+    }
+
+    class RoseChart extends BaseChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = RoseChartSpecTransformer;
+            this.type = "rose";
+            this.seriesType = exports.SeriesTypeEnum.rose;
+        }
+    }
+    RoseChart.type = "rose";
+    RoseChart.seriesType = exports.SeriesTypeEnum.rose;
+    RoseChart.transformerConstructor = RoseChartSpecTransformer;
+    mixin(RoseChart, StackChartMixin);
+    const registerRoseChart = () => {
+        registerRoseSeries();
+        Factory$1.registerChart(RoseChart.type, RoseChart);
+    };
+
+    class RadarChartSpecTransformer extends RoseLikeChartSpecTransformer {
+        _getDefaultSeriesSpec(spec) {
+            var _a;
+            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, line: spec.line, point: spec.point, stack: spec.stack, percent: spec.percent, area: mergeSpec({
+                    visible: false
+                }, spec.area), seriesMark: (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'area', activePoint: spec.activePoint, pointDis: spec.pointDis, pointDisMul: spec.pointDisMul, markOverlap: spec.markOverlap });
+        }
+        transformSpec(spec) {
+            var _a;
+            super.transformSpec(spec);
+            ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
+                if (axis.orient === 'radius') {
+                    ['domainLine', 'label', 'tick'].forEach(configName => {
+                        if (!axis[configName]) {
+                            axis[configName] = { visible: false };
+                        }
+                    });
+                    if (!axis.grid) {
+                        axis.grid = { visible: true };
+                    }
+                }
+            });
+            spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
+                return mergeSpec({
+                    categoryField: {
+                        visible: true,
+                        line: {
+                            visible: true,
+                            type: 'line'
+                        }
+                    }
+                }, crosshairCfg);
+            });
+        }
+    }
+
+    class RadarChart extends BaseChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = RadarChartSpecTransformer;
+            this.type = "radar";
+            this.seriesType = exports.SeriesTypeEnum.radar;
+        }
+    }
+    RadarChart.type = "radar";
+    RadarChart.seriesType = exports.SeriesTypeEnum.radar;
+    RadarChart.transformerConstructor = RadarChartSpecTransformer;
+    mixin(RadarChart, StackChartMixin);
+    const registerRadarChart = () => {
+        registerRadarSeries();
+        Factory$1.registerChart(RadarChart.type, RadarChart);
+    };
+
+    class CommonChartSpecTransformer extends BaseChartSpecTransformer {
+        _getDefaultSeriesSpec(spec) {
+            const defaultSpec = super._getDefaultSeriesSpec(spec);
+            delete defaultSpec.data;
+            return defaultSpec;
+        }
+        _transformAxisSpec(spec) {
+            if (!spec.axes) {
+                return;
+            }
+            if (!!spec.autoBandSize) {
+                spec.series.forEach((series, seriesIndex) => {
+                    var _a;
+                    if (series.type === 'bar') {
+                        const relatedAxis = this._findBandAxisBySeries(series, seriesIndex, spec.axes);
+                        if (relatedAxis && !relatedAxis.bandSize && !relatedAxis.maxBandSize && !relatedAxis.minBandSize) {
+                            const extend = isObject$2(series.autoBandSize) ? (_a = series.autoBandSize.extend) !== null && _a !== void 0 ? _a : 0 : 0;
+                            const { barMaxWidth, barMinWidth, barWidth, barGapInGroup } = series;
+                            this._applyAxisBandSize(relatedAxis, extend, { barMaxWidth, barMinWidth, barWidth, barGapInGroup });
+                        }
+                    }
+                });
+            }
+        }
+        transformSpec(spec) {
+            super.transformSpec(spec);
+            if (spec.series && spec.series.length) {
+                const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
+                spec.series.forEach((s) => {
+                    if (!this._isValidSeries(s.type)) {
+                        return;
+                    }
+                    Object.keys(defaultSeriesSpec).forEach(k => {
+                        if (!(k in s)) {
+                            s[k] = defaultSeriesSpec[k];
+                        }
+                    });
+                });
+            }
+            if (spec.axes && spec.axes.length) {
+                spec.axes.forEach((axis) => {
+                    if (get$1(axis, 'trimPadding')) {
+                        mergeSpec(axis, getTrimPaddingConfig(this.type, spec));
+                    }
+                });
+            }
+            this._transformAxisSpec(spec);
+        }
+    }
+
+    class CommonChart extends BaseChart {
+        constructor() {
+            super(...arguments);
+            this.transformerConstructor = CommonChartSpecTransformer;
+            this.type = "common";
+        }
+    }
+    CommonChart.type = "common";
+    CommonChart.transformerConstructor = CommonChartSpecTransformer;
+    mixin(CommonChart, StackChartMixin);
+    const registerCommonChart = () => {
+        Factory$1.registerChart(CommonChart.type, CommonChart);
+    };
+
+    const SCROLL_BAR_DEFAULT_SIZE = 12;
+
+    class SequenceChartSpecTransformer extends BaseChartSpecTransformer {
+        _getSeriesDataLength(spec, seriesSpec) {
+            var _a, _b;
+            if (seriesSpec.data) {
+                const _d = array(seriesSpec.data)[0];
+                if (_d instanceof DataView) {
+                    return (_a = _d.latestData) === null || _a === void 0 ? void 0 : _a.length;
+                }
+                return (_b = _d.values) === null || _b === void 0 ? void 0 : _b.length;
+            }
+            const dataTemp = array(spec.data).find((_d, index) => {
+                if (seriesSpec.dataId) {
+                    if (_d instanceof DataView) {
+                        return _d.name === seriesSpec.dataId;
+                    }
+                    return _d.id === seriesSpec.dataId;
+                }
+                return seriesSpec.dataIndex === index;
+            });
+            if (!dataTemp) {
+                return 0;
+            }
+            if (dataTemp instanceof DataView) {
+                return dataTemp.latestData.length;
+            }
+            return dataTemp.values.length;
+        }
+        addAttrToComponentSpec(componentSpec, attr, value) {
+            if (Array.isArray(componentSpec)) {
+                componentSpec[0][attr] = value;
+            }
+            else {
+                componentSpec[attr] = value;
+            }
+            return componentSpec;
+        }
+        addPaddingRow(rowHeight, rowNum, size) {
+            rowHeight.push({
                 index: rowNum,
                 size
             });
@@ -100042,28 +100852,30 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
                 let relativePosOffset = { x: 0, y: 0 };
                 let tooltipParentElementRect = { x: 0, y: 0 };
+                let chartElementRect;
                 let chartElementScale = 1;
                 let tooltipParentElementScale = 1;
-                if (isTrueBrowser(this._env) && !tooltipSpec.confine) {
+                const isBrowser = isTrueBrowser(this._env);
+                if (isBrowser && !tooltipSpec.confine) {
                     containerSize.width = window.innerWidth;
                     containerSize.height = window.innerHeight;
-                    if (!isCanvas) {
-                        const tooltipParentElement = this._getParentElement(tooltipSpec);
-                        tooltipParentElementRect = (_h = (_g = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect) === null || _g === void 0 ? void 0 : _g.call(tooltipParentElement)) !== null && _h !== void 0 ? _h : invalidPosition;
-                        const chartElement = ((_j = this._compiler.getCanvas()) !== null && _j !== void 0 ? _j : this._chartContainer);
-                        const chartElementRect = chartElement === null || chartElement === void 0 ? void 0 : chartElement.getBoundingClientRect();
-                        relativePosOffset = {
-                            x: chartElementRect.x - tooltipParentElementRect.x,
-                            y: chartElementRect.y - tooltipParentElementRect.y
-                        };
-                        chartElementScale = getScale(chartElement, chartElementRect);
-                        tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect);
-                    }
                 }
                 else {
                     containerSize.width = canvasWidth;
                     containerSize.height = canvasHeight;
                 }
+                if (isBrowser && !isCanvas) {
+                    const tooltipParentElement = this._getParentElement(tooltipSpec);
+                    tooltipParentElementRect = (_h = (_g = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect) === null || _g === void 0 ? void 0 : _g.call(tooltipParentElement)) !== null && _h !== void 0 ? _h : invalidPosition;
+                    const chartElement = ((_j = this._compiler.getCanvas()) !== null && _j !== void 0 ? _j : this._chartContainer);
+                    chartElementRect = chartElement === null || chartElement === void 0 ? void 0 : chartElement.getBoundingClientRect();
+                    relativePosOffset = {
+                        x: chartElementRect.x - tooltipParentElementRect.x,
+                        y: chartElementRect.y - tooltipParentElementRect.y
+                    };
+                    chartElementScale = getScale(chartElement, chartElementRect);
+                    tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect);
+                }
                 const tooltipSizeScale = tooltipParentElementScale / chartElementScale;
                 const calcPos = {};
                 const pointerFixedPosition = { x: position, y: position };
@@ -100146,8 +100958,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     processCartesianFixedPosition({ orient: position, mode: positionMode }, 'y');
                 }
                 const result = { x: null, y: null };
-                const isBrowser = isTrueBrowser(this._env);
                 dims.forEach(dim => {
+                    var _a;
                     const boxSize = dim === 'x' ? tooltipBoxWidth : tooltipBoxHeight;
                     const canvasSize = dim === 'x' ? canvasWidth : canvasHeight;
                     const offset = dim === 'x' ? offsetX : offsetY;
@@ -100176,8 +100988,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     result[dim] /= tooltipParentElementScale;
                     const containerDimSize = dim === 'x' ? containerSize.width : containerSize.height;
-                    const leftOrTop = -tooltipParentElementRect[dim] / tooltipParentElementScale;
-                    const rightOrBottom = (containerDimSize - tooltipParentElementRect[dim]) / tooltipParentElementScale - boxSize;
+                    const leftOrTop = -(tooltipParentElementRect[dim] - ((_a = chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect[dim]) !== null && _a !== void 0 ? _a : 0) / chartElementScale) /
+                        tooltipParentElementScale;
+                    const rightOrBottom = containerDimSize / tooltipParentElementScale + leftOrTop - boxSize;
                     if (posType !== 2 && result[dim] < leftOrTop) {
                         if (isFixedPosition) {
                             result[dim] = leftOrTop;
@@ -100624,7 +101437,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 columnDivs.forEach((colDiv, index) => {
                     const colName = colDiv.getAttribute('data-col');
                     if (colName && columns.includes(colName)) {
-                        setStyleToDom(colDiv, Object.assign(Object.assign({}, this._domStyle[colName]), { display: 'inline-block', verticalAlign: 'top' }));
+                        const hideColumn = colName === 'shape' && content.every(c => !c.hasShape || !c.shapeType);
+                        setStyleToDom(colDiv, Object.assign(Object.assign({}, this._domStyle[colName]), { display: hideColumn ? 'none' : 'inline-block', verticalAlign: 'top' }));
                         const rows = [...colDiv.children];
                         rows.slice(content.length).forEach(extraRow => {
                             extraRow.parentNode.removeChild(extraRow);
@@ -100636,7 +101450,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 row.classList.add(`${TOOLTIP_PREFIX}-${colName}`);
                                 colDiv.appendChild(row);
                             }
-                            let styleByRow = index === content.length - 1 ? { height: 'initial' } : Object.assign(Object.assign({}, rowStyle), { height: 'initial' });
+                            let styleByRow = index === content.length - 1 ? {} : Object.assign({}, rowStyle);
+                            styleByRow.display = entry.visible === false ? 'none' : 'block';
+                            styleByRow.height = 'initial';
                             if (colName === 'key') {
                                 row.innerHTML = formatContent(entry.key);
                                 if (entry.keyStyle) {
@@ -101397,107 +102213,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    class MosaicSeries extends BarSeries {
-        constructor() {
-            super(...arguments);
-            this.type = exports.SeriesTypeEnum.mosaic;
-            this.transformerConstructor = BarSeriesSpecTransformer;
-        }
-        getStack() {
-            return true;
-        }
-        getPercent() {
-            return !!this.getSeriesField();
-        }
-        getGroupFields() {
-            return this.direction === 'vertical' ? this._specXField : this._specYField;
-        }
-        setAttrFromSpec() {
-            super.setAttrFromSpec();
-            const isPercent = this.getPercent();
-            if (this.direction === "horizontal") {
-                if (isPercent) {
-                    this.setFieldX(MOSAIC_VALUE_END_PERCENT);
-                    this.setFieldX2(MOSAIC_VALUE_START_PERCENT);
-                }
-                this.setFieldY(MOSAIC_CAT_END_PERCENT);
-                this.setFieldY2(MOSAIC_CAT_START_PERCENT);
-            }
-            else {
-                if (isPercent) {
-                    this.setFieldY(MOSAIC_VALUE_END_PERCENT);
-                    this.setFieldY2(MOSAIC_VALUE_START_PERCENT);
-                }
-                this.setFieldX(MOSAIC_CAT_END_PERCENT);
-                this.setFieldX2(MOSAIC_CAT_START_PERCENT);
-            }
-        }
-        parseLabelStyle(labelStyle, labelSpec) {
-            if ((labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.filterByGroup) && isNil$1(labelStyle.dataFilter)) {
-                const allGroupFields = this.getGroupFields();
-                const { field, type: filterType = 'max', filter } = labelSpec.filterByGroup;
-                delete labelStyle.filterField;
-                const fieldIndex = allGroupFields.indexOf(field);
-                if (fieldIndex < 0) {
-                    return;
-                }
-                const isCatField = !!(fieldIndex % 2);
-                const valueField = isCatField
-                    ? filterType === 'min'
-                        ? this.direction === "horizontal"
-                            ? this._fieldY2
-                            : this._fieldX2
-                        : this.direction === "horizontal"
-                            ? this._fieldY
-                            : this._fieldX
-                    : filterType === 'min'
-                        ? this.direction === "horizontal"
-                            ? this._fieldX2
-                            : this._fieldY2
-                        : this.direction === "horizontal"
-                            ? this._fieldX
-                            : this._fieldY;
-                const filterFunc = filterType === 'min'
-                    ? (a, b) => {
-                        var _a, _b;
-                        return ((_a = a.data) === null || _a === void 0 ? void 0 : _a[valueField]) < ((_b = b.data) === null || _b === void 0 ? void 0 : _b[valueField]);
-                    }
-                    : (a, b) => {
-                        var _a, _b;
-                        return ((_a = a.data) === null || _a === void 0 ? void 0 : _a[valueField]) > ((_b = b.data) === null || _b === void 0 ? void 0 : _b[valueField]);
-                    };
-                labelStyle.dataFilter = (data) => {
-                    const filteredData = {};
-                    data.forEach((d) => {
-                        const datum = d.data;
-                        const fieldValue = datum === null || datum === void 0 ? void 0 : datum[field];
-                        if (isNil$1(fieldValue) || (filter && !filter(d))) {
-                            return;
-                        }
-                        if (!filteredData[fieldValue] || filterFunc(d, filteredData[fieldValue])) {
-                            filteredData[fieldValue] = d;
-                        }
-                    });
-                    return data.filter((d) => {
-                        var _a;
-                        const fieldValue = (_a = d.data) === null || _a === void 0 ? void 0 : _a[field];
-                        return filteredData[fieldValue] && filteredData[fieldValue] === d;
-                    });
-                };
-            }
-            return labelStyle;
-        }
-    }
-    MosaicSeries.type = exports.SeriesTypeEnum.mosaic;
-    MosaicSeries.transformerConstructor = BarSeriesSpecTransformer;
-    const registerMosaicSeries = () => {
-        registerRectMark();
-        registerTextMark();
-        registerFadeInOutAnimation();
-        registerCartesianLinearAxis();
-        Factory$1.registerSeries(MosaicSeries.type, MosaicSeries);
-    };
-
     class MosaicChart extends BaseChart {
         constructor() {
             super(...arguments);
@@ -101568,570 +102283,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    const PictogramSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pictogram"]: { name: "pictogram", type: "group" } });
-
-    class PictogramSeriesSpecTransformer extends BaseSeriesSpecTransformer {
-        _getDefaultSpecFromChart(chartSpec) {
-            var _a, _b, _c;
-            const spec = (_a = super._getDefaultSpecFromChart(chartSpec)) !== null && _a !== void 0 ? _a : {};
-            const svg = chartSpec.svg;
-            const elements = (_c = (_b = svgSourceMap.get(svg)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c.elements;
-            if (elements && elements.length) {
-                const names = elements.map(e => e.name).filter(n => isValid$1(n));
-                names.forEach(name => {
-                    if (chartSpec[name]) {
-                        spec[name] = chartSpec[name];
-                    }
-                });
-            }
-            return spec;
-        }
-    }
-
-    class PictogramSeriesTooltipHelper extends BaseSeriesTooltipHelper {
-        constructor() {
-            super(...arguments);
-            this.dimensionTooltipTitleCallback = (datum) => {
-                var _a;
-                const series = this.series;
-                return (_a = this._getDimensionData(datum)) !== null && _a !== void 0 ? _a : series.getDatumName(datum);
-            };
-            this.markTooltipValueCallback = (datum, params) => {
-                const { measureFields } = this._seriesCacheInfo;
-                if (measureFields[0] && datum.data) {
-                    return datum.data[measureFields[0]];
-                }
-            };
-            this.markTooltipKeyCallback = (datum) => {
-                var _a;
-                return (_a = datum.data) === null || _a === void 0 ? void 0 : _a[this.series.getDimensionField()[0]];
-            };
-        }
-    }
-
-    function isValidStrokeOrFill(attr) {
-        var _a;
-        return isValid$1(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
-    }
-    const getLineWidth = (attributes) => {
-        const strokeWidth = parseFloat(attributes['strokeWidth']);
-        if (!isNaN(strokeWidth))
-            return strokeWidth;
-        const stroke = attributes['stroke'];
-        return stroke && isValidStrokeOrFill(stroke) ? 1 : 0;
-    };
-    const getFill = (attributes, defaultFill) => {
-        var _a;
-        const fill = (_a = attributes['fill']) !== null && _a !== void 0 ? _a : defaultFill;
-        return fill && isValidStrokeOrFill(fill) ? fill : undefined;
-    };
-    const getStroke = (attributes, defaultStroke) => {
-        var _a;
-        const stroke = (_a = attributes['stroke']) !== null && _a !== void 0 ? _a : defaultStroke;
-        return stroke && isValidStrokeOrFill(stroke) ? stroke : false;
-    };
-    const commonAttributes = (attributes) => {
-        return Object.assign(Object.assign({}, attributes), { x: parseFloat(attributes.x) || undefined, y: parseFloat(attributes.y) || undefined, fillStrokeOrder: false, fill: getFill(attributes), lineWidth: getLineWidth(attributes), stroke: getStroke(attributes) });
-    };
-    const graphicAttributeTransform = {
-        group: (attributes) => {
-            const common = commonAttributes(attributes);
-            return Object.assign(Object.assign({}, common), { visibleAll: common['visible'] !== false });
-        },
-        rule: (attributes) => {
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { x: parseFloat(attributes.x1), y: parseFloat(attributes.y1), x1: parseFloat(attributes.x2), y1: parseFloat(attributes.y2) });
-        },
-        rect: (attributes) => {
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { fill: getFill(attributes, '#000'), width: parseFloat(attributes.width), height: parseFloat(attributes.height) });
-        },
-        polygon: (attributes) => {
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { fill: getFill(attributes, '#000'), points: attributes.points
-                    .trim()
-                    .split(/\s+/)
-                    .map((pair) => {
-                    const [x, y] = pair.split(',').map(Number);
-                    return { x, y };
-                }) });
-        },
-        line: (attributes) => {
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { points: attributes.points
-                    .trim()
-                    .split(/\s+/)
-                    .map((pair) => {
-                    const [x, y] = pair.split(',').map(Number);
-                    return { x, y };
-                }) });
-        },
-        path: (attributes) => {
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { path: attributes.d, fillStrokeOrder: false });
-        },
-        arc: (attributes) => {
-            var _a;
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { outerRadius: (_a = attributes.r) !== null && _a !== void 0 ? _a : attributes.ry, x: parseFloat(attributes.cx), y: parseFloat(attributes.cy), startAngle: 0, endAngle: Math.PI * 2, scaleX: parseFloat(attributes.rx) / parseFloat(attributes.ry) || 1, fill: getFill(attributes, '#000') });
-        },
-        text: (attributes, value) => {
-            var _a, _b;
-            return Object.assign(Object.assign({}, commonAttributes(attributes)), { text: value, textAlign: (_a = attributes.textAlign) !== null && _a !== void 0 ? _a : 'left', textBaseLine: (_b = attributes.textAnchor) !== null && _b !== void 0 ? _b : 'middle', anchor: [0, 0], fill: getFill(attributes, '#000') });
-        }
-    };
-    const pictogram = (data) => {
-        var _a, _b;
-        if (!data || !data[0]) {
-            return {};
-        }
-        const { elements } = data[0].latestData;
-        if (elements && elements.length) {
-            elements.forEach((el, index) => {
-                var _a;
-                el[DEFAULT_DATA_INDEX] = index;
-                el._uniqueId = `${el.id}-${index}`;
-                el.data = undefined;
-                const { graphicType: type, transform } = el;
-                let finalAttributes = {
-                    visible: el.attributes.visibility !== 'hidden' && el.attributes.visibility !== 'collapse'
-                };
-                if (el.graphicType === 'text') {
-                    merge$1(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
-                }
-                else if (el.graphicType !== 'group') {
-                    merge$1(finalAttributes, el._inheritStyle, el.attributes);
-                }
-                if (graphicAttributeTransform[type]) {
-                    el._finalAttributes = graphicAttributeTransform[type](finalAttributes, el.value);
-                }
-                else {
-                    el._finalAttributes = finalAttributes;
-                }
-                if (transform) {
-                    el._finalAttributes.postMatrix = Object.assign({}, transform);
-                }
-            });
-            const texts = elements.filter(el => el.tagName === 'text');
-            for (let i = 0; i < texts.length; i++) {
-                const textId = texts[i]._uniqueId;
-                const children = elements.filter(el => {
-                    let result = false;
-                    let parent = el.parent;
-                    while (parent) {
-                        if (parent._uniqueId === textId) {
-                            result = true;
-                            break;
-                        }
-                        parent = parent.parent;
-                    }
-                    return result;
-                });
-                if (children && children.length) {
-                    let startX = (_b = (_a = texts[i]._textGroupStyle) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
-                    let curX = startX;
-                    for (let j = 0; j < children.length; j++) {
-                        const currentChild = children[j];
-                        if (currentChild.graphicType === 'group') {
-                            curX = startX;
-                        }
-                        else if (currentChild.value) {
-                            if (currentChild.parent._textGroupStyle.x === undefined) {
-                                const lastText = children
-                                    .slice(0, j)
-                                    .reverse()
-                                    .find(c => c.graphicType === 'text' && c.value);
-                                if (lastText) {
-                                    const width = measureText(lastText.value, lastText._finalAttributes).width;
-                                    curX += width;
-                                }
-                                currentChild._finalAttributes.x = curX;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        return elements;
-    };
-
-    class PictogramSeries extends GeoSeries {
-        constructor() {
-            super(...arguments);
-            this.type = exports.SeriesTypeEnum.pictogram;
-        }
-        setAttrFromSpec() {
-            var _a, _b, _c;
-            super.setAttrFromSpec();
-            this.svg = this._spec.svg;
-            this._nameField = this._spec.nameField;
-            this._valueField = this._spec.valueField;
-            if (!this.svg) {
-                (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError(`svg source is not specified !`);
-            }
-            this._parsedSvgResult = (_b = getSVGSource(this.svg)) === null || _b === void 0 ? void 0 : _b.latestData;
-            if (!this._parsedSvgResult) {
-                (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError(`'${this.svg}' is not registered !`);
-            }
-        }
-        getDatumCenter(datum) {
-            return [Number.NaN, Number.NaN];
-        }
-        getDatumName(datum) {
-            return datum.name || datum._nameFromParent;
-        }
-        getMarksWithoutRoot() {
-            return this.getMarks().filter(m => m.name && !m.name.includes('seriesGroup') && !m.name.includes('root') && m !== this._pictogramMark);
-        }
-        _buildMarkAttributeContext() {
-            super._buildMarkAttributeContext();
-            this._markAttributeContext.getTransformMatrix = this.getRootMatrix.bind(this);
-            this._markAttributeContext.coordToPosition = this.coordToPosition.bind(this);
-            this._markAttributeContext.dataToPosition = this.dataToPosition.bind(this);
-        }
-        _defaultHoverConfig(selector, finalHoverSpec) {
-            return {
-                seriesId: this.id,
-                regionId: this._region.id,
-                selector,
-                type: 'element-highlight-by-graphic-name',
-                trigger: finalHoverSpec.trigger,
-                triggerOff: 'pointerout',
-                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-                highlightState: STATE_VALUE_ENUM.STATE_HOVER
-            };
-        }
-        _defaultSelectConfig(selector, finalSelectSpec) {
-            const isMultiple = finalSelectSpec.mode === 'multiple';
-            const triggerOff = isValid$1(finalSelectSpec.triggerOff)
-                ? finalSelectSpec.triggerOff
-                : isMultiple
-                    ? ['empty', 'self']
-                    : ['empty', finalSelectSpec.trigger];
-            return {
-                type: 'element-select-by-graphic-name',
-                seriesId: this.id,
-                regionId: this._region.id,
-                selector,
-                trigger: finalSelectSpec.trigger,
-                triggerOff: triggerOff,
-                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-                state: STATE_VALUE_ENUM.STATE_SELECTED,
-                isMultiple
-            };
-        }
-        initMark() {
-            var _a;
-            this._pictogramMark = this._createMark(PictogramSeries.mark.pictogram, {
-                groupKey: this.getDimensionField()[0],
-                isSeriesMark: true,
-                skipBeforeLayouted: true,
-                dataView: this._mapViewData.getDataView(),
-                dataProductId: this._mapViewData.getProductId()
-            }, {
-                morph: shouldMarkDoMorph(this._spec, PictogramSeries.mark.pictogram.name)
-            });
-            if (!this._pictogramMark) {
-                return;
-            }
-            this._pictogramMark.setUserId(PictogramSeries.mark.pictogram.name);
-            for (const element of this._mapViewData.getDataView().latestData) {
-                const { graphicType: type, name, parent, id, _nameFromParent, _uniqueId } = element;
-                const mark = this._createMark({ type, name: name !== null && name !== void 0 ? name : _nameFromParent }, {
-                    groupKey: _uniqueId,
-                    isSeriesMark: false,
-                    skipBeforeLayouted: true,
-                    dataView: this._mapViewData.getDataView(),
-                    dataProductId: this._mapViewData.getProductId(),
-                    parent: (_a = this._pictogramMark.getMarkInUserId(parent === null || parent === void 0 ? void 0 : parent._uniqueId)) !== null && _a !== void 0 ? _a : this._pictogramMark
-                }, {
-                    morph: shouldMarkDoMorph(this._spec, PictogramSeries.mark.pictogram.name)
-                });
-                if (mark) {
-                    mark.setUserId(_uniqueId);
-                    if (mark.type !== 'group') {
-                        mark.setMarkConfig({ graphicName: mark.name });
-                    }
-                    mark.setTransform([
-                        {
-                            type: 'filter',
-                            callback: (datum) => {
-                                return datum._uniqueId === _uniqueId;
-                            }
-                        }
-                    ]);
-                }
-            }
-            this._initLabelMark();
-        }
-        _initLabelMark() {
-            if (this._spec.label.visible !== true) {
-                return;
-            }
-            const labelMark = this._createMark(PictogramSeries.mark.label, {
-                isSeriesMark: false,
-                parent: this._pictogramMark,
-                groupKey: '_uniqueId',
-                skipBeforeLayouted: true,
-                depend: this.getMarksWithoutRoot()
-            });
-            if (labelMark) {
-                this._labelMark = labelMark;
-                this._labelMark.setDataView(this._mapViewData.getDataView());
-            }
-        }
-        initLabelMarkStyle() {
-            if (!this._labelMark) {
-                return;
-            }
-            this.setMarkStyle(this._labelMark, {
-                visible: d => !!this._validElement(d),
-                x: d => { var _a; return (_a = this.dataToPosition(d, true)) === null || _a === void 0 ? void 0 : _a.x; },
-                y: d => { var _a; return (_a = this.dataToPosition(d, true)) === null || _a === void 0 ? void 0 : _a.y; },
-                text: d => d[this.nameField],
-                textAlign: 'center',
-                textBaseline: 'middle'
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
-        }
-        initMarkStyle() {
-            const { root, viewBoxRect } = this._parsedSvgResult;
-            const elements = this._mapViewData.getDataView().latestData;
-            if (root) {
-                this.setMarkStyle(this._pictogramMark, graphicAttributeTransform.group(root.attributes), 'normal', AttributeLevel.Built_In);
-                if (root.transform) {
-                    this.setMarkStyle(this._pictogramMark, {
-                        postMatrix: () => root.transform
-                    }, 'normal', AttributeLevel.Built_In);
-                }
-                if (viewBoxRect) {
-                    this._pictogramMark.setMarkConfig({
-                        clip: true,
-                        clipPath: [createRect(Object.assign(Object.assign({}, viewBoxRect), { fill: true }))]
-                    });
-                }
-            }
-            for (const element of elements) {
-                const { _uniqueId, _finalAttributes: attributes } = element;
-                const mark = this._pictogramMark.getMarkInUserId(_uniqueId);
-                const valid = this._validElement(element);
-                if (mark) {
-                    this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', AttributeLevel.Built_In);
-                    if (valid) {
-                        this.initMarkStyleWithSpec(mark, merge$1({}, this._spec.pictogram, this._spec[mark.name]));
-                        this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Series);
-                        mark.setPostProcess('fill', (result, datum) => {
-                            return isValid$1(result) ? result : this._spec.defaultFillColor;
-                        });
-                    }
-                    else {
-                        mark.setMarkConfig({ interactive: false });
-                        this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Built_In);
-                    }
-                }
-            }
-            this.initLabelMarkStyle();
-        }
-        _validElement(element) {
-            return element.name || element._nameFromParent;
-        }
-        initTooltip() {
-            this._tooltipHelper = new PictogramSeriesTooltipHelper(this);
-            this.getMarksWithoutRoot().forEach(mark => {
-                if (mark && mark.name) {
-                    this._tooltipHelper.activeTriggerSet.mark.add(mark);
-                }
-            });
-        }
-        dataToPosition(datum, global = false) {
-            if (!datum) {
-                return null;
-            }
-            const name = datum[this.nameField];
-            if (!name) {
-                return null;
-            }
-            const mark = this.getMarksWithoutRoot().filter(mark => mark.name === name);
-            if (!mark || mark.length === 0) {
-                return null;
-            }
-            let bounds = new Bounds();
-            if (global) {
-                mark.forEach(m => {
-                    bounds = bounds.union(m.getProduct().getGroupGraphicItem().globalAABBBounds);
-                });
-            }
-            else {
-                mark.forEach(m => {
-                    bounds = bounds.union(m.getProduct().getBounds());
-                });
-            }
-            const point = { x: (bounds.x1 + bounds.x2) / 2, y: (bounds.y1 + bounds.y2) / 2 };
-            if (global) {
-                const { x, y } = this.getLayoutStartPoint();
-                point.x -= x;
-                point.y -= y;
-            }
-            return point;
-        }
-        coordToPosition(point) {
-            if (!point) {
-                return null;
-            }
-            const { x, y } = point;
-            const matrix = this.getRootMatrix();
-            if (!matrix) {
-                return null;
-            }
-            const position = {};
-            matrix.getInverse().transformPoint({ x, y }, position);
-            return position;
-        }
-        getRootMatrix() {
-            var _a;
-            return (_a = this.getPictogramRootGraphic()) === null || _a === void 0 ? void 0 : _a.transMatrix;
-        }
-        getPictogramRootGraphic() {
-            var _a;
-            return (_a = this._pictogramMark.getProduct()) === null || _a === void 0 ? void 0 : _a.getGroupGraphicItem();
-        }
-        initData() {
-            var _a, _b;
-            super.initData();
-            const parsedSvg = svgSourceMap.get(this.svg);
-            if (!parsedSvg) {
-                (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError('no valid svg found!');
-            }
-            const svgData = new DataView(this._dataSet, { name: `pictogram_${this.id}_data` });
-            registerDataSetInstanceTransform(this._dataSet, 'pictogram', pictogram);
-            registerDataSetInstanceTransform(this._dataSet, 'lookup', lookup);
-            svgData
-                .parse([parsedSvg], {
-                type: 'dataview'
-            })
-                .transform({ type: 'pictogram' })
-                .transform({
-                type: 'lookup',
-                options: {
-                    from: () => this.getViewData().latestData,
-                    key: 'name',
-                    fields: this._nameField,
-                    set: (a, b) => {
-                        if (b) {
-                            a.data = b;
-                        }
-                    }
-                }
-            })
-                .transform({
-                type: 'lookup',
-                options: {
-                    from: () => this.getViewData().latestData,
-                    key: '_nameFromParent',
-                    fields: this._nameField,
-                    set: (a, b) => {
-                        if (b) {
-                            a.data = b;
-                        }
-                    }
-                }
-            });
-            (_b = this._data) === null || _b === void 0 ? void 0 : _b.getDataView().target.addListener('change', svgData.reRunAllTransform);
-            this._mapViewData = new SeriesData(this._option, svgData);
-        }
-        mapViewDataUpdate() {
-            this._mapViewData.updateData();
-        }
-        onLayoutEnd(ctx) {
-            var _a;
-            super.onLayoutEnd(ctx);
-            (_a = this._mapViewData) === null || _a === void 0 ? void 0 : _a.getDataView().reRunAllTransform();
-        }
-        updateSVGSize() {
-            const { width: regionWidth, height: regionHeight } = this.getLayoutRect();
-            const regionCenterX = regionWidth / 2;
-            const regionCenterY = regionHeight / 2;
-            const root = this.getPictogramRootGraphic();
-            if (root) {
-                const bounds = root.AABBBounds;
-                const { x1, x2, y1, y2 } = root.AABBBounds;
-                const width = bounds.width();
-                const height = bounds.height();
-                const rootCenterX = (x1 + x2) / 2;
-                const rootCenterY = (y1 + y2) / 2;
-                const scaleX = regionWidth / width;
-                const scaleY = regionHeight / height;
-                const scale = Math.min(scaleX, scaleY);
-                root.scale(scale, scale, { x: rootCenterX, y: rootCenterY });
-                root.translate(regionCenterX - rootCenterX, regionCenterY - rootCenterY);
-            }
-        }
-        initEvent() {
-            var _a;
-            super.initEvent();
-            (_a = this._mapViewData.getDataView()) === null || _a === void 0 ? void 0 : _a.target.addListener('change', this.mapViewDataUpdate.bind(this));
-            this.event.on(HOOK_EVENT.AFTER_MARK_LAYOUT_END, this.updateSVGSize.bind(this));
-        }
-        handleZoom(e) {
-            const { scale, scaleCenter } = e;
-            if (scale === 1) {
-                return;
-            }
-            const root = this.getPictogramRootGraphic();
-            if (root) {
-                if (!root.attribute.postMatrix) {
-                    root.setAttributes({
-                        postMatrix: new Matrix()
-                    });
-                }
-                root.scale(scale, scale, scaleCenter);
-            }
-        }
-        handlePan(e) {
-            const { delta } = e;
-            if (delta[0] === 0 && delta[1] === 0) {
-                return;
-            }
-            const root = this.getPictogramRootGraphic();
-            if (root) {
-                if (!root.attribute.postMatrix) {
-                    root.setAttributes({
-                        postMatrix: new Matrix()
-                    });
-                }
-                root.translate(delta[0], delta[1]);
-            }
-        }
-        getMarkData(datum) {
-            var _a;
-            return (_a = datum.data) !== null && _a !== void 0 ? _a : {};
-        }
-        getMeasureField() {
-            return [this.valueField];
-        }
-        getDimensionField() {
-            return [this.nameField];
-        }
-        _getSeriesInfo(field, keys) {
-            const defaultShapeType = this.getDefaultShapeType();
-            return keys.map(key => {
-                return {
-                    key,
-                    originalKey: key,
-                    style: this.getSeriesStyle({
-                        data: {
-                            [field]: key
-                        }
-                    }),
-                    shapeType: defaultShapeType
-                };
-            });
-        }
-    }
-    PictogramSeries.type = exports.SeriesTypeEnum.pictogram;
-    PictogramSeries.mark = PictogramSeriesMark;
-    PictogramSeries.transformerConstructor = PictogramSeriesSpecTransformer;
-    const registerPictogramSeries = () => {
-        Factory$1.registerSeries(PictogramSeries.type, PictogramSeries);
-        Factory$1.registerImplement('registerSVG', registerSVGSource);
-        Factory$1.registerImplement('unregisterSVG', unregisterSVGSource);
-        registerElementHighlightByGraphicName();
-        registerElementSelectByGraphicName();
-    };
-
     class PictogramChart extends BaseChart {
         constructor() {
             super(...arguments);
@@ -102273,7 +102424,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const infoList = array((_k = (_j = chartSpecInfo.component) === null || _j === void 0 ? void 0 : _j[specKey]) !== null && _k !== void 0 ? _k : []);
                 array((_l = chartSpec[specKey]) !== null && _l !== void 0 ? _l : []).forEach((componentSpec, i) => {
                     const specInfo = infoList[i];
-                    if (componentTypes.includes(specInfo.type)) {
+                    if (specInfo && componentTypes.includes(specInfo.type)) {
                         result.modelInfo.push(Object.assign(Object.assign({}, specInfo), { spec: componentSpec }));
                     }
                 });
@@ -102613,9 +102764,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.MapSeries = MapSeries;
     exports.MediaQuery = MediaQuery;
     exports.MosaicChart = MosaicChart;
+    exports.MosaicSeries = MosaicSeries;
     exports.PREFIX = PREFIX;
     exports.PathMark = PathMark;
     exports.PictogramChart = PictogramChart;
+    exports.PictogramSeries = PictogramSeries;
     exports.Pie3dChart = Pie3dChart;
     exports.Pie3dSeries = Pie3dSeries;
     exports.PieChart = PieChart;
@@ -102784,9 +102937,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.registerMediaQuery = registerMediaQuery;
     exports.registerMorph = registerMorph;
     exports.registerMosaicChart = registerMosaicChart;
+    exports.registerMosaicSeries = registerMosaicSeries;
     exports.registerNodeEnv = registerNodeEnv;
     exports.registerPathMark = registerPathMark;
     exports.registerPictogramChart = registerPictogramChart;
+    exports.registerPictogramSeries = registerPictogramSeries;
     exports.registerPie3dChart = registerPie3dChart;
     exports.registerPie3dSeries = registerPie3dSeries;
     exports.registerPieChart = registerPieChart;