tvcharts 0.5.74 → 0.5.76

package/dist/echarts.js

@@ -745,14 +745,14 @@ function concatArray(a, b) {
   }
   return newArray;
 }
-function createObject(proto2, properties) {
+function createObject(proto3, properties) {
   let obj;
   if (Object.create) {
-    obj = Object.create(proto2);
+    obj = Object.create(proto3);
   } else {
     const StyleCtor = function() {
     };
-    StyleCtor.prototype = proto2;
+    StyleCtor.prototype = proto3;
     obj = new StyleCtor();
   }
   if (properties) {
@@ -2128,9 +2128,9 @@ function isHover(displayable, x, y) {
         if (clipPath && !clipPath.contain(x, y)) {
           return false;
         }
-        if (el.silent) {
-          isSilent = true;
-        }
+      }
+      if (el.silent) {
+        isSilent = true;
       }
       const hostEl = el.__hostTarget;
       el = hostEl ? hostEl : el.parent;
@@ -2161,7 +2161,6 @@ var Handler_default = Handler;
 // node_modules/zrender/src/core/timsort.ts
 var DEFAULT_MIN_MERGE = 32;
 var DEFAULT_MIN_GALLOPING = 7;
-var DEFAULT_TMP_STORAGE_LENGTH = 256;
 function minRunLength(n) {
   var r = 0;
   while (n >= DEFAULT_MIN_MERGE) {
@@ -2322,18 +2321,10 @@ function gallopRight(value, array, start2, length2, hint, compare2) {
 }
 function TimSort(array, compare2) {
   let minGallop = DEFAULT_MIN_GALLOPING;
-  let length2 = 0;
-  let tmpStorageLength = DEFAULT_TMP_STORAGE_LENGTH;
-  let stackLength = 0;
   let runStart;
   let runLength;
   let stackSize = 0;
-  length2 = array.length;
-  if (length2 < 2 * DEFAULT_TMP_STORAGE_LENGTH) {
-    tmpStorageLength = length2 >>> 1;
-  }
   var tmp = [];
-  stackLength = length2 < 120 ? 5 : length2 < 1542 ? 10 : length2 < 119151 ? 19 : 40;
   runStart = [];
   runLength = [];
   function pushRun(_runStart, _runLength) {
@@ -2367,8 +2358,8 @@ function TimSort(array, compare2) {
     var start1 = runStart[i];
     var length1 = runLength[i];
     var start2 = runStart[i + 1];
-    var length22 = runLength[i + 1];
-    runLength[i] = length1 + length22;
+    var length2 = runLength[i + 1];
+    runLength[i] = length1 + length2;
     if (i === stackSize - 3) {
       runStart[i + 1] = runStart[i + 2];
       runLength[i + 1] = runLength[i + 2];
@@ -2380,17 +2371,17 @@ function TimSort(array, compare2) {
     if (length1 === 0) {
       return;
     }
-    length22 = gallopLeft(array[start1 + length1 - 1], array, start2, length22, length22 - 1, compare2);
-    if (length22 === 0) {
+    length2 = gallopLeft(array[start1 + length1 - 1], array, start2, length2, length2 - 1, compare2);
+    if (length2 === 0) {
       return;
     }
-    if (length1 <= length22) {
-      mergeLow(start1, length1, start2, length22);
+    if (length1 <= length2) {
+      mergeLow(start1, length1, start2, length2);
     } else {
-      mergeHigh(start1, length1, start2, length22);
+      mergeHigh(start1, length1, start2, length2);
     }
   }
-  function mergeLow(start1, length1, start2, length22) {
+  function mergeLow(start1, length1, start2, length2) {
     var i = 0;
     for (i = 0; i < length1; i++) {
       tmp[i] = array[start1 + i];
@@ -2399,17 +2390,17 @@ function TimSort(array, compare2) {
     var cursor2 = start2;
     var dest = start1;
     array[dest++] = array[cursor2++];
-    if (--length22 === 0) {
+    if (--length2 === 0) {
       for (i = 0; i < length1; i++) {
         array[dest + i] = tmp[cursor1 + i];
       }
       return;
     }
     if (length1 === 1) {
-      for (i = 0; i < length22; i++) {
+      for (i = 0; i < length2; i++) {
         array[dest + i] = array[cursor2 + i];
       }
-      array[dest + length22] = tmp[cursor1];
+      array[dest + length2] = tmp[cursor1];
       return;
     }
     var _minGallop = minGallop;
@@ -2425,7 +2416,7 @@ function TimSort(array, compare2) {
           array[dest++] = array[cursor2++];
           count2++;
           count1 = 0;
-          if (--length22 === 0) {
+          if (--length2 === 0) {
             exit = true;
             break;
           }
@@ -2457,19 +2448,19 @@ function TimSort(array, compare2) {
           }
         }
         array[dest++] = array[cursor2++];
-        if (--length22 === 0) {
+        if (--length2 === 0) {
           exit = true;
           break;
         }
-        count2 = gallopLeft(tmp[cursor1], array, cursor2, length22, 0, compare2);
+        count2 = gallopLeft(tmp[cursor1], array, cursor2, length2, 0, compare2);
         if (count2 !== 0) {
           for (i = 0; i < count2; i++) {
             array[dest + i] = array[cursor2 + i];
           }
           dest += count2;
           cursor2 += count2;
-          length22 -= count2;
-          if (length22 === 0) {
+          length2 -= count2;
+          if (length2 === 0) {
             exit = true;
             break;
           }
@@ -2492,10 +2483,10 @@ function TimSort(array, compare2) {
     minGallop = _minGallop;
     minGallop < 1 && (minGallop = 1);
     if (length1 === 1) {
-      for (i = 0; i < length22; i++) {
+      for (i = 0; i < length2; i++) {
         array[dest + i] = array[cursor2 + i];
       }
-      array[dest + length22] = tmp[cursor1];
+      array[dest + length2] = tmp[cursor1];
     } else if (length1 === 0) {
       throw new Error();
     } else {
@@ -2504,25 +2495,25 @@ function TimSort(array, compare2) {
       }
     }
   }
-  function mergeHigh(start1, length1, start2, length22) {
+  function mergeHigh(start1, length1, start2, length2) {
     var i = 0;
-    for (i = 0; i < length22; i++) {
+    for (i = 0; i < length2; i++) {
       tmp[i] = array[start2 + i];
     }
     var cursor1 = start1 + length1 - 1;
-    var cursor2 = length22 - 1;
-    var dest = start2 + length22 - 1;
+    var cursor2 = length2 - 1;
+    var dest = start2 + length2 - 1;
     var customCursor = 0;
     var customDest = 0;
     array[dest--] = array[cursor1--];
     if (--length1 === 0) {
-      customCursor = dest - (length22 - 1);
-      for (i = 0; i < length22; i++) {
+      customCursor = dest - (length2 - 1);
+      for (i = 0; i < length2; i++) {
         array[customCursor + i] = tmp[i];
       }
       return;
     }
-    if (length22 === 1) {
+    if (length2 === 1) {
       dest -= length1;
       cursor1 -= length1;
       customDest = dest + 1;
@@ -2551,7 +2542,7 @@ function TimSort(array, compare2) {
           array[dest--] = tmp[cursor2--];
           count2++;
           count1 = 0;
-          if (--length22 === 1) {
+          if (--length2 === 1) {
             exit = true;
             break;
           }
@@ -2577,21 +2568,21 @@ function TimSort(array, compare2) {
           }
         }
         array[dest--] = tmp[cursor2--];
-        if (--length22 === 1) {
+        if (--length2 === 1) {
           exit = true;
           break;
         }
-        count2 = length22 - gallopLeft(array[cursor1], tmp, 0, length22, length22 - 1, compare2);
+        count2 = length2 - gallopLeft(array[cursor1], tmp, 0, length2, length2 - 1, compare2);
         if (count2 !== 0) {
           dest -= count2;
           cursor2 -= count2;
-          length22 -= count2;
+          length2 -= count2;
           customDest = dest + 1;
           customCursor = cursor2 + 1;
           for (i = 0; i < count2; i++) {
             array[customDest + i] = tmp[customCursor + i];
           }
-          if (length22 <= 1) {
+          if (length2 <= 1) {
             exit = true;
             break;
           }
@@ -2615,7 +2606,7 @@ function TimSort(array, compare2) {
     if (minGallop < 1) {
       minGallop = 1;
     }
-    if (length22 === 1) {
+    if (length2 === 1) {
       dest -= length1;
       cursor1 -= length1;
       customDest = dest + 1;
@@ -2624,11 +2615,11 @@ function TimSort(array, compare2) {
         array[customDest + i] = array[customCursor + i];
       }
       array[dest] = tmp[cursor2];
-    } else if (length22 === 0) {
+    } else if (length2 === 0) {
       throw new Error();
     } else {
-      customCursor = dest - (length22 - 1);
-      for (i = 0; i < length22; i++) {
+      customCursor = dest - (length2 - 1);
+      for (i = 0; i < length2; i++) {
         array[customCursor + i] = tmp[i];
       }
     }
@@ -5409,6 +5400,7 @@ var Transformable2 = class {
     const parent = this.parent;
     let m2 = this.transform;
     if (parent && parent.transform) {
+      parent.invTransform = parent.invTransform || create2();
       mul2(tmpTransform, parent.invTransform, m2);
       m2 = tmpTransform;
     }
@@ -5498,9 +5490,9 @@ var Transformable2 = class {
 };
 var Transformable = Transformable2;
 Transformable.initDefaultProps = function() {
-  const proto2 = Transformable2.prototype;
-  proto2.scaleX = proto2.scaleY = proto2.globalScaleRatio = 1;
-  proto2.x = proto2.y = proto2.originX = proto2.originY = proto2.skewX = proto2.skewY = proto2.rotation = proto2.anchorX = proto2.anchorY = 0;
+  const proto3 = Transformable2.prototype;
+  proto3.scaleX = proto3.scaleY = proto3.globalScaleRatio = 1;
+  proto3.x = proto3.y = proto3.originX = proto3.originY = proto3.skewX = proto3.skewY = proto3.rotation = proto3.anchorX = proto3.anchorY = 0;
 }();
 var TRANSFORMABLE_PROPS = [
   "x",
@@ -6905,7 +6897,7 @@ var ZRender = class {
     const ssrMode = opts.ssr || painter.ssrOnly;
     this.storage = storage2;
     this.painter = painter;
-    const handerProxy = !env_default.node && !env_default.worker && !ssrMode ? new HandlerProxy_default(painter.getViewportRoot(), painter.root) : null;
+    const handlerProxy = !env_default.node && !env_default.worker && !ssrMode ? new HandlerProxy_default(painter.getViewportRoot(), painter.root) : null;
     const useCoarsePointer = opts.useCoarsePointer;
     const usePointerSize = useCoarsePointer == null || useCoarsePointer === "auto" ? env_default.touchEventsSupported : !!useCoarsePointer;
     const defaultPointerSize = 44;
@@ -6913,7 +6905,7 @@ var ZRender = class {
     if (usePointerSize) {
       pointerSize = retrieve2(opts.pointerSize, defaultPointerSize);
     }
-    this.handler = new Handler_default(storage2, painter, handerProxy, painter.root, pointerSize);
+    this.handler = new Handler_default(storage2, painter, handlerProxy, painter.root, pointerSize);
     this.animation = new Animation_default({
       stage: {
         update: ssrMode ? null : () => this._flush(true)
@@ -6924,7 +6916,7 @@ var ZRender = class {
     }
   }
   add(el) {
-    if (!el) {
+    if (this._disposed || !el) {
       return;
     }
     this.storage.addRoot(el);
@@ -6932,7 +6924,7 @@ var ZRender = class {
     this.refresh();
   }
   remove(el) {
-    if (!el) {
+    if (this._disposed || !el) {
       return;
     }
     this.storage.delRoot(el);
@@ -6940,12 +6932,18 @@ var ZRender = class {
     this.refresh();
   }
   configLayer(zLevel, config) {
+    if (this._disposed) {
+      return;
+    }
     if (this.painter.configLayer) {
       this.painter.configLayer(zLevel, config);
     }
     this.refresh();
   }
   setBackgroundColor(backgroundColor2) {
+    if (this._disposed) {
+      return;
+    }
     if (this.painter.setBackgroundColor) {
       this.painter.setBackgroundColor(backgroundColor2);
     }
@@ -6963,6 +6961,9 @@ var ZRender = class {
     return this._darkMode;
   }
   refreshImmediately(fromInside) {
+    if (this._disposed) {
+      return;
+    }
     if (!fromInside) {
       this.animation.update(true);
     }
@@ -6971,10 +6972,16 @@ var ZRender = class {
     this._needsRefresh = false;
   }
   refresh() {
+    if (this._disposed) {
+      return;
+    }
     this._needsRefresh = true;
     this.animation.start();
   }
   flush() {
+    if (this._disposed) {
+      return;
+    }
     this._flush(false);
   }
   _flush(fromInside) {
@@ -7005,6 +7012,9 @@ var ZRender = class {
     this._sleepAfterStill = stillFramesCount;
   }
   wakeUp() {
+    if (this._disposed) {
+      return;
+    }
     this.animation.start();
     this._stillFrameAccum = 0;
   }
@@ -7012,42 +7022,74 @@ var ZRender = class {
     this._needsRefreshHover = true;
   }
   refreshHoverImmediately() {
+    if (this._disposed) {
+      return;
+    }
     this._needsRefreshHover = false;
     if (this.painter.refreshHover && this.painter.getType() === "canvas") {
       this.painter.refreshHover();
     }
   }
   resize(opts) {
+    if (this._disposed) {
+      return;
+    }
     opts = opts || {};
     this.painter.resize(opts.width, opts.height);
     this.handler.resize();
   }
   clearAnimation() {
+    if (this._disposed) {
+      return;
+    }
     this.animation.clear();
   }
   getWidth() {
+    if (this._disposed) {
+      return;
+    }
     return this.painter.getWidth();
   }
   getHeight() {
+    if (this._disposed) {
+      return;
+    }
     return this.painter.getHeight();
   }
   setCursorStyle(cursorStyle) {
+    if (this._disposed) {
+      return;
+    }
     this.handler.setCursorStyle(cursorStyle);
   }
   findHover(x, y) {
+    if (this._disposed) {
+      return;
+    }
     return this.handler.findHover(x, y);
   }
   on(eventName, eventHandler, context) {
-    this.handler.on(eventName, eventHandler, context);
+    if (!this._disposed) {
+      this.handler.on(eventName, eventHandler, context);
+    }
     return this;
   }
   off(eventName, eventHandler) {
+    if (this._disposed) {
+      return;
+    }
     this.handler.off(eventName, eventHandler);
   }
   trigger(eventName, event) {
+    if (this._disposed) {
+      return;
+    }
     this.handler.trigger(eventName, event);
   }
   clear() {
+    if (this._disposed) {
+      return;
+    }
     const roots2 = this.storage.getRoots();
     for (let i = 0; i < roots2.length; i++) {
       if (roots2[i] instanceof Group_default) {
@@ -7058,12 +7100,16 @@ var ZRender = class {
     this.painter.clear();
   }
   dispose() {
+    if (this._disposed) {
+      return;
+    }
     this.animation.stop();
     this.clear();
     this.storage.dispose();
     this.painter.dispose();
     this.handler.dispose();
     this.animation = this.storage = this.painter = this.handler = null;
+    this._disposed = true;
     delInstance(this.id);
   }
 };
@@ -7089,9 +7135,7 @@ function getInstance(id) {
 function registerPainter(name, Ctor) {
   painterCtors[name] = Ctor;
 }
-var ssrDataGetter = function(el) {
-  return null;
-};
+var ssrDataGetter;
 function getElementSSRData(el) {
   if (typeof ssrDataGetter === "function") {
     return ssrDataGetter(el);
@@ -7100,7 +7144,7 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.4.4-dev.20231116";
+var version = "5.5.0";
 
 // src/util/number.ts
 var RADIAN_EPSILON = 1e-4;
@@ -7943,11 +7987,11 @@ function isExtendedClass(clz) {
 }
 function enableClassExtend(rootClz, mandatoryMethods) {
   rootClz.$constructor = rootClz;
-  rootClz.extend = function(proto2) {
+  rootClz.extend = function(proto3) {
     if (true) {
       each(mandatoryMethods, function(method) {
-        if (!proto2[method]) {
-          console.warn("Method `" + method + "` should be implemented" + (proto2.type ? " in " + proto2.type : "") + ".");
+        if (!proto3[method]) {
+          console.warn("Method `" + method + "` should be implemented" + (proto3.type ? " in " + proto3.type : "") + ".");
         }
       });
     }
@@ -7961,11 +8005,11 @@ function enableClassExtend(rootClz, mandatoryMethods) {
       };
     } else {
       ExtendedClass = function() {
-        (proto2.$constructor || superClass).apply(this, arguments);
+        (proto3.$constructor || superClass).apply(this, arguments);
       };
       inherits(ExtendedClass, this);
     }
-    extend(ExtendedClass.prototype, proto2);
+    extend(ExtendedClass.prototype, proto3);
     ExtendedClass[IS_EXTENDED_CLASS] = true;
     ExtendedClass.extend = this.extend;
     ExtendedClass.superCall = superCall;
@@ -9449,7 +9493,6 @@ var PathProxy2 = class {
           let delta = data[i++];
           const endAngle = delta + startAngle;
           i += 1;
-          const anticlockwise = !data[i++];
           if (isFirst) {
             x0 = mathCos2(startAngle) * rx + cx;
             y0 = mathSin2(startAngle) * ry + cy;
@@ -9701,12 +9744,12 @@ var PathProxy2 = class {
 var PathProxy = PathProxy2;
 PathProxy.CMD = CMD;
 PathProxy.initDefaultProps = function() {
-  const proto2 = PathProxy2.prototype;
-  proto2._saveData = true;
-  proto2._ux = 0;
-  proto2._uy = 0;
-  proto2._pendingPtDist = 0;
-  proto2._version = 0;
+  const proto3 = PathProxy2.prototype;
+  proto3._saveData = true;
+  proto3._ux = 0;
+  proto3._uy = 0;
+  proto3._pendingPtDist = 0;
+  proto3._version = 0;
 }();
 var PathProxy_default = PathProxy;
 
@@ -11715,6 +11758,27 @@ function getAllSelectedIndices(ecModel) {
   });
   return ret;
 }
+function getSeriesPointData(ecModel, payload = {}) {
+  const seriesPointData = [];
+  ecModel.eachSeries(function(seriesModel) {
+    const data = seriesModel.getData();
+    const index = payload.dataIndex ?? data.count() - 1;
+    const values = data.getValues(index);
+    const style = data.getItemVisual(index, "style");
+    const dim = seriesModel.subType === "candlestick" ? "close" : "y";
+    const currentValue = data.get(dim, index);
+    const prevValue = data.get(dim, index - 1);
+    const changePercent = ((currentValue - prevValue) / prevValue * 100).toFixed(2) + "%";
+    seriesPointData.push({
+      name: seriesModel.name,
+      data: values,
+      color: style.fill,
+      seriesId: seriesModel.id,
+      changePercent
+    });
+  });
+  return seriesPointData;
+}
 function enableHoverEmphasis(el, focus, blurScope) {
   setAsHighDownDispatcher(el, true);
   traverseUpdateState(el, setDefaultStateProxy);
@@ -15489,13 +15553,13 @@ var ComponentModel2 = class extends Model_default {
 };
 var ComponentModel = ComponentModel2;
 ComponentModel.protoInitialize = function() {
-  const proto2 = ComponentModel2.prototype;
-  proto2.type = "component";
-  proto2.id = "";
-  proto2.name = "";
-  proto2.mainType = "";
-  proto2.subType = "";
-  proto2.componentIndex = 0;
+  const proto3 = ComponentModel2.prototype;
+  proto3.type = "component";
+  proto3.id = "";
+  proto3.name = "";
+  proto3.mainType = "";
+  proto3.subType = "";
+  proto3.componentIndex = 0;
 }();
 mountExtend(ComponentModel, Model_default);
 enableClassManagement(ComponentModel);
@@ -15891,9 +15955,9 @@ function getNearestPalette(palettes, requestColorNum) {
   }
   return palettes[paletteNum - 1];
 }
-function getFromPalette(that, inner25, defaultPalette, layeredPalette, name, scope, requestNum) {
+function getFromPalette(that, inner24, defaultPalette, layeredPalette, name, scope, requestNum) {
   scope = scope || that;
-  const scopeFields = inner25(scope);
+  const scopeFields = inner24(scope);
   const paletteIdx = scopeFields.paletteIdx || 0;
   const paletteNameMap = scopeFields.paletteNameMap = scopeFields.paletteNameMap || {};
   if (paletteNameMap.hasOwnProperty(name)) {
@@ -15911,9 +15975,9 @@ function getFromPalette(that, inner25, defaultPalette, layeredPalette, name, sco
   scopeFields.paletteIdx = (paletteIdx + 1) % palette.length;
   return pickedPaletteItem;
 }
-function clearPalette(that, inner25) {
-  inner25(that).paletteIdx = 0;
-  inner25(that).paletteNameMap = {};
+function clearPalette(that, inner24) {
+  inner24(that).paletteIdx = 0;
+  inner24(that).paletteNameMap = {};
 }
 
 // src/model/Global.ts
@@ -17483,9 +17547,9 @@ var DefaultDataProvider2 = class {
 };
 var DefaultDataProvider = DefaultDataProvider2;
 DefaultDataProvider.protoInitialize = function() {
-  const proto2 = DefaultDataProvider2.prototype;
-  proto2.pure = false;
-  proto2.persistent = true;
+  const proto3 = DefaultDataProvider2.prototype;
+  proto3.pure = false;
+  proto3.persistent = true;
 }();
 DefaultDataProvider.internalField = function() {
   mountMethods = function(provider, data, source) {
@@ -19930,14 +19994,14 @@ var SeriesModel2 = class extends Component_default {
 var SeriesModel = SeriesModel2;
 SERIES_UNIVERSAL_TRANSITION_PROP;
 SeriesModel.protoInitialize = function() {
-  const proto2 = SeriesModel2.prototype;
-  proto2.type = "series.__base__";
-  proto2.seriesIndex = 0;
-  proto2.ignoreStyleOnData = false;
-  proto2.hasSymbolVisual = false;
-  proto2.defaultSymbol = "circle";
-  proto2.visualStyleAccessPath = "itemStyle";
-  proto2.visualDrawType = "fill";
+  const proto3 = SeriesModel2.prototype;
+  proto3.type = "series.__base__";
+  proto3.seriesIndex = 0;
+  proto3.ignoreStyleOnData = false;
+  proto3.hasSymbolVisual = false;
+  proto3.defaultSymbol = "circle";
+  proto3.visualStyleAccessPath = "itemStyle";
+  proto3.visualDrawType = "fill";
 }();
 mixin(SeriesModel, DataFormatMixin);
 mixin(SeriesModel, PaletteMixin);
@@ -20032,9 +20096,9 @@ var Component_default2 = ComponentView;
 
 // src/chart/helper/createRenderPlanner.ts
 function createRenderPlanner() {
-  const inner25 = makeInner();
+  const inner24 = makeInner();
   return function(seriesModel) {
-    const fields = inner25(seriesModel);
+    const fields = inner24(seriesModel);
     const pipelineContext = seriesModel.pipelineContext;
     const originalLarge = !!fields.large;
     const originalProgressive = !!fields.progressiveRender;
@@ -20107,8 +20171,8 @@ var ChartView2 = class {
 };
 var ChartView = ChartView2;
 ChartView.protoInitialize = function() {
-  const proto2 = ChartView2.prototype;
-  proto2.type = "chart";
+  const proto3 = ChartView2.prototype;
+  proto3.type = "chart";
 }();
 function elSetState(el, state, highlightDigit) {
   if (el && isHighDownDispatcher(el)) {
@@ -23101,6 +23165,37 @@ var ECharts = class extends Eventful_default {
     const dataIndexInside = parsedFinder.hasOwnProperty("dataIndexInside") ? parsedFinder.dataIndexInside : parsedFinder.hasOwnProperty("dataIndex") ? data.indexOfRawIndex(parsedFinder.dataIndex) : null;
     return dataIndexInside != null ? getItemVisualFromData(data, dataIndexInside, visualType) : getVisualFromData(data, visualType);
   }
+  getDataByIndex(finder) {
+    const ecModel = this._model;
+    const parsedFinder = parseFinder(ecModel, finder, {
+      defaultMainType: "series"
+    });
+    const seriesModel = parsedFinder.seriesModel;
+    if (true) {
+      if (!seriesModel) {
+        warn("There is no specified series model");
+      }
+    }
+    const data = seriesModel.getData();
+    const dataIndexInside = parsedFinder.hasOwnProperty("dataIndexInside") ? parsedFinder.dataIndexInside : parsedFinder.hasOwnProperty("dataIndex") ? data.indexOfRawIndex(parsedFinder.dataIndex) : null;
+    return dataIndexInside != null ? data.getValues(dataIndexInside) : data.getValues(data.count() - 1);
+  }
+  getCategories(finder) {
+    const ecModel = this._model;
+    const parsedFinder = parseFinder(ecModel, finder, {
+      defaultMainType: "series"
+    });
+    const seriesModel = parsedFinder.seriesModel;
+    if (true) {
+      if (!seriesModel) {
+        warn("There is no specified series model");
+      }
+    }
+    const data = seriesModel.getData();
+    const dataIndex = parsedFinder.hasOwnProperty("dataIndex") ? data.indexOfRawIndex(parsedFinder.dataIndex) : 0;
+    const axis = seriesModel.getBaseAxis();
+    return axis.scale.getLabel({value: dataIndex});
+  }
   getViewOfComponentModel(componentModel) {
     return this._componentsMap[componentModel.__viewId];
   }
@@ -23162,7 +23257,7 @@ var ECharts = class extends Eventful_default {
         this.trigger(eventType, event);
       }, this);
     });
-    each(["selectchanged"], (eventType) => {
+    each(["selectchanged", "selectitem"], (eventType) => {
       this._messageCenter.on(eventType, function(event) {
         this.trigger(eventType, event);
       }, this);
@@ -23686,6 +23781,11 @@ ECharts.internalField = function() {
         };
         messageCenter.trigger(newObj.type, newObj);
       }
+      const isUpdateAxisPointer = payload.type === "updateAxisPointer";
+      if (isUpdateAxisPointer) {
+        const data = getSeriesPointData(ecModel, {dataIndex: eventObj.dataIndexInside});
+        messageCenter.trigger("selectitem", {data, dataIndex: eventObj.dataIndexInside});
+      }
     }
   };
   flushPendingActions = function(silent) {
@@ -23849,6 +23949,9 @@ ECharts.internalField = function() {
       updateStates(seriesModel, chartView);
     });
     updateHoverLayerStatus(ecIns, ecModel);
+    const data = getSeriesPointData(ecModel);
+    const messageCenter = ecIns._messageCenter;
+    messageCenter.trigger("selectitem", {data});
     lifecycle_default.trigger("series:afterupdate", ecModel, api2, updateParams);
   };
   markStatusToUpdate = function(ecIns) {
@@ -26010,6 +26113,9 @@ var Scale = class {
   setBlank(isBlank) {
     this._isBlank = isBlank;
   }
+  getIsBaseTick(val) {
+    return false;
+  }
 };
 enableClassManagement(Scale);
 var Scale_default = Scale;
@@ -27298,8 +27404,6 @@ var Time_default = TimeScale;
 var scaleProto = Scale_default.prototype;
 var intervalScaleProto = Interval_default.prototype;
 var roundingErrorFix = round;
-var mathFloor = Math.floor;
-var mathCeil = Math.ceil;
 var mathPow2 = Math.pow;
 var mathLog = Math.log;
 var LogScale = class extends Scale_default {
@@ -27352,28 +27456,6 @@ var LogScale = class extends Scale_default {
   unionExtentFromData(data, dim) {
     this.unionExtent(data.getApproximateExtent(dim));
   }
-  calcNiceTicks(approxTickNum) {
-    approxTickNum = approxTickNum || 10;
-    const extent3 = this._extent;
-    const span = extent3[1] - extent3[0];
-    if (span === Infinity || span <= 0) {
-      return;
-    }
-    let interval = quantity(span);
-    const err = approxTickNum / span * interval;
-    if (err <= 0.5) {
-      interval *= 10;
-    }
-    while (!isNaN(interval) && Math.abs(interval) < 1 && Math.abs(interval) > 0) {
-      interval *= 10;
-    }
-    const niceExtent = [
-      round(mathCeil(extent3[0] / interval) * interval),
-      round(mathFloor(extent3[1] / interval) * interval)
-    ];
-    this._interval = interval;
-    this._niceExtent = niceExtent;
-  }
   calcNiceExtent(opt) {
     intervalScaleProto.calcNiceExtent.call(this, opt);
     this._fixMin = opt.fixMin;
@@ -27399,12 +27481,123 @@ LogScale.type = "log";
 var proto = LogScale.prototype;
 proto.getMinorTicks = intervalScaleProto.getMinorTicks;
 proto.getLabel = intervalScaleProto.getLabel;
+proto.calcNiceTicks = intervalScaleProto.calcNiceTicks;
 function fixRoundingError(val, originalVal) {
   return roundingErrorFix(val, getPrecision(originalVal));
 }
 Scale_default.registerClass(LogScale);
 var Log_default = LogScale;
 
+// src/scale/Percentage.ts
+var scaleProto2 = Scale_default.prototype;
+var intervalScaleProto2 = Interval_default.prototype;
+var roundingErrorFix2 = round;
+var PercentageScale = class extends Scale_default {
+  constructor(setting) {
+    super(setting);
+    this.type = "percentage";
+    this._originalScale = new Interval_default();
+    this._interval = 0;
+    this._baseDim = this.getSetting("baseDim") || "close";
+  }
+  getTicks(expandToNicedExtent) {
+    const originalScale = this._originalScale;
+    const extent3 = this._extent;
+    const originalExtent = originalScale.getExtent();
+    const ticks = intervalScaleProto2.getTicks.call(this, expandToNicedExtent);
+    const labels = map(ticks, function(tick) {
+      const val = tick.value;
+      let powVal = round(this.restorePercentageValue(val));
+      powVal = val === extent3[0] && this._fixMin ? fixRoundingError2(powVal, originalExtent[0]) : powVal;
+      powVal = val === extent3[1] && this._fixMax ? fixRoundingError2(powVal, originalExtent[1]) : powVal;
+      return {
+        value: powVal
+      };
+    }, this);
+    return labels;
+  }
+  getFormattedLabel(tick, idx) {
+    const {value} = tick;
+    const percent = this.parsePercentageValue(value);
+    return percent.toFixed(2) + "%";
+  }
+  setExtent(start2, end2) {
+    start2 = this.parsePercentageValue(start2);
+    end2 = this.parsePercentageValue(end2);
+    intervalScaleProto2.setExtent.call(this, start2, end2);
+  }
+  parsePercentageValue(value) {
+    return (value - this._fromValue) / this._fromValue * 100;
+  }
+  restorePercentageValue(value) {
+    return value / 100 * this._fromValue + this._fromValue;
+  }
+  getExtent() {
+    const extent3 = scaleProto2.getExtent.call(this);
+    extent3[0] = this.restorePercentageValue(extent3[0]);
+    extent3[1] = this.restorePercentageValue(extent3[1]);
+    const originalScale = this._originalScale;
+    const originalExtent = originalScale.getExtent();
+    this._fixMin && (extent3[0] = fixRoundingError2(extent3[0], originalExtent[0]));
+    this._fixMax && (extent3[1] = fixRoundingError2(extent3[1], originalExtent[1]));
+    return extent3;
+  }
+  unionExtent(extent3) {
+    this._originalScale.unionExtent(extent3);
+    extent3[0] = this.parsePercentageValue(extent3[0]);
+    extent3[1] = this.parsePercentageValue(extent3[1]);
+    scaleProto2.unionExtent.call(this, extent3);
+  }
+  unionExtentFromData(data, dim) {
+    if (dim === this._baseDim || !this._fromValue) {
+      this._fromValue = data.get(this._baseDim, 0);
+    }
+    this.unionExtent(data.getApproximateExtent(dim));
+  }
+  calcNiceExtent(opt) {
+    intervalScaleProto2.calcNiceExtent.call(this, opt);
+    this._fixMin = opt.fixMin;
+    this._fixMax = opt.fixMax;
+  }
+  parse(val) {
+    return val;
+  }
+  contain(val) {
+    const originalScale = this._originalScale;
+    const originalExtent = originalScale.getExtent();
+    return contain2(val, originalExtent);
+  }
+  normalize(val) {
+    const originalScale = this._originalScale;
+    const originalExtent = originalScale.getExtent();
+    return normalize2(val, originalExtent);
+  }
+  scale(val) {
+    const originalScale = this._originalScale;
+    const originalExtent = originalScale.getExtent();
+    return scale3(val, originalExtent);
+  }
+  getLabel(data) {
+    if (Number.isNaN(data.value)) {
+      return "";
+    }
+    return this.getFormattedLabel(data);
+  }
+  getIsBaseTick(val) {
+    const value = this.parsePercentageValue(val);
+    return Object.is(value, 0);
+  }
+};
+PercentageScale.type = "percentage";
+var proto2 = PercentageScale.prototype;
+proto2.getMinorTicks = intervalScaleProto2.getMinorTicks;
+proto2.calcNiceTicks = intervalScaleProto2.calcNiceTicks;
+function fixRoundingError2(val, originalVal) {
+  return roundingErrorFix2(val, getPrecision(originalVal));
+}
+Scale_default.registerClass(PercentageScale);
+var Percentage_default = PercentageScale;
+
 // src/coord/scaleRawExtentInfo.ts
 var ScaleRawExtentInfo = class {
   constructor(scale4, model, originalExtent) {
@@ -27591,13 +27784,20 @@ function niceScaleExtent(scale4, inModel) {
   const model = inModel;
   const extentInfo = getScaleExtent(scale4, model);
   const extent3 = extentInfo.extent;
-  const splitNumber = model.get("splitNumber");
+  let splitNumber = model.get("splitNumber");
+  const splitDistance = model.get("splitDistance");
   if (scale4 instanceof Log_default) {
     scale4.base = model.get("logBase");
   }
   const scaleType = scale4.type;
   const interval = model.get("interval");
   const isIntervalOrTime = scaleType === "interval" || scaleType === "time";
+  if (splitDistance) {
+    const axis = model.axis;
+    const rect = axis.grid.getRect();
+    const length2 = axis.dim === "y" ? rect.height : rect.width;
+    splitNumber = Math.ceil(length2 / splitDistance);
+  }
   scale4.setExtent(extent3[0], extent3[1]);
   scale4.calcNiceExtent({
     splitNumber,
@@ -27624,6 +27824,10 @@ function createScaleByModel(model, axisType) {
           locale: model.ecModel.getLocaleModel(),
           useUTC: model.ecModel.get("useUTC")
         });
+      case "percentage":
+        return new Percentage_default({
+          baseDim: model.get("baseDim")
+        });
       default:
         return new (Scale_default.getClass(axisType) || Interval_default)();
     }
@@ -27644,6 +27848,12 @@ function makeLabelFormatter(axis) {
         return axis.scale.getFormattedLabel(tick, idx, tpl);
       };
     }(labelFormatter);
+  } else if (axis.scale.type === "percentage") {
+    return function(tpl) {
+      return function(tick, idx) {
+        return axis.scale.getFormattedLabel(tick, idx);
+      };
+    }(labelFormatter);
   } else if (isString(labelFormatter)) {
     return function(tpl) {
       return function(tick) {
@@ -28617,7 +28827,8 @@ var Axis = class {
     const ticksCoords = map(ticks, function(tickVal) {
       return {
         coord: this.dataToCoord(this.scale.type === "ordinal" ? this.scale.getRawOrdinalNumber(tickVal) : tickVal),
-        tickValue: tickVal
+        tickValue: tickVal,
+        isBaseTick: this.scale.getIsBaseTick(tickVal)
       };
     }, this);
     const alignWithLabel = tickModel.get("alignWithLabel");
@@ -28719,23 +28930,23 @@ function fixOnBandTicksCoords(axis, ticksCoords, alignWithLabel, clamp2) {
 var Axis_default = Axis;
 
 // src/export/api.ts
-function extendComponentModel(proto2) {
-  const Model2 = Component_default.extend(proto2);
+function extendComponentModel(proto3) {
+  const Model2 = Component_default.extend(proto3);
   Component_default.registerClass(Model2);
   return Model2;
 }
-function extendComponentView(proto2) {
-  const View2 = Component_default2.extend(proto2);
+function extendComponentView(proto3) {
+  const View2 = Component_default2.extend(proto3);
   Component_default2.registerClass(View2);
   return View2;
 }
-function extendSeriesModel(proto2) {
-  const Model2 = Series_default.extend(proto2);
+function extendSeriesModel(proto3) {
+  const Model2 = Series_default.extend(proto3);
   Series_default.registerClass(Model2);
   return Model2;
 }
-function extendChartView(proto2) {
-  const View2 = Chart_default.extend(proto2);
+function extendChartView(proto3) {
+  const View2 = Chart_default.extend(proto3);
   Chart_default.registerClass(View2);
   return View2;
 }
@@ -30350,7 +30561,7 @@ function setMetaData(attrs, el) {
   const metaData = getElementSSRData(el);
   if (metaData) {
     metaData.each((val, key) => {
-      attrs[(META_DATA_PREFIX + key).toLowerCase()] = val + "";
+      val != null && (attrs[(META_DATA_PREFIX + key).toLowerCase()] = val + "");
     });
     if (el.isSilent()) {
       attrs[META_DATA_PREFIX + "silent"] = "true";
@@ -31220,8 +31431,7 @@ function createBackgroundVNode(width, height, backgroundColor2, scope) {
       width,
       height,
       x: "0",
-      y: "0",
-      id: "0"
+      y: "0"
     });
     if (isGradient(backgroundColor2)) {
       setGradient({fill: backgroundColor2}, bgVNode.attrs, "fill", scope);
@@ -31401,7 +31611,7 @@ var Layer = class extends Eventful_default {
     }
     for (let i = this.__prevStartIndex; i < this.__prevEndIndex; ++i) {
       const el = prevList[i];
-      const shouldPaint = el.shouldBePainted(viewWidth, viewHeight, true, true);
+      const shouldPaint = el && el.shouldBePainted(viewWidth, viewHeight, true, true);
       if (el && (!shouldPaint || !el.__zr) && el.__isRendered) {
         const prevRect = el.getPrevPaintRect();
         if (prevRect) {
@@ -33975,9 +34185,9 @@ var LineView = class extends Chart_default {
         });
       }
       if (valueAnimation) {
-        const inner25 = labelInner(endLabel);
-        if (typeof inner25.setLabelText === "function") {
-          inner25.setLabelText(value);
+        const inner24 = labelInner(endLabel);
+        if (typeof inner24.setLabelText === "function") {
+          inner24.setLabelText(value);
         }
       }
     }
@@ -36823,15 +37033,17 @@ var timeAxis = merge({
 var logAxis = defaults({
   logBase: 10
 }, valueAxis);
+var percentageAxis = defaults({}, valueAxis);
 var axisDefault_default = {
   category: categoryAxis,
   value: valueAxis,
   time: timeAxis,
-  log: logAxis
+  log: logAxis,
+  percentage: percentageAxis
 };
 
 // src/coord/axisCommonTypes.ts
-var AXIS_TYPES = {value: 1, category: 1, time: 1, log: 1};
+var AXIS_TYPES = {value: 1, category: 1, time: 1, log: 1, percentage: 1};
 
 // src/coord/axisModelCreator.ts
 function axisModelCreator(registers, axisName, BaseAxisModelClass, extraDefaultOption) {
@@ -37110,11 +37322,11 @@ function findAxisModels(seriesModel) {
 // src/coord/axisAlignTicks.ts
 var mathLog2 = Math.log;
 function alignScaleTicks(scale4, axisModel, alignToScale) {
-  const intervalScaleProto2 = Interval_default.prototype;
-  const alignToTicks = intervalScaleProto2.getTicks.call(alignToScale);
-  const alignToNicedTicks = intervalScaleProto2.getTicks.call(alignToScale, true);
+  const intervalScaleProto3 = Interval_default.prototype;
+  const alignToTicks = intervalScaleProto3.getTicks.call(alignToScale);
+  const alignToNicedTicks = intervalScaleProto3.getTicks.call(alignToScale, true);
   const alignToSplitNumber = alignToTicks.length - 1;
-  const alignToInterval = intervalScaleProto2.getInterval.call(alignToScale);
+  const alignToInterval = intervalScaleProto3.getInterval.call(alignToScale);
   const scaleExtent = getScaleExtent(scale4, axisModel);
   let rawExtent = scaleExtent.extent;
   const isMinFixed = scaleExtent.fixMin;
@@ -37129,14 +37341,14 @@ function alignScaleTicks(scale4, axisModel, alignToScale) {
     fixMin: isMinFixed,
     fixMax: isMaxFixed
   });
-  const extent3 = intervalScaleProto2.getExtent.call(scale4);
+  const extent3 = intervalScaleProto3.getExtent.call(scale4);
   if (isMinFixed) {
     rawExtent[0] = extent3[0];
   }
   if (isMaxFixed) {
     rawExtent[1] = extent3[1];
   }
-  let interval = intervalScaleProto2.getInterval.call(scale4);
+  let interval = intervalScaleProto3.getInterval.call(scale4);
   let min3 = rawExtent[0];
   let max3 = rawExtent[1];
   if (isMinFixed && isMaxFixed) {
@@ -37171,13 +37383,13 @@ function alignScaleTicks(scale4, axisModel, alignToScale) {
   }
   const t0 = (alignToTicks[0].value - alignToNicedTicks[0].value) / alignToInterval;
   const t1 = (alignToTicks[alignToSplitNumber].value - alignToNicedTicks[alignToSplitNumber].value) / alignToInterval;
-  intervalScaleProto2.setExtent.call(scale4, min3 + interval * t0, max3 + interval * t1);
-  intervalScaleProto2.setInterval.call(scale4, interval);
+  intervalScaleProto3.setExtent.call(scale4, min3 + interval * t0, max3 + interval * t1);
+  intervalScaleProto3.setInterval.call(scale4, interval);
   if (t0 || t1) {
-    intervalScaleProto2.setNiceExtent.call(scale4, min3 + interval, max3 - interval);
+    intervalScaleProto3.setNiceExtent.call(scale4, min3 + interval, max3 - interval);
   }
   if (true) {
-    const ticks = intervalScaleProto2.getTicks.call(scale4);
+    const ticks = intervalScaleProto3.getTicks.call(scale4);
     if (ticks[1] && (!isValueNice(interval) || getPrecisionSafe(ticks[1].value) > getPrecisionSafe(interval))) {
       warn(`The ticks may be not readable when set min: ${axisModel.get("min")}, max: ${axisModel.get("max")} and alignTicks: true`);
     }
@@ -37694,29 +37906,33 @@ var builders = {
   },
   axisBackground(opt, axisModel, group, transformGroup) {
     const shown = axisModel.get(["axisBackground", "show"]);
-    if (!shown) {
+    if (!shown || axisModel.axis.dim !== "y") {
       return;
     }
     const extent3 = axisModel.axis.getExtent();
     const matrix13 = transformGroup.transform;
     const pt12 = [extent3[0], 0];
+    const pt22 = [extent3[1], 0];
+    const inverse = pt12[0] > pt22[0];
     if (matrix13) {
       applyTransform(pt12, pt12, matrix13);
+      applyTransform(pt22, pt22, matrix13);
     }
     const style = extend({}, axisModel.getModel(["axisBackground", "backStyle"]).getAreaStyle());
     const position2 = axisModel.axis.position;
     const api2 = axisModel.ecModel.scheduler.api;
+    const pt = inverse ? pt22 : pt12;
     const background = new Rect_default({
       shape: position2 === "left" ? {
         x: 0,
         y: 0,
-        width: pt12[0],
-        height: pt12[1]
+        width: pt[0],
+        height: pt[1]
       } : {
-        x: pt12[0],
+        x: pt[0],
         y: 0,
-        width: api2.getWidth() - pt12[0],
-        height: pt12[1]
+        width: api2.getWidth() - pt[0],
+        height: pt[1]
       },
       style,
       cursor: "ns-resize",
@@ -38420,6 +38636,7 @@ var axisElementBuilders = {
     }
     const splitLineModel = axisModel.getModel("splitLine");
     const lineStyleModel = splitLineModel.getModel("lineStyle");
+    const baseTickLineStyleModel = splitLineModel.getModel("baseTickLineStyle");
     let lineColors = lineStyleModel.get("color");
     lineColors = isArray(lineColors) ? lineColors : [lineColors];
     const gridRect = gridModel.coordinateSystem.getRect();
@@ -38430,9 +38647,11 @@ var axisElementBuilders = {
     });
     const p1 = [];
     const p2 = [];
+    const baseTickLineStyle = baseTickLineStyleModel.getLineStyle();
     const lineStyle = lineStyleModel.getLineStyle();
     for (let i = 0; i < ticksCoords.length; i++) {
-      const tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
+      const tick = ticksCoords[i];
+      const tickCoord = axis.toGlobalCoord(tick.coord);
       if (isHorizontal) {
         p1[0] = tickCoord;
         p1[1] = gridRect.y;
@@ -38445,9 +38664,13 @@ var axisElementBuilders = {
         p2[1] = tickCoord;
       }
       const colorIndex = lineCount++ % lineColors.length;
-      const tickValue = ticksCoords[i].tickValue;
+      const tickValue = tick.tickValue;
+      const isBaseTick = tick.isBaseTick;
+      const style = defaults({
+        stroke: lineColors[colorIndex]
+      }, lineStyle);
       const line2 = new Line_default({
-        anid: tickValue != null ? "line_" + ticksCoords[i].tickValue : null,
+        anid: tickValue != null ? "line_" + tick.tickValue : null,
         autoBatch: true,
         shape: {
           x1: p1[0],
@@ -38455,9 +38678,7 @@ var axisElementBuilders = {
           x2: p2[0],
           y2: p2[1]
         },
-        style: defaults({
-          stroke: lineColors[colorIndex]
-        }, lineStyle),
+        style: isBaseTick ? Object.assign(style, baseTickLineStyle) : style,
         silent: true
       });
       subPixelOptimizeLine2(line2.shape, lineStyle.lineWidth);
@@ -49096,8 +49317,8 @@ function restrict(value, extend2) {
 var each6 = each;
 var mathMin9 = Math.min;
 var mathMax9 = Math.max;
-var mathFloor2 = Math.floor;
-var mathCeil2 = Math.ceil;
+var mathFloor = Math.floor;
+var mathCeil = Math.ceil;
 var round6 = round;
 var PI9 = Math.PI;
 var Parallel = class {
@@ -49179,7 +49400,7 @@ var Parallel = class {
     let winSize;
     if (!axisExpandWindow) {
       winSize = restrict2(axisExpandWidth * (axisExpandCount - 1), layoutExtent);
-      const axisExpandCenter = parallelModel.get("axisExpandCenter") || mathFloor2(axisCount / 2);
+      const axisExpandCenter = parallelModel.get("axisExpandCenter") || mathFloor(axisCount / 2);
       axisExpandWindow = [axisExpandWidth * axisExpandCenter - winSize / 2];
       axisExpandWindow[1] = axisExpandWindow[0] + winSize;
     } else {
@@ -49189,8 +49410,8 @@ var Parallel = class {
     let axisCollapseWidth = (layoutLength - winSize) / (axisCount - axisExpandCount);
     axisCollapseWidth < 3 && (axisCollapseWidth = 0);
     const winInnerIndices = [
-      mathFloor2(round6(axisExpandWindow[0] / axisExpandWidth, 1)) + 1,
-      mathCeil2(round6(axisExpandWindow[1] / axisExpandWidth, 1)) - 1
+      mathFloor(round6(axisExpandWindow[0] / axisExpandWidth, 1)) + 1,
+      mathCeil(round6(axisExpandWindow[1] / axisExpandWidth, 1)) - 1
     ];
     const axisExpandWindow0Pos = axisCollapseWidth / axisExpandWidth * axisExpandWindow[0];
     return {
@@ -57654,8 +57875,14 @@ function axisTrigger(payload, ecModel, api2) {
     processOnAxis(axesInfo[tarKey], val, updaters, true, outputPayload);
   });
   updateModelActually(showValueMap, axesInfo, outputPayload);
-  dispatchTooltipActually(dataByCoordSys, point, payload, dispatchAction3);
-  dispatchHighDownActually(axesInfo, dispatchAction3, api2);
+  const tooltipDisabled = ecModel.get("tooltipDisabled");
+  if (!tooltipDisabled) {
+    dispatchTooltipActually(dataByCoordSys, point, payload, dispatchAction3);
+  }
+  const highlightDisabled = ecModel.get("highlightDisabled");
+  if (!highlightDisabled) {
+    dispatchHighDownActually(axesInfo, dispatchAction3, api2);
+  }
   return outputPayload;
 }
 function processOnAxis(axisInfo, newValue, updaters, noSnap, outputFinder) {
@@ -60592,8 +60819,8 @@ function collectReferCoordSysModelInfo(dataZoomModel) {
   return coordSysInfoWrap;
 }
 function barSpaceLimit(barSpace, maxWidth = 200) {
-  if (barSpace < 1) {
-    return 1;
+  if (barSpace < 1.25) {
+    return 1.25;
   } else if (barSpace > maxWidth) {
     return maxWidth;
   }
@@ -66579,7 +66806,6 @@ function install43(registers) {
 }
 
 // src/component/marker/MarkLabelModal.ts
-var inner21 = makeInner();
 var defaultDataOption = {
   textStyle: {
     padding: [4, 6, 2, 8],
@@ -66651,6 +66877,18 @@ var MarkLabelModal_default = MarkLabelModal;
 
 // src/component/marker/MarkLabelView.ts
 var markerTypeCalculator2 = {
+  dataMin: (item, seriesModel) => {
+    const seriesData = seriesModel.getData();
+    return {
+      value: seriesData.getDataExtent(item.valueDim)[0]
+    };
+  },
+  dataMax: (item, seriesModel) => {
+    const seriesData = seriesModel.getData();
+    return {
+      value: seriesData.getDataExtent(item.valueDim)[1]
+    };
+  },
   min: (item, seriesModel) => {
     const seriesData = seriesModel.getData();
     return {
@@ -66693,7 +66931,7 @@ var markerTypeCalculator2 = {
     };
   }
 };
-var inner22 = makeInner();
+var inner21 = makeInner();
 var MarkLabelView2 = class extends Component_default2 {
   constructor() {
     super(...arguments);
@@ -66731,7 +66969,8 @@ var MarkLabelView2 = class extends Component_default2 {
       }
       const gridRect = coordSys.master.getRect();
       const yAxisModel = coordSys.getAxis("y");
-      const x = yAxisModel.position === "right" ? gridRect.x + gridRect.width : gridRect.x;
+      const offset = yAxisModel.model.get("offset") || 0;
+      const x = yAxisModel.position === "right" ? gridRect.x + gridRect.width + offset : gridRect.x - offset;
       each(markLabelData, (item) => {
         let el = markerGroupMap.get(item.name);
         if (item.$action === "remove") {
@@ -66747,7 +66986,7 @@ var MarkLabelView2 = class extends Component_default2 {
           }
           return;
         }
-        item.value = value;
+        item.text = ["last"].includes(item.type) ? yAxisModel.scale.getLabel({value}, {precision: item.precision}) : value.toFixed(item.precision);
         const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(value));
         if (el) {
           updateLabel({
@@ -66773,8 +67012,8 @@ var MarkLabelView2 = class extends Component_default2 {
           markerGroupMap.set(item.name, el);
           this.group.add(el);
         }
-        inner22(el).yAxisIndex = yAxisModel.index;
-        inner22(el).isSort = true;
+        inner21(el).yAxisIndex = yAxisModel.index;
+        inner21(el).isSort = true;
       });
     });
   }
@@ -66814,23 +67053,31 @@ var MarkLabelView2 = class extends Component_default2 {
       const gridRect = coordSys.master.getRect();
       const yAxisModel = coordSys.getAxis("y");
       const position2 = yAxisModel.position;
+      const offset = yAxisModel.model.get("offset") || 0;
       each(labels, (label) => {
         if (!label.children) {
           return;
         }
-        each(label.children, (option) => {
+        each(label.children, (item) => {
+          const option = item;
           let el = graphicLabelElMap.get(option.id);
           const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(option.y)) - 9;
+          const style = option.style;
+          if (yAxisModel.scale.type === "percentage") {
+            const formatLabel2 = yAxisModel.scale.getLabel({value: +option.style.text});
+            option.style = Object.assign({}, option.style, {text: formatLabel2});
+          }
           if (el) {
             updateText({el, gridRect, position: position2, option, ecModel, y});
           } else {
             el = createText({gridRect, position: position2, option, ecModel, y});
             graphLabelGroup.add(el);
             graphicLabelElMap.set(option.id, el);
-            inner22(el).yAxisIndex = yAxisModel.index;
+            inner21(el).yAxisIndex = yAxisModel.index;
           }
-          inner22(el).originalValue = option.y;
-          inner22(el).isSort = true;
+          inner21(el).originalValue = option.y;
+          inner21(el).isSort = true;
+          inner21(el).style = style;
         });
       });
     });
@@ -66839,14 +67086,19 @@ var MarkLabelView2 = class extends Component_default2 {
     const graphicLabelElMap = this._graphicLabelElMap;
     const yAxisModels = ecModel.queryComponents({mainType: "yAxis"});
     graphicLabelElMap.each((el) => {
-      const yAxisModel = yAxisModels[inner22(el).yAxisIndex].axis;
+      const yAxisModel = yAxisModels[inner21(el).yAxisIndex].axis;
       if (!yAxisModel) {
         return;
       }
       const gridRect = yAxisModel.grid.getRect();
       const position2 = yAxisModel.position;
-      const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(inner22(el).originalValue)) - 9;
-      updateText({el, gridRect, position: position2, option: {style: el.style}, ecModel, y});
+      const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(inner21(el).originalValue)) - 9;
+      let style = inner21(el).style;
+      if (yAxisModel.scale.type === "percentage") {
+        const formatLabel2 = yAxisModel.scale.getLabel({value: +style.text});
+        style = Object.assign({}, style, {text: formatLabel2});
+      }
+      updateText({el, gridRect, position: position2, option: {style}, ecModel, y});
     });
   }
   removeGraphicLabels(labelOption) {
@@ -66864,8 +67116,8 @@ var MarkLabelView2 = class extends Component_default2 {
   avoidOverlap() {
     const labelsByYAxisId = {};
     this.markerGroupMap.each((item) => {
-      const yAxisId = inner22(item).yAxisIndex;
-      const isSort = inner22(item).isSort;
+      const yAxisId = inner21(item).yAxisIndex;
+      const isSort = inner21(item).isSort;
       if (item.ignore || !isSort) {
         return;
       }
@@ -66874,8 +67126,8 @@ var MarkLabelView2 = class extends Component_default2 {
       labelsByYAxisId[yAxisId] = labels;
     });
     this._graphicLabelElMap.each((item) => {
-      const yAxisId = inner22(item).yAxisIndex;
-      const isSort = inner22(item).isSort;
+      const yAxisId = inner21(item).yAxisIndex;
+      const isSort = inner21(item).isSort;
       if (item.ignore || !isSort) {
         return;
       }
@@ -66891,18 +67143,18 @@ var MarkLabelView2 = class extends Component_default2 {
 var MarkLabelView = MarkLabelView2;
 MarkLabelView.type = "markLabel";
 function labelAvoidOverlap(labels, marginTop = 0) {
-  labels.sort((a, b) => inner22(a).y - inner22(b).y);
+  labels.sort((a, b) => inner21(a).y - inner21(b).y);
+  const sortYbyId = {};
   for (let i = 1; i < labels.length; i++) {
-    const prevLabelY = labels[i - 1].y;
+    const prevLabel = labels[i - 1];
+    const prevLabelY = sortYbyId[prevLabel.id] ?? inner21(prevLabel).y;
     const currentLabel = labels[i];
     const prevHeight = 18 + marginTop;
-    let currentLabelY = inner22(currentLabel).y;
+    let currentLabelY = inner21(currentLabel).y;
     if (Math.abs(currentLabelY - prevLabelY) < prevHeight) {
       currentLabelY = prevLabelY + prevHeight;
     }
-    if (currentLabelY === currentLabel.y) {
-      return;
-    }
+    sortYbyId[currentLabel.id] = currentLabelY;
     if (currentLabel.type === "text") {
       currentLabel.y = currentLabelY;
     } else {
@@ -66920,10 +67172,10 @@ function getLeftTextX(x, text, textStyle, ecModel) {
   const paddings = normalizeCssArray2(textStyle.padding || 0);
   return x - textRect.width - paddings[1] - paddings[3] - 1;
 }
-function createText({option, gridRect, position: position2, ecModel, y}) {
+function createText({option, gridRect, position: position2, ecModel, y, offset}) {
   const isLeft = position2 === "left";
   const {style, zlevel} = option;
-  const startX = isLeft ? gridRect.x : gridRect.x + gridRect.width;
+  const startX = isLeft ? gridRect.x - offset : gridRect.x + gridRect.width + offset;
   const x = isLeft ? getLeftTextX(startX, style.text, style, ecModel) : startX;
   const textEl = new Text_default({
     x,
@@ -66932,23 +67184,23 @@ function createText({option, gridRect, position: position2, ecModel, y}) {
     z: 101,
     zlevel
   });
-  inner22(textEl).y = y;
+  inner21(textEl).y = y;
   return textEl;
 }
-function updateText({option, gridRect, position: position2, ecModel, el, y}) {
+function updateText({option, gridRect, position: position2, ecModel, el, y, offset}) {
   const isLeft = position2 === "left";
-  const startX = isLeft ? gridRect.x : gridRect.x + gridRect.width;
+  const startX = isLeft ? gridRect.x - offset : gridRect.x + gridRect.width + offset;
   const {style} = option;
   const x = isLeft ? getLeftTextX(startX, style.text, style, ecModel) : startX;
   el.x = x;
   el.y = y;
   el.attr("style", style);
-  inner22(el).y = y;
+  inner21(el).y = y;
 }
 function createLabel({x, y, labelData, markerModel, gridRect, position: position2}) {
   const {zlevel} = markerModel.option;
-  const {textStyle, lineStyle, showLine, showName, precision} = labelData;
-  const text = Number(labelData.value).toFixed(precision);
+  const {textStyle, lineStyle, showLine, showName} = labelData;
+  const text = labelData.text;
   const isLeft = position2 === "left";
   const group = new Group_default();
   const labelY = y - 9;
@@ -66960,7 +67212,7 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
     zlevel
   });
   const textNameEl = new Text_default({
-    x: isLeft ? x : getLeftTextX(x, labelData.name, textStyle, markerModel.ecModel),
+    x: isLeft ? gridRect.x : getLeftTextX(gridRect.x + gridRect.width, labelData.name, textStyle, markerModel.ecModel),
     y: labelY,
     style: Object.assign({text: labelData.name}, textStyle),
     z: 101,
@@ -66970,33 +67222,33 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
   const lineEl = new Line_default({
     style: lineStyle,
     shape: {
-      x1: gridRect.x,
+      x1: showName && isLeft ? gridRect.x + 10 : gridRect.x,
       y1: y,
-      x2: gridRect.x + gridRect.width,
+      x2: showName && !isLeft ? gridRect.x + gridRect.width - 10 : gridRect.x + gridRect.width,
       y2: y
     },
     z: 100,
     ignore: !showLine
   });
-  inner22(lineEl).labelType = "line";
-  inner22(textNameEl).labelType = "nameLabel";
-  inner22(textEl).labelType = "textLabel";
-  inner22(group).y = labelY;
+  inner21(lineEl).labelType = "line";
+  inner21(textNameEl).labelType = "nameLabel";
+  inner21(textEl).labelType = "textLabel";
+  inner21(group).y = labelY;
   group.add(lineEl);
   group.add(textEl);
   group.add(textNameEl);
   return group;
 }
 function updateLabel({x, y, labelData, markerModel, gridRect, position: position2, el, labelTextStyle}) {
-  const {textStyle, lineStyle, showLine, showName, precision} = labelData;
+  const {textStyle, lineStyle, showLine, showName} = labelData;
   const isLeft = position2 === "left";
   if (el.ignore) {
     el.ignore = false;
   }
   const labelY = y - 9;
-  inner22(el).y = labelY;
+  inner21(el).y = labelY;
   each(el.children(), (element) => {
-    const labelType = inner22(element).labelType;
+    const labelType = inner21(element).labelType;
     switch (labelType) {
       case "line":
         if (!showLine) {
@@ -67005,9 +67257,9 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
         }
         element.attr({
           shape: {
-            x1: gridRect.x,
+            x1: showName && isLeft ? gridRect.x + 10 : gridRect.x,
             y1: y,
-            x2: gridRect.x + gridRect.width,
+            x2: showName && !isLeft ? gridRect.x + gridRect.width - 10 : gridRect.x + gridRect.width,
             y2: y
           },
           style: lineStyle
@@ -67015,8 +67267,10 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
         element.ignore = false;
         break;
       case "textLabel":
-        const textLabel = Number(labelData.value).toFixed(precision);
-        element.x = isLeft ? getLeftTextX(x, textLabel, textStyle, markerModel.ecModel) : x;
+        const textLabel = labelData.text;
+        const labelX = isLeft ? getLeftTextX(x, textLabel, textStyle, markerModel.ecModel) : x;
+        const margin = isLeft ? -1 : 1;
+        element.x = labelX + (labelTextStyle ? margin : 0);
         element.y = labelY;
         element.attr("style", Object.assign({text: textLabel}, textStyle, labelTextStyle));
         break;
@@ -67026,7 +67280,8 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
           return;
         }
         const nameLabel = labelData.name;
-        element.x = isLeft ? x : getLeftTextX(x, nameLabel, textStyle, markerModel.ecModel);
+        const nameX = isLeft ? gridRect.x : getLeftTextX(gridRect.x + gridRect.width, nameLabel, textStyle, markerModel.ecModel);
+        element.x = nameX;
         element.y = labelY;
         element.attr("style", Object.assign({text: nameLabel}, textStyle, labelTextStyle));
         element.ignore = false;
@@ -68082,9 +68337,9 @@ InsideZoomModel.defaultOption = inheritDefaultOption(DataZoomModel_default.defau
 var InsideZoomModel_default = InsideZoomModel;
 
 // src/component/dataZoom/roams.ts
-var inner23 = makeInner();
+var inner22 = makeInner();
 function setViewInfoToCoordSysRecord(api2, dataZoomModel, getRange) {
-  inner23(api2).coordSysRecordMap.each(function(coordSysRecord) {
+  inner22(api2).coordSysRecordMap.each(function(coordSysRecord) {
     const dzInfo = coordSysRecord.dataZoomInfoMap.get(dataZoomModel.uid);
     if (dzInfo) {
       dzInfo.getRange = getRange;
@@ -68092,7 +68347,7 @@ function setViewInfoToCoordSysRecord(api2, dataZoomModel, getRange) {
   });
 }
 function disposeCoordSysRecordIfNeeded(api2, dataZoomModel) {
-  const coordSysRecordMap = inner23(api2).coordSysRecordMap;
+  const coordSysRecordMap = inner22(api2).coordSysRecordMap;
   const coordSysKeyArr = coordSysRecordMap.keys();
   for (let i = 0; i < coordSysKeyArr.length; i++) {
     const coordSysKey = coordSysKeyArr[i];
@@ -68214,7 +68469,7 @@ function mergeControllerParams(dataZoomInfoMap) {
 }
 function installDataZoomRoamProcessor(registers) {
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.FILTER, function(ecModel, api2) {
-    const apiInner = inner23(api2);
+    const apiInner = inner22(api2);
     const coordSysRecordMap = apiInner.coordSysRecordMap || (apiInner.coordSysRecordMap = createHashMap());
     coordSysRecordMap.each(function(coordSysRecord) {
       coordSysRecord.dataZoomInfoMap = null;
@@ -70906,7 +71161,7 @@ var DEFAULT_OPTION = {
     show: false
   }
 };
-var inner24 = makeInner();
+var inner23 = makeInner();
 var decalPaletteScope = {};
 function ariaVisual(ecModel, api2) {
   const ariaModel = ecModel.getModel("aria");
@@ -70932,7 +71187,7 @@ function ariaVisual(ecModel, api2) {
           decalScope = {};
           paletteScopeGroupByType.set(seriesModel.type, decalScope);
         }
-        inner24(seriesModel).scope = decalScope;
+        inner23(seriesModel).scope = decalScope;
       });
       ecModel.eachRawSeries((seriesModel) => {
         if (ecModel.isSeriesFiltered(seriesModel)) {
@@ -70946,7 +71201,7 @@ function ariaVisual(ecModel, api2) {
         if (!seriesModel.isColorBySeries()) {
           const dataAll = seriesModel.getRawData();
           const idxMap = {};
-          const decalScope = inner24(seriesModel).scope;
+          const decalScope = inner23(seriesModel).scope;
           data.each(function(idx) {
             const rawIdx = data.getRawIndex(idx);
             idxMap[rawIdx] = idx;