@visactor/vchart 1.13.1 → 1.13.2

package/build/index.es.js

@@ -20,7 +20,7 @@ function __rest$e(s, e) {
   }
   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);
@@ -7884,6 +7884,31 @@ var __decorate$1B = undefined && undefined.__decorate || function (decorators, t
     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() {
@@ -8009,6 +8034,11 @@ let DefaultGlobal = class {
   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;
   }
@@ -11162,7 +11192,7 @@ function getThemeFromGroup(graphic) {
   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 {
@@ -11232,7 +11262,7 @@ class Node extends EventEmitter {
   }
   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;
@@ -15294,7 +15324,7 @@ function isSvg(str) {
   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 {
@@ -15320,7 +15350,7 @@ var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _argume
   });
 };
 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 => {
@@ -17151,7 +17181,9 @@ class DefaultImageBackgroundRenderContribution extends DefaultBaseBackgroundRend
     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);
@@ -17184,11 +17216,7 @@ class DefaultImageBackgroundRenderContribution extends DefaultBaseBackgroundRend
         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) {
@@ -18895,7 +18923,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
       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;
@@ -18912,7 +18940,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
         }
       },
       _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);
   }
@@ -22383,7 +22411,7 @@ function load$1(container) {
   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 {
@@ -22456,7 +22484,7 @@ function foreach(graphic, defaultZIndex, cb) {
 }
 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);
   });
 }
@@ -22817,7 +22845,7 @@ var STATUS,
       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 {
@@ -22852,7 +22880,7 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     }, 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;
@@ -22873,15 +22901,15 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     });
   }
   _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;
@@ -22902,7 +22930,7 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     });
   }
   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);
@@ -22911,13 +22939,13 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     });
   }
   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);
@@ -22929,11 +22957,11 @@ let DefaultIncrementalDrawContribution = class extends DefaultDrawContribution {
     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);
           })
@@ -23947,12 +23975,37 @@ class BaseCanvas {
 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);
@@ -24021,6 +24074,13 @@ let BaseEnvContribution = class {
       left: 0
     };
   }
+  loadFont(font, source, descriptors) {
+    return __awaiter$4(this, void 0, void 0, function* () {
+      return {
+        loadState: "fail"
+      };
+    });
+  }
 };
 BaseEnvContribution = __decorate$17([injectable()], BaseEnvContribution);
 
@@ -24403,7 +24463,7 @@ let DefaultCanvasRichTextRender = class extends BaseRender {
     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) {
@@ -24833,11 +24893,18 @@ function registerShadowRootGraphic() {
 
 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) {
@@ -24899,10 +24966,13 @@ class HtmlAttributePlugin {
   }
   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;
@@ -24939,8 +25009,8 @@ class HtmlAttributePlugin {
       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 => {
@@ -24959,6 +25029,9 @@ class HtmlAttributePlugin {
     } = this.htmlMap[id];
     wrapContainer && application.global.removeDom(wrapContainer), this.htmlMap[id] = null;
   }
+  removeWrapContainerEventListener(wrapContainer) {
+    wrapContainer.removeEventListener("wheel", this.onWheel);
+  }
   renderGraphicHTML(graphic) {
     var _a;
     const {
@@ -25839,6 +25912,7 @@ class Gesture extends EventEmitter {
     });
   }
   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);
@@ -26716,6 +26790,31 @@ var __decorate$W = undefined && undefined.__decorate || function (decorators, ta
   },
   __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() {
@@ -26911,6 +27010,19 @@ let BrowserEnvContribution = class extends BaseEnvContribution {
       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);
 
@@ -32201,11 +32313,11 @@ function clampText(text, width, height) {
     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
   };
@@ -32919,7 +33031,7 @@ class LabelBase extends AbstractComponent {
         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
@@ -32929,12 +33041,13 @@ class LabelBase extends AbstractComponent {
     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,
@@ -32994,7 +33107,7 @@ class LabelBase extends AbstractComponent {
         break;
       }
       if (!hasPlace && clampForce) {
-        if (this._processClampForce(text, bmpTool, bitmap)) {
+        if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
           result.push(text);
           continue;
         }
@@ -34408,6 +34521,52 @@ const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
   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],
@@ -34478,9 +34637,11 @@ function getPolygonPath(points, closed) {
   }), 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;
@@ -34864,50 +35025,6 @@ function autoHide(labels, config) {
   });
 }
 
-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 {
@@ -37053,7 +37170,7 @@ const continuousTicks = (scale, op) => {
     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
@@ -37077,19 +37194,30 @@ const continuousTicks = (scale, op) => {
       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;
@@ -40677,7 +40805,8 @@ let DiscreteLegend$1 = class DiscreteLegend extends LegendBase {
       } = this.attribute,
       {
         spaceCol = DEFAULT_ITEM_SPACE_COL,
-        spaceRow = DEFAULT_ITEM_SPACE_ROW
+        spaceRow = DEFAULT_ITEM_SPACE_ROW,
+        verticalAlign = "middle"
       } = itemAttrs,
       itemsContainer = this._itemsContainer,
       {
@@ -40696,7 +40825,9 @@ let DiscreteLegend$1 = class DiscreteLegend extends LegendBase {
         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;
@@ -40704,15 +40835,23 @@ let DiscreteLegend$1 = class DiscreteLegend extends LegendBase {
       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 {
@@ -49673,6 +49812,10 @@ class CanvasRenderer {
         ticker: viewOptions.ticker,
         supportsTouchEvents: viewOptions.supportsTouchEvents,
         supportsPointerEvents: viewOptions.supportsPointerEvents,
+        event: {
+          clickInterval: this._eventConfig.clickInterval,
+          autoPreventDefault: !!this._eventConfig.autoPreventDefault
+        },
         ReactDOM: viewOptions.ReactDOM,
         autoRefresh: viewOptions.autoRefresh
       });
@@ -57086,18 +57229,18 @@ class Compiler {
                 (_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;
@@ -57461,7 +57604,7 @@ function OffscreenCanvasToDataURL(c) {
 }
 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 '';
         }
@@ -61639,7 +61782,7 @@ class VChart {
         });
     }
     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,
@@ -61648,7 +61791,7 @@ class VChart {
         });
     }
     _renderAsync(option = {}) {
-        return __awaiter$7(this, void 0, void 0, function* () {
+        return __awaiter$a(this, void 0, void 0, function* () {
             return this._renderSync(option);
         });
     }
@@ -61696,7 +61839,7 @@ class VChart {
         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);
         });
     }
@@ -61723,7 +61866,7 @@ class VChart {
         }
     }
     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 };
@@ -61794,12 +61937,12 @@ class VChart {
         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;
@@ -61829,7 +61972,7 @@ class VChart {
         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;
             }
@@ -61882,7 +62025,7 @@ class VChart {
         });
     }
     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);
         });
     }
@@ -62074,7 +62217,7 @@ class VChart {
     }
     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;
             }
@@ -62197,7 +62340,7 @@ class VChart {
     }
     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();
@@ -62213,7 +62356,7 @@ class VChart {
     }
     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;
@@ -62504,7 +62647,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.1";
+const version = "1.13.2";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -67361,8 +67504,9 @@ class CartesianAxis extends AxisComponent {
     }
     _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));
@@ -67399,64 +67543,20 @@ class CartesianAxis extends AxisComponent {
         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 = {
@@ -67466,12 +67566,7 @@ class CartesianAxis extends AxisComponent {
                 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 = {
@@ -67484,6 +67579,36 @@ class CartesianAxis extends AxisComponent {
                 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) {
@@ -84189,9 +84314,9 @@ class SankeyLayout {
       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);
@@ -86348,6 +86473,26 @@ class GaugeSeries extends ProgressLikeSeries {
             });
         }
     }
+    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);
@@ -88542,371 +88687,689 @@ const registerVennSeries = () => {
     Factory$1.registerSeries(VennSeries.type, VennSeries);
 };
 
-class MapChartSpecTransformer extends BaseChartSpecTransformer {
-    _isValidSeries(type) {
-        return type === 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 = SeriesTypeEnum.map;
-    }
-}
-MapChart.type = "map";
-MapChart.seriesType = 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 = 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 = 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 = 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 = 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 = 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 = 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 = SeriesTypeEnum.rose;
+        this.type = SeriesTypeEnum.pictogram;
     }
-}
-RoseChart.type = "rose";
-RoseChart.seriesType = 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 = SeriesTypeEnum.radar;
+    mapViewDataUpdate() {
+        this._mapViewData.updateData();
     }
-}
-RadarChart.type = "radar";
-RadarChart.seriesType = 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 = 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 === 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;
@@ -88918,71 +89381,418 @@ class CommonChartSpecTransformer extends BaseChartSpecTransformer {
                 });
             });
         }
-        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 = SeriesTypeEnum.map;
     }
 }
-CommonChart.type = "common";
-CommonChart.transformerConstructor = CommonChartSpecTransformer;
-mixin(CommonChart, StackChartMixin);
-const registerCommonChart = () => {
-    Factory$1.registerChart(CommonChart.type, CommonChart);
+MapChart.type = "map";
+MapChart.seriesType = 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 = SeriesTypeEnum.pie;
+    }
+}
+PieChart.type = "pie";
+PieChart.seriesType = 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 = SeriesTypeEnum.pie3d;
+    }
+}
+Pie3dChart.type = "pie3d";
+Pie3dChart.seriesType = 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 = SeriesTypeEnum.rose;
+    }
+}
+RoseChart.type = "rose";
+RoseChart.seriesType = 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 = SeriesTypeEnum.radar;
+    }
+}
+RadarChart.type = "radar";
+RadarChart.seriesType = 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
         });
@@ -100036,28 +100846,30 @@ class BaseTooltipHandler extends BasePlugin {
             };
             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 };
@@ -100140,8 +100952,8 @@ class BaseTooltipHandler extends BasePlugin {
                 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;
@@ -100170,8 +100982,9 @@ class BaseTooltipHandler extends BasePlugin {
                 }
                 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;
@@ -100618,7 +101431,8 @@ class DomTooltipHandler extends BaseTooltipHandler {
             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);
@@ -100630,7 +101444,9 @@ class DomTooltipHandler extends BaseTooltipHandler {
                             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) {
@@ -101391,107 +102207,6 @@ class MosaicChartSpecTransformer extends CartesianChartSpecTransformer {
     }
 }
 
-class MosaicSeries extends BarSeries {
-    constructor() {
-        super(...arguments);
-        this.type = 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 = SeriesTypeEnum.mosaic;
-MosaicSeries.transformerConstructor = BarSeriesSpecTransformer;
-const registerMosaicSeries = () => {
-    registerRectMark();
-    registerTextMark();
-    registerFadeInOutAnimation();
-    registerCartesianLinearAxis();
-    Factory$1.registerSeries(MosaicSeries.type, MosaicSeries);
-};
-
 class MosaicChart extends BaseChart {
     constructor() {
         super(...arguments);
@@ -101562,570 +102277,6 @@ class PictogramChartSpecTransformer extends BaseChartSpecTransformer {
     }
 }
 
-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 = 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 = 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);
@@ -102267,7 +102418,7 @@ const executeMediaQueryActionFilterType = (filterType = 'chart', chartSpec, char
             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 }));
                 }
             });
@@ -102514,4 +102665,4 @@ const registerMediaQuery = () => {
     registerChartPlugin(MediaQuery);
 };
 
-export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, PREFIX, PathMark, PictogramChart, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, builtinThemes, computeActualDataScheme, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, getActualColor, getColorSchemeBySeries, getDataScheme, getMergedTheme, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, queryColorFromColorScheme, queryToken, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerNodeEnv, registerPathMark, registerPictogramChart, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };
+export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PictogramChart, PictogramSeries, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, builtinThemes, computeActualDataScheme, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, getActualColor, getColorSchemeBySeries, getDataScheme, getMergedTheme, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, queryColorFromColorScheme, queryToken, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPictogramChart, registerPictogramSeries, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };