tvcharts 0.6.59 → 0.6.61

package/dist/echarts.js

@@ -16277,6 +16277,8 @@ var BUILTIN_CHARTS_MAP = {
   linesPlot: "LinesPlotChart",
   strategy: "StrategyChart",
   mineLines: "MineLinesChart",
+  lineFills: "LineFillsChart",
+  boxes: "BoxesChart",
   labels: "LabelsChart",
   hlines: "HLinesChart",
   fills: "FillsChart",
@@ -20062,6 +20064,7 @@ var SERIES_UNIVERSAL_TRANSITION_PROP = "__universalTransitionEnabled";
 var SeriesModel2 = class extends Component_default {
   constructor() {
     super(...arguments);
+    this.xFilterMode = "none";
     this._selectedDataIndicesMap = {};
   }
   init(option, parentModel, ecModel) {
@@ -38577,7 +38580,7 @@ var Cartesian2D = class extends Cartesian_default {
     const yAxis = this.getAxis("y");
     const baseValue = this.getBaseValue();
     out2[0] = xAxis.toGlobalCoord(xAxis.dataToCoord(xVal, clamp2));
-    out2[1] = yAxis.toGlobalCoord(yAxis.dataToCoord(yVal, clamp2, baseValue));
+    out2[1] = Math.max(yAxis.toGlobalCoord(yAxis.dataToCoord(yVal, clamp2, baseValue)), -1e3);
     return out2;
   }
   clampData(data, out2) {
@@ -56116,9 +56119,7 @@ function install25(registers) {
   registers.registerLayout(StrategyLayout_default);
 }
 
-// src/chart/mineLines/LinesPath.ts
-var LinesPathShape = class {
-};
+// src/chart/mineLines/util.ts
 function findIntersectionPoint(A, B, rectangle) {
   const [xA, yA] = A;
   const [xB, yB] = B;
@@ -56140,7 +56141,7 @@ function getArrowPoints(fromX, fromY, toX, toY, arrowAngle = Math.PI / 4) {
   const dx = toX - fromX;
   const dy = toY - fromY;
   const length2 = Math.sqrt(dx * dx + dy * dy);
-  if (length2 <= 24) {
+  if (length2 <= 20) {
     return;
   }
   const arrowLength = Math.min(Math.floor(length2 / 3), 30);
@@ -56154,6 +56155,36 @@ function getArrowPoints(fromX, fromY, toX, toY, arrowAngle = Math.PI / 4) {
   const point2Y = toY - arrowLength * (normalizedDirectionY * Math.cos(-arrowAngle) - perpendicularY * Math.sin(-arrowAngle));
   return [point1X, point1Y, toX, toY, point2X, point2Y];
 }
+function getDrawLine(params) {
+  const {extend: extend2, height, width, startPoint, endPoint} = params;
+  const rect = {
+    left: 0,
+    bottom: 0,
+    top: height,
+    right: width
+  };
+  switch (extend2) {
+    case "left": {
+      const pointC = findIntersectionPoint(startPoint, endPoint, rect);
+      return [pointC, endPoint];
+    }
+    case "right": {
+      const pointB = findIntersectionPoint(endPoint, startPoint, rect);
+      return [startPoint, pointB];
+    }
+    case "both": {
+      const pointC = findIntersectionPoint(startPoint, endPoint, rect);
+      const pointB = findIntersectionPoint(endPoint, startPoint, rect);
+      return [pointC, pointB];
+    }
+    default:
+      return [startPoint, endPoint];
+  }
+}
+
+// src/chart/mineLines/LinesPath.ts
+var LinesPathShape = class {
+};
 function drawArrow(params) {
   const {lineStyle, fromX, fromY, toX, toY, path} = params;
   switch (lineStyle) {
@@ -56199,40 +56230,6 @@ function drawArrow(params) {
       break;
   }
 }
-function drawLine(params) {
-  const {extent: extent3, fromX, fromY, toX, toY, path, height, width} = params;
-  const rect = {
-    left: 0,
-    bottom: 0,
-    top: height,
-    right: width
-  };
-  switch (extent3) {
-    case "left": {
-      const pointC = findIntersectionPoint([fromX, fromY], [toX, toY], rect);
-      path.moveTo(pointC[0], pointC[1]);
-      path.lineTo(toX, toY);
-      break;
-    }
-    case "right": {
-      const pointB = findIntersectionPoint([toX, toY], [fromX, fromY], rect);
-      path.moveTo(fromX, fromY);
-      path.lineTo(pointB[0], pointB[1]);
-      break;
-    }
-    case "both": {
-      const pointC = findIntersectionPoint([fromX, fromY], [toX, toY], rect);
-      const pointB = findIntersectionPoint([toX, toY], [fromX, fromY], rect);
-      path.moveTo(pointC[0], pointC[1]);
-      path.lineTo(pointB[0], pointB[1]);
-      break;
-    }
-    default:
-      path.moveTo(fromX, fromY);
-      path.lineTo(toX, toY);
-      break;
-  }
-}
 var LinesPath = class extends Path_default {
   constructor(opts) {
     super(opts);
@@ -56241,23 +56238,22 @@ var LinesPath = class extends Path_default {
     return new LinesPathShape();
   }
   buildPath(path, shape) {
-    const {points: points4, lineStyle, extent: extent3, rectWidth, rectHeight} = shape;
+    const {points: points4, lineStyle, extend: extend2, rectWidth, rectHeight} = shape;
     for (let i = 0; i < points4.length; ) {
       const x1 = points4[i++];
       const y1 = points4[i++];
       const x2 = points4[i++];
       const y2 = points4[i++];
       drawArrow({lineStyle, fromX: x1, fromY: y1, toX: x2, toY: y2, path});
-      drawLine({
-        extent: extent3,
-        fromX: x1,
-        fromY: y1,
-        toX: x2,
-        toY: y2,
-        path,
+      const [startPoint, endPoint] = getDrawLine({
+        extend: extend2,
+        startPoint: [x1, y1],
+        endPoint: [x2, y2],
         width: rectWidth,
         height: rectHeight
       });
+      path.moveTo(startPoint[0], startPoint[1]);
+      path.lineTo(endPoint[0], endPoint[1]);
     }
   }
 };
@@ -56266,9 +56262,9 @@ var LinesPath_default = LinesPath;
 // src/chart/mineLines/MineLinesView.ts
 function getLineDashByLineStyle(lineStyle) {
   if (lineStyle === "style_dashed") {
-    return [5, 5];
+    return [8, 8];
   } else if (lineStyle === "style_dotted") {
-    return [2, 2];
+    return [4, 4];
   }
   return "solid";
 }
@@ -56309,11 +56305,11 @@ var MineLinesView2 = class extends Chart_default {
     const rectWidth = api2.getWidth();
     const rectHeight = api2.getHeight();
     each(linesPointById, function(item, key) {
-      const [color2, width, lineStyle, extent3] = key.split(":");
+      const [color2, width, lineStyle, extend2] = key.split(":");
       const el = new LinesPath_default({
         shape: {
           points: item,
-          extent: extent3,
+          extend: extend2,
           lineStyle,
           rectWidth,
           rectHeight
@@ -56346,6 +56342,7 @@ var MineLinesSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = MineLinesSeriesModel2.type;
+    this.xFilterMode = "weakFilter";
     this.dataIndexById = {};
   }
   getInitialData(option) {
@@ -56395,9 +56392,9 @@ MineLinesSeriesModel.defaultOption = {
   legendHoverLink: true,
   xAxisIndex: 0,
   yAxisIndex: 0,
-  dimensions: ["x1", "x2", "y1", "y2"],
+  dimensions: ["extend", "x1", "x2", "y1", "y2"],
   encode: {
-    x: ["x1", "x2"],
+    x: ["extend", "x1", "x2"],
     y: ["y1", "y2"]
   },
   large: true,
@@ -56436,8 +56433,8 @@ var MineLinesLayout = {
     const coordDims = ["x", "y"];
     const cDimsI = map(data.mapDimensionsAll(coordDims[cDimIdx]), data.getDimensionIndex, data);
     const vDimsI = map(data.mapDimensionsAll(coordDims[vDimIdx]), data.getDimensionIndex, data);
-    const x1DimI = cDimsI[0];
-    const x2DimI = cDimsI[1];
+    const x1DimI = cDimsI[1];
+    const x2DimI = cDimsI[2];
     const y1DimI = vDimsI[0];
     const y2DimI = vDimsI[1];
     if (cDimsI.length < 2 || vDimsI.length < 2) {
@@ -56481,6 +56478,488 @@ function install26(registers) {
   registers.registerLayout(MineLinesLayout_default);
 }
 
+// src/chart/lineFills/LineFillsPath.ts
+var LineFillsPathShape = class {
+};
+var LineFillsPath = class extends Path_default {
+  constructor(opts) {
+    super(opts);
+  }
+  getDefaultShape() {
+    return new LineFillsPathShape();
+  }
+  buildPath(path, shape) {
+    const {points: points4} = shape;
+    for (let i = 0; i < points4.length; ) {
+      const x1 = points4[i++];
+      const y1 = points4[i++];
+      const x2 = points4[i++];
+      const y2 = points4[i++];
+      const x3 = points4[i++];
+      const y3 = points4[i++];
+      const x4 = points4[i++];
+      const y4 = points4[i++];
+      path.moveTo(x1, y1);
+      path.lineTo(x2, y2);
+      path.lineTo(x3, y3);
+      path.lineTo(x4, y4);
+      path.lineTo(x1, y1);
+    }
+  }
+};
+var LineFillsPath_default = LineFillsPath;
+
+// src/chart/lineFills/LineFillsView.ts
+var LineFillsView2 = class extends Chart_default {
+  constructor() {
+    super(...arguments);
+    this.type = LineFillsView2.type;
+  }
+  init() {
+  }
+  render(seriesModel, ecModel, api2) {
+    const data = seriesModel.getData();
+    this._renderLines(data, seriesModel, api2);
+    const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
+    if (clipPath) {
+      this.group.setClipPath(clipPath);
+    } else {
+      this.group.removeClipPath();
+    }
+  }
+  _getClipShape(seriesModel) {
+    if (!seriesModel.get("clip", true)) {
+      return;
+    }
+    const coordSys = seriesModel.coordinateSystem;
+    return coordSys && coordSys.getArea && coordSys.getArea(0.1);
+  }
+  _renderLines(data, seriesModel, api2) {
+    if (!this._linesGroup) {
+      this._linesGroup = new Group_default();
+      this.group.add(this._linesGroup);
+    } else {
+      this._linesGroup.removeAll();
+    }
+    const linesGroup = this._linesGroup;
+    const z2 = seriesModel.get("z2");
+    const linesPointById = data.getLayout("linesPointById");
+    each(linesPointById, function(item, color2) {
+      const el = new LineFillsPath_default({
+        shape: {
+          points: item
+        },
+        style: {
+          fill: color2,
+          stroke: "none"
+        },
+        z2
+      });
+      linesGroup.add(el);
+    });
+  }
+  remove(ecModel, api2) {
+    this._linesGroup && this._linesGroup.removeAll();
+    this._linesGroup = null;
+  }
+  dispose(ecModel, api2) {
+    this.remove(ecModel, api2);
+  }
+};
+var LineFillsView = LineFillsView2;
+LineFillsView.type = "lineFills";
+var LineFillsView_default = LineFillsView;
+
+// src/chart/lineFills/LineFillsSeries.ts
+var LineFillsSeriesModel2 = class extends Series_default {
+  constructor() {
+    super(...arguments);
+    this.type = LineFillsSeriesModel2.type;
+    this.dataIndexById = {};
+  }
+  getInitialData(option) {
+    if (true) {
+      const coordSys = option.coordinateSystem;
+      if (coordSys !== "polar" && coordSys !== "cartesian2d") {
+        throw new Error("LineFills not support coordinateSystem besides cartesian and polar");
+      }
+    }
+    this.computedDataIndexById(option);
+    return createSeriesData_default(null, this, {
+      useEncodeDefaulter: true
+    });
+  }
+  getZLevelKey() {
+    return this.getData().count() > this.getProgressiveThreshold() ? this.id : "";
+  }
+  computedDataIndexById(option) {
+    const dataIndexById = {};
+    each(option.data, function(item, index) {
+      dataIndexById[item.id] = index;
+    });
+    this.dataIndexById = dataIndexById;
+  }
+  getResetData(data) {
+    const dataIndexById = this.dataIndexById;
+    const that = this;
+    each(data, function(item) {
+      const index = dataIndexById[item.id];
+      if (typeof index === "number") {
+        that.option.data[index] = item;
+      } else {
+        that.option.data.push(item);
+      }
+    });
+    this.computedDataIndexById(this.option);
+    return this.option.data;
+  }
+};
+var LineFillsSeriesModel = LineFillsSeriesModel2;
+LineFillsSeriesModel.type = "series.lineFills";
+LineFillsSeriesModel.dependencies = ["grid", "polar"];
+LineFillsSeriesModel.defaultOption = {
+  coordinateSystem: "cartesian2d",
+  z: 2,
+  z2: 0,
+  legendHoverLink: true,
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  large: true,
+  largeThreshold: 600,
+  clip: true,
+  notFilterData: true
+};
+var LineFillsSeries_default = LineFillsSeriesModel;
+
+// src/chart/lineFills/LineFillsLayout.ts
+function optimizePoint2(point1, point2, lineWidth) {
+  const notOptimize = lineWidth % 2 === 0;
+  if (notOptimize) {
+    return;
+  }
+  if (point1[0] === point2[0]) {
+    point2[0] = point1[0] = Math.floor(point1[0]) + 0.5;
+  }
+  if (point1[1] === point2[1]) {
+    point2[1] = point1[1] = Math.floor(point1[1]) + 0.5;
+  }
+}
+var LineFillsLayout = {
+  seriesType: "lineFills",
+  plan: createRenderPlanner(),
+  reset: function(seriesModel, ecModel, api2) {
+    const coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      if (true) {
+        error("The lines series must have a coordinate system.");
+      }
+      return;
+    }
+    const data = seriesModel.getData();
+    const width = api2.getWidth();
+    const height = api2.getHeight();
+    return {
+      progress(params, mineLinesData) {
+        const linesPointById = {};
+        for (let i = params.start; i < params.end; i++) {
+          const itemModel = data.getItemModel(i);
+          const {color: color2} = itemModel.get("itemStyle");
+          if (!color2) {
+            continue;
+          }
+          const line1 = itemModel.get("line1");
+          const startPoint1 = coordSys.dataToPoint([line1.value[0], line1.value[2]]);
+          const endPoint1 = coordSys.dataToPoint([line1.value[1], line1.value[3]]);
+          optimizePoint2(startPoint1, endPoint1, line1.itemStyle.width);
+          const [extendStart1, extendEnd1] = getDrawLine({
+            width,
+            height,
+            extend: line1.itemStyle.extend,
+            startPoint: startPoint1,
+            endPoint: endPoint1
+          });
+          const line2 = itemModel.get("line2");
+          const startPoint2 = coordSys.dataToPoint([line2.value[0], line2.value[2]]);
+          const endPoint2 = coordSys.dataToPoint([line2.value[1], line2.value[3]]);
+          optimizePoint2(startPoint2, endPoint2, line2.itemStyle.width);
+          const [extendStart2, extendEnd2] = getDrawLine({
+            width,
+            height,
+            extend: line2.itemStyle.extend,
+            startPoint: startPoint2,
+            endPoint: endPoint2
+          });
+          const points4 = linesPointById[color2] || [];
+          points4.push(...extendStart1, ...extendEnd1, ...extendEnd2, ...extendStart2);
+          linesPointById[color2] = points4;
+        }
+        data.setLayout({
+          linesPointById
+        });
+      }
+    };
+  }
+};
+var LineFillsLayout_default = LineFillsLayout;
+
+// src/chart/lineFills/install.ts
+function install27(registers) {
+  registers.registerChartView(LineFillsView_default);
+  registers.registerSeriesModel(LineFillsSeries_default);
+  registers.registerLayout(LineFillsLayout_default);
+}
+
+// src/chart/boxes/BoxesPath.ts
+var BoxesPathShape = class {
+};
+var BoxesPath = class extends Path_default {
+  constructor(opts) {
+    super(opts);
+  }
+  getDefaultShape() {
+    return new BoxesPathShape();
+  }
+  buildPath(path, shape) {
+    const {points: points4} = shape;
+    for (let i = 0; i < points4.length; ) {
+      const left = points4[i++];
+      const right = points4[i++];
+      const top = points4[i++];
+      const bottom = points4[i++];
+      path.moveTo(left, top);
+      path.lineTo(right, top);
+      path.lineTo(right, bottom);
+      path.lineTo(left, bottom);
+      path.closePath();
+    }
+  }
+};
+var BoxesPath_default = BoxesPath;
+
+// src/chart/boxes/BoxesView.ts
+function getLineDashByLineStyle2(lineStyle) {
+  if (lineStyle === "style_dashed") {
+    return [8, 8];
+  } else if (lineStyle === "style_dotted") {
+    return [4, 4];
+  }
+  return "solid";
+}
+var BoxesView2 = class extends Chart_default {
+  constructor() {
+    super(...arguments);
+    this.type = BoxesView2.type;
+  }
+  init() {
+  }
+  render(seriesModel, ecModel) {
+    const data = seriesModel.getData();
+    this._renderLines(data, seriesModel);
+    const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
+    if (clipPath) {
+      this.group.setClipPath(clipPath);
+    } else {
+      this.group.removeClipPath();
+    }
+  }
+  _getClipShape(seriesModel) {
+    if (!seriesModel.get("clip", true)) {
+      return;
+    }
+    const coordSys = seriesModel.coordinateSystem;
+    return coordSys && coordSys.getArea && coordSys.getArea(0.1);
+  }
+  _renderLines(data, seriesModel) {
+    if (!this._linesGroup) {
+      this._linesGroup = new Group_default();
+      this.group.add(this._linesGroup);
+    } else {
+      this._linesGroup.removeAll();
+    }
+    const linesGroup = this._linesGroup;
+    const z2 = seriesModel.get("z2");
+    const linesPointById = data.getLayout("linesPointById");
+    each(linesPointById, function(item, key) {
+      const [color2, width, lineStyle, fill] = key.split(":");
+      const el = new BoxesPath_default({
+        shape: {
+          points: item
+        },
+        style: {
+          fill: fill || "none",
+          stroke: color2,
+          lineWidth: +width,
+          lineDash: getLineDashByLineStyle2(lineStyle)
+        },
+        z2
+      });
+      linesGroup.add(el);
+    });
+  }
+  remove(ecModel, api2) {
+    this._linesGroup && this._linesGroup.removeAll();
+    this._linesGroup = null;
+  }
+  dispose(ecModel, api2) {
+    this.remove(ecModel, api2);
+  }
+};
+var BoxesView = BoxesView2;
+BoxesView.type = "boxes";
+var BoxesView_default = BoxesView;
+
+// src/chart/boxes/BoxesSeries.ts
+var BoxesSeriesModel2 = class extends Series_default {
+  constructor() {
+    super(...arguments);
+    this.type = BoxesSeriesModel2.type;
+    this.xFilterMode = "weakFilter";
+    this.dataIndexById = {};
+  }
+  getInitialData(option) {
+    if (true) {
+      const coordSys = option.coordinateSystem;
+      if (coordSys !== "polar" && coordSys !== "cartesian2d") {
+        throw new Error("Boxes not support coordinateSystem besides cartesian and polar");
+      }
+    }
+    this.computedDataIndexById(option);
+    return createSeriesData_default(null, this, {
+      useEncodeDefaulter: true
+    });
+  }
+  getZLevelKey() {
+    return this.getData().count() > this.getProgressiveThreshold() ? this.id : "";
+  }
+  computedDataIndexById(option) {
+    const dataIndexById = {};
+    each(option.data, function(item, index) {
+      dataIndexById[item.id] = index;
+    });
+    this.dataIndexById = dataIndexById;
+  }
+  getResetData(data) {
+    const dataIndexById = this.dataIndexById;
+    const that = this;
+    each(data, function(item) {
+      const index = dataIndexById[item.id];
+      if (typeof index === "number") {
+        that.option.data[index] = item;
+      } else {
+        that.option.data.push(item);
+      }
+    });
+    this.computedDataIndexById(this.option);
+    return this.option.data;
+  }
+};
+var BoxesSeriesModel = BoxesSeriesModel2;
+BoxesSeriesModel.type = "series.boxes";
+BoxesSeriesModel.dependencies = ["grid", "polar"];
+BoxesSeriesModel.defaultOption = {
+  coordinateSystem: "cartesian2d",
+  z: 2,
+  z2: 0,
+  legendHoverLink: true,
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  dimensions: ["extend", "left", "right", "top", "bottom"],
+  encode: {
+    x: ["extend", "left", "right"],
+    y: ["top", "bottom"]
+  },
+  large: true,
+  largeThreshold: 600,
+  clip: true
+};
+var BoxesSeries_default = BoxesSeriesModel;
+
+// src/chart/boxes/BoxesLayout.ts
+function optimizePoint3(point1, point2, lineWidth) {
+  const notOptimize = lineWidth % 2 === 0;
+  if (notOptimize) {
+    return;
+  }
+  point2[0] = point1[0] = Math.floor(point1[0]) + 0.5;
+  point2[1] = point1[1] = Math.floor(point1[1]) + 0.5;
+}
+var BoxesLayout = {
+  seriesType: "boxes",
+  plan: createRenderPlanner(),
+  reset: function(seriesModel, ecModel, api2) {
+    const coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      if (true) {
+        error("The lines series must have a coordinate system.");
+      }
+      return;
+    }
+    const data = seriesModel.getData();
+    const cDimIdx = 0;
+    const vDimIdx = 1;
+    const coordDims = ["x", "y"];
+    const cDimsI = map(data.mapDimensionsAll(coordDims[cDimIdx]), data.getDimensionIndex, data);
+    const vDimsI = map(data.mapDimensionsAll(coordDims[vDimIdx]), data.getDimensionIndex, data);
+    const x1DimI = cDimsI[1];
+    const x2DimI = cDimsI[2];
+    const y1DimI = vDimsI[0];
+    const y2DimI = vDimsI[1];
+    if (cDimsI.length < 2 || vDimsI.length < 2) {
+      return;
+    }
+    const width = api2.getWidth();
+    const extendLeft = -50;
+    const extendRight = width + 50;
+    function getHExtend(left, right, extend2) {
+      switch (extend2) {
+        case "left":
+          return [extendLeft, right];
+        case "right":
+          return [left, extendRight];
+        case "both":
+          return [extendLeft, extendRight];
+      }
+      return [left, right];
+    }
+    return {
+      progress(params, boxesData) {
+        const store = boxesData.getStore();
+        const linesPointById = {};
+        for (let i = params.start; i < params.end; i++) {
+          const x1Val = store.get(x1DimI, i);
+          const x2Val = store.get(x2DimI, i);
+          const y1Val = store.get(y1DimI, i);
+          const y2Val = store.get(y2DimI, i);
+          const startPoint = coordSys.dataToPoint([x1Val, y1Val]);
+          const endPoint = coordSys.dataToPoint([x2Val, y2Val]);
+          const itemModel = data.getItemModel(i);
+          const {border_width, border_color, style, extend: extend2, bgcolor} = itemModel.get("itemStyle");
+          if (!border_color) {
+            continue;
+          }
+          const key = `${border_color}:${border_width}:${style}:${bgcolor}`;
+          const points4 = linesPointById[key] || [];
+          optimizePoint3(startPoint, endPoint, border_width);
+          const [left, right] = getHExtend(startPoint[0], endPoint[0], extend2);
+          points4.push(left, right, startPoint[1], endPoint[1]);
+          linesPointById[key] = points4;
+        }
+        data.setLayout({
+          linesPointById
+        });
+      }
+    };
+  }
+};
+var BoxesLayout_default = BoxesLayout;
+
+// src/chart/boxes/install.ts
+function install28(registers) {
+  registers.registerChartView(BoxesView_default);
+  registers.registerSeriesModel(BoxesSeries_default);
+  registers.registerLayout(BoxesLayout_default);
+}
+
 // src/chart/labels/LabelsSeries.ts
 var LabelsSeriesModel2 = class extends Series_default {
   constructor() {
@@ -57113,7 +57592,7 @@ var labelsLayout = {
 var labelsLayout_default = labelsLayout;
 
 // src/chart/labels/install.ts
-function install27(registers) {
+function install29(registers) {
   registers.registerSeriesModel(LabelsSeries_default);
   registers.registerChartView(LabelsView_default);
   registers.registerLayout(labelsLayout_default);
@@ -57248,7 +57727,7 @@ var hLinesLayout = {
 var hLinesLayout_default = hLinesLayout;
 
 // src/chart/hlines/install.ts
-function install28(registers) {
+function install30(registers) {
   registers.registerChartView(HLinesView_default);
   registers.registerSeriesModel(HLinesSeries_default);
   registers.registerLayout(hLinesLayout_default);
@@ -57531,7 +58010,7 @@ var fillsLayout = {
 var fillsLayout_default = fillsLayout;
 
 // src/chart/fills/install.ts
-function install29(registers) {
+function install31(registers) {
   registers.registerChartView(FillsView_default);
   registers.registerSeriesModel(FillsSeries_default);
   registers.registerLayout(fillsLayout_default);
@@ -57735,7 +58214,7 @@ var bgColorLayout = {
 var BgColorLayout_default = bgColorLayout;
 
 // src/chart/bgColor/install.ts
-function install30(registers) {
+function install32(registers) {
   registers.registerChartView(BgColorView_default);
   registers.registerSeriesModel(BgColorSeries_default);
   registers.registerLayout(BgColorLayout_default);
@@ -58133,7 +58612,7 @@ HeatmapSeriesModel.defaultOption = {
 var HeatmapSeries_default = HeatmapSeriesModel;
 
 // src/chart/heatmap/install.ts
-function install31(registers) {
+function install33(registers) {
   registers.registerChartView(HeatmapView_default);
   registers.registerSeriesModel(HeatmapSeries_default);
 }
@@ -58696,7 +59175,7 @@ PictorialBarSeriesModel.defaultOption = inheritDefaultOption(BaseBarSeries_defau
 var PictorialBarSeries_default = PictorialBarSeriesModel;
 
 // src/chart/bar/installPictorialBar.ts
-function install32(registers) {
+function install34(registers) {
   registers.registerChartView(PictorialBarView_default);
   registers.registerSeriesModel(PictorialBarSeries_default);
   registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout2, "pictorialBar"));
@@ -59097,7 +59576,7 @@ function computeBaseline(data) {
 }
 
 // src/chart/themeRiver/install.ts
-function install33(registers) {
+function install35(registers) {
   registers.registerChartView(ThemeRiverView_default);
   registers.registerSeriesModel(ThemeRiverSeries_default);
   registers.registerLayout(themeRiverLayout);
@@ -59735,7 +60214,7 @@ function sunburstVisual(ecModel) {
 }
 
 // src/chart/sunburst/install.ts
-function install34(registers) {
+function install36(registers) {
   registers.registerChartView(SunburstView_default);
   registers.registerSeriesModel(SunburstSeries_default);
   registers.registerLayout(curry(sunburstLayout, "sunburst"));
@@ -61183,7 +61662,7 @@ function hasOwnPathData(shape) {
 }
 
 // src/chart/custom/install.ts
-function install35(registers) {
+function install37(registers) {
   registers.registerChartView(CustomView_default);
   registers.registerSeriesModel(CustomSeries_default);
 }
@@ -61911,7 +62390,7 @@ var AxisPointerModel_default = AxisPointerModel;
 
 // src/component/axisPointer/globalListener.ts
 var inner12 = makeInner();
-var each10 = each;
+var each11 = each;
 function register(key, api2, handler) {
   if (env_default.node) {
     return;
@@ -61935,7 +62414,7 @@ function initGlobalListeners(zr, api2) {
   function useHandler(eventType, cb) {
     zr.on(eventType, function(e2) {
       const dis = makeDispatchAction(api2);
-      each10(inner12(zr).records, function(record) {
+      each11(inner12(zr).records, function(record) {
         record && cb(record, e2, dis.dispatchAction);
       });
       dispatchTooltipFinally(dis.pendings, api2);
@@ -62404,7 +62883,7 @@ function illegalPoint(point) {
 }
 
 // src/component/axisPointer/install.ts
-function install36(registers) {
+function install38(registers) {
   AxisView_default.registerAxisPointerClass("CartesianAxisPointer", CartesianAxisPointer_default);
   registers.registerComponentModel(AxisPointerModel_default);
   registers.registerComponentView(AxisPointerView_default);
@@ -62433,9 +62912,9 @@ function install36(registers) {
 }
 
 // src/component/grid/install.ts
-function install37(registers) {
+function install39(registers) {
   use(install6);
-  use(install36);
+  use(install38);
 }
 
 // src/component/axisPointer/PolarAxisPointer.ts
@@ -63489,8 +63968,8 @@ var PolarView2 = class extends Component_default2 {
 };
 var PolarView = PolarView2;
 PolarView.type = "polar";
-function install38(registers) {
-  use(install36);
+function install40(registers) {
+  use(install38);
   AxisView_default.registerAxisPointerClass("PolarAxisPointer", PolarAxisPointer_default);
   registers.registerCoordinateSystem("polar", polarCreator_default);
   registers.registerComponentModel(PolarModel_default);
@@ -63953,8 +64432,8 @@ var SingleView2 = class extends Component_default2 {
 };
 var SingleView = SingleView2;
 SingleView.type = "single";
-function install39(registers) {
-  use(install36);
+function install41(registers) {
+  use(install38);
   AxisView_default.registerAxisPointerClass("SingleAxisPointer", SingleAxisPointer_default);
   registers.registerComponentView(SingleView);
   registers.registerComponentView(SingleAxisView_default);
@@ -64644,7 +65123,7 @@ function getCoordSys5(finder) {
 var Calendar_default = Calendar;
 
 // src/component/calendar/install.ts
-function install40(registers) {
+function install42(registers) {
   registers.registerComponentModel(CalendarModel_default);
   registers.registerComponentView(CalendarView_default);
   registers.registerCoordinateSystem("calendar", Calendar_default);
@@ -65033,7 +65512,7 @@ function setEventData(el, graphicModel, elOption) {
 }
 
 // src/component/graphic/install.ts
-function install41(registers) {
+function install43(registers) {
   registers.registerComponentModel(GraphicComponentModel);
   registers.registerComponentView(GraphicComponentView);
   registers.registerPreprocessor(function(option) {
@@ -65512,7 +65991,7 @@ SelectDataZoomView.type = "dataZoom.select";
 var SelectZoomView_default = SelectDataZoomView;
 
 // src/component/dataZoom/AxisProxy.ts
-var each11 = each;
+var each12 = each;
 var asc2 = asc;
 var leftMinVisibleBarCount = 2;
 var rightMinVisibleBarCount = 2;
@@ -65567,7 +66046,7 @@ var AxisProxy = class {
     const percentWindow = [];
     const valueWindow = [];
     let hasPropModeValue;
-    each11(["start", "end"], function(prop, idx) {
+    each12(["start", "end"], function(prop, idx) {
       let boundPercent = opt[prop];
       let boundValue = opt[prop + "Value"];
       if (rangePropMode[idx] === "percent") {
@@ -65665,15 +66144,15 @@ var AxisProxy = class {
     if (filterMode === "none") {
       return;
     }
-    each11(seriesModels, function(seriesModel) {
+    each12(seriesModels, function(seriesModel) {
       let seriesData = seriesModel.getData();
       const dataDims = seriesData.mapDimensionsAll(axisDim);
       if (!dataDims.length || seriesModel.get("notFilterData")) {
         return;
       }
       const filterDataDims = seriesModel.getFilterDataDims?.();
-      const xWeakFilter = seriesModel.xFilterMode === "weakFilter" && axisDim === "x";
-      if (filterMode === "weakFilter" || xWeakFilter) {
+      const isXWeakFilter = seriesModel.xFilterMode === "weakFilter" && axisDim === "x";
+      if (filterMode === "weakFilter" || isXWeakFilter) {
         const store = seriesData.getStore();
         const dataDimIndices = map(dataDims, (dim) => seriesData.getDimensionIndex(dim), seriesData);
         seriesData.filterSelf(function(dataIndex) {
@@ -65681,7 +66160,14 @@ var AxisProxy = class {
           let rightOut;
           let hasValue;
           for (let i = 0; i < dataDims.length; i++) {
+            const dim = dataDims[i];
             const value = store.get(dataDimIndices[i], dataIndex);
+            if (dim === "extend") {
+              if (value) {
+                return true;
+              }
+              continue;
+            }
             const thisHasValue = !isNaN(value);
             const thisLeftOut = value < valueWindow[0];
             const thisRightOut = value > valueWindow[1];
@@ -65696,7 +66182,7 @@ var AxisProxy = class {
         });
       } else {
         const offset = seriesModel.get("offset");
-        each11(dataDims, function(dim) {
+        each12(dataDims, function(dim) {
           if (filterMode === "empty") {
             seriesModel.setData(seriesData = seriesData.map(dim, function(value) {
               return !isInWindow(value) ? NaN : value;
@@ -65722,7 +66208,7 @@ var AxisProxy = class {
           }
         });
       }
-      each11(dataDims, function(dim) {
+      each12(dataDims, function(dim) {
         seriesData.setApproximateExtent(valueWindow, dim);
       });
     });
@@ -65737,7 +66223,7 @@ var AxisProxy = class {
     const minMaxSpan = this._minMaxSpan = {};
     const dataZoomModel = this._dataZoomModel;
     const dataExtent = this._dataExtent;
-    each11(["min", "max"], function(minMax) {
+    each12(["min", "max"], function(minMax) {
       let percentSpan = dataZoomModel.get(minMax + "Span");
       let valueSpan = dataZoomModel.get(minMax + "ValueSpan");
       valueSpan != null && (valueSpan = this.getAxisModel().axis.scale.parse(valueSpan));
@@ -65773,7 +66259,7 @@ function calculateDataExtent(axisProxy, axisDim, seriesModels) {
   const dataExtent = [Infinity, -Infinity];
   const axisModel = axisProxy.getAxisModel();
   const dataFromSeriesName = axisModel.axis.model.get("dataFromSeriesName");
-  each11(seriesModels, function(seriesModel) {
+  each12(seriesModels, function(seriesModel) {
     if (dataFromSeriesName && seriesModel.name !== dataFromSeriesName) {
       return;
     }
@@ -65906,7 +66392,7 @@ function installCommon(registers) {
 }
 
 // src/component/dataZoom/installDataZoomSelect.ts
-function install42(registers) {
+function install44(registers) {
   registers.registerComponentModel(SelectZoomModel_default);
   registers.registerComponentView(SelectZoomView_default);
   installCommon(registers);
@@ -66793,11 +67279,11 @@ registerAction({
 var DataView_default = DataView;
 
 // src/component/dataZoom/history.ts
-var each12 = each;
+var each13 = each;
 var inner16 = makeInner();
 function push(ecModel, newSnapshot) {
   const storedSnapshots = getStoreSnapshots(ecModel);
-  each12(newSnapshot, function(batchItem, dataZoomId) {
+  each13(newSnapshot, function(batchItem, dataZoomId) {
     let i = storedSnapshots.length - 1;
     for (; i >= 0; i--) {
       const snapshot = storedSnapshots[i];
@@ -66824,7 +67310,7 @@ function pop(ecModel) {
   const head = storedSnapshots[storedSnapshots.length - 1];
   storedSnapshots.length > 1 && storedSnapshots.pop();
   const snapshot = {};
-  each12(head, function(batchItem, dataZoomId) {
+  each13(head, function(batchItem, dataZoomId) {
     for (let i = storedSnapshots.length - 1; i >= 0; i--) {
       batchItem = storedSnapshots[i][dataZoomId];
       if (batchItem) {
@@ -67137,7 +67623,7 @@ function getSize2(xyMinMax) {
 var BrushTargetManager_default = BrushTargetManager;
 
 // src/component/toolbox/feature/DataZoom.ts
-var each13 = each;
+var each14 = each;
 var DATA_ZOOM_ID_BASE = makeInternalComponentId("toolbox-dataZoom_");
 var DataZoomFeature = class extends ToolboxFeature {
   render(featureModel, ecModel, api2, payload) {
@@ -67205,7 +67691,7 @@ var DataZoomFeature = class extends ToolboxFeature {
   }
   _dispatchZoomAction(snapshot) {
     const batch = [];
-    each13(snapshot, function(batchItem, dataZoomId) {
+    each14(snapshot, function(batchItem, dataZoomId) {
       batch.push(clone(batchItem));
     });
     batch.length && this.api.dispatchAction({
@@ -67288,8 +67774,8 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
   const dzOptions = [];
   const finder = makeAxisFinder(dzFeatureModel);
   const finderResult = parseFinder(ecModel, finder);
-  each13(finderResult.xAxisModels, (axisModel) => buildInternalOptions(axisModel, "xAxis", "xAxisIndex"));
-  each13(finderResult.yAxisModels, (axisModel) => buildInternalOptions(axisModel, "yAxis", "yAxisIndex"));
+  each14(finderResult.xAxisModels, (axisModel) => buildInternalOptions(axisModel, "xAxis", "xAxisIndex"));
+  each14(finderResult.yAxisModels, (axisModel) => buildInternalOptions(axisModel, "yAxis", "yAxisIndex"));
   function buildInternalOptions(axisModel, axisMainType, axisIndexPropName) {
     const axisIndex = axisModel.componentIndex;
     const newOpt = {
@@ -67306,7 +67792,7 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
 var DataZoom_default = DataZoomFeature;
 
 // src/component/toolbox/install.ts
-function install43(registers) {
+function install45(registers) {
   registers.registerComponentModel(ToolboxModel_default);
   registers.registerComponentView(ToolboxView_default);
   registerFeature("saveAsImage", SaveAsImage_default);
@@ -67314,7 +67800,7 @@ function install43(registers) {
   registerFeature("dataView", DataView_default);
   registerFeature("dataZoom", DataZoom_default);
   registerFeature("restore", Restore_default);
-  use(install42);
+  use(install44);
 }
 
 // src/component/tooltip/TooltipModel.ts
@@ -68482,8 +68968,8 @@ function findComponentReference(payload, ecModel, api2) {
 var TooltipView_default = TooltipView;
 
 // src/component/tooltip/install.ts
-function install44(registers) {
-  use(install36);
+function install46(registers) {
+  use(install38);
   registers.registerComponentModel(TooltipModel_default);
   registers.registerComponentView(TooltipView_default);
   registers.registerAction({
@@ -68541,7 +69027,7 @@ function removeDuplicate(arr) {
 }
 
 // src/visual/visualSolution.ts
-var each14 = each;
+var each15 = each;
 function hasKeys(obj) {
   if (obj) {
     for (const name in obj) {
@@ -68553,9 +69039,9 @@ function hasKeys(obj) {
 }
 function createVisualMappings(option, stateList, supplementVisualOption) {
   const visualMappings = {};
-  each14(stateList, function(state) {
+  each15(stateList, function(state) {
     const mappings = visualMappings[state] = createMappings();
-    each14(option[state], function(visualData, visualType) {
+    each15(option[state], function(visualData, visualType) {
       if (!VisualMapping_default.isValidType(visualType)) {
         return;
       }
@@ -69099,7 +69585,7 @@ var BrushFeature = class extends ToolboxFeature {
 var Brush_default = BrushFeature;
 
 // src/component/brush/install.ts
-function install45(registers) {
+function install47(registers) {
   registers.registerComponentView(BrushView_default);
   registers.registerComponentModel(BrushModel_default);
   registers.registerPreprocessor(brushPreprocessor);
@@ -69246,7 +69732,7 @@ var TitleView2 = class extends Component_default2 {
 };
 var TitleView = TitleView2;
 TitleView.type = "title";
-function install46(registers) {
+function install48(registers) {
   registers.registerComponentModel(TitleModel);
   registers.registerComponentView(TitleView);
 }
@@ -69611,7 +70097,7 @@ TableView.type = "table";
 var TableView_default = TableView;
 
 // src/component/table/install.ts
-function install47(registers) {
+function install49(registers) {
   registers.registerComponentModel(TableModel_default);
   registers.registerComponentView(TableView_default);
 }
@@ -70465,7 +70951,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install48(registers) {
+function install50(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -70906,7 +71392,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install49(registers) {
+function install51(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -71224,7 +71710,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install50(registers) {
+function install52(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -71538,7 +72024,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install51(registers) {
+function install53(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -72181,7 +72667,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install52(registers) {
+function install54(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -72424,7 +72910,7 @@ var LegendModel_default = LegendModel;
 
 // src/component/legend/LegendView.ts
 var curry2 = curry;
-var each15 = each;
+var each16 = each;
 var Group3 = Group_default;
 var LegendView2 = class extends Component_default2 {
   constructor() {
@@ -72488,7 +72974,7 @@ var LegendView2 = class extends Component_default2 {
     ecModel.eachRawSeries(function(seriesModel) {
       !seriesModel.get("legendHoverLink") && excludeSeriesId.push(seriesModel.id);
     });
-    each15(legendModel.getData(), function(legendItemModel, dataIndex) {
+    each16(legendModel.getData(), function(legendItemModel, dataIndex) {
       const name = legendItemModel.get("name");
       if (!this.newlineDisabled && (name === "" || name === "\n")) {
         const g = new Group3();
@@ -72560,7 +73046,7 @@ var LegendView2 = class extends Component_default2 {
   }
   _createSelector(selector2, legendModel, api2, orient, selectorPosition) {
     const selectorGroup = this.getSelectorGroup();
-    each15(selector2, function createSelectorButton(selectorItem) {
+    each16(selector2, function createSelectorButton(selectorItem) {
       const type = selectorItem.type;
       const labelText = new Text_default({
         style: {
@@ -72713,7 +73199,7 @@ function getLegendStyle(iconType, legendItemModel, lineVisualStyle, itemVisualSt
     if (style.lineWidth === "auto") {
       style.lineWidth = visualStyle.lineWidth > 0 ? 2 : 0;
     }
-    each15(style, (propVal, propName) => {
+    each16(style, (propVal, propName) => {
       style[propName] === "inherit" && (style[propName] = visualStyle[propName]);
     });
   }
@@ -72863,7 +73349,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install53(registers) {
+function install55(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -73193,17 +73679,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install54(registers) {
-  use(install53);
+function install56(registers) {
+  use(install55);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install55(registers) {
-  use(install53);
-  use(install54);
+function install57(registers) {
+  use(install55);
+  use(install56);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -73541,7 +74027,17 @@ function makeMover(getPercentDelta) {
       const barSpace = lastDistanceRange[0] ?? this.dataZoomModel.get("barSpace");
       const startLastBarRightSideDiffBarCount = lastDistanceRange[1] ?? this.dataZoomModel.get("lastBarRightSideDiffBarCount");
       const distanceBarCount = distance2 / barSpace;
-      const lastBarRightSideDiffBarCount = startLastBarRightSideDiffBarCount - distanceBarCount;
+      const dataCount = axisModel.axis.scale.getAxisDataLen();
+      const barCount = axisModel.axis.getExtent()[1] / barSpace;
+      let lastBarRightSideDiffBarCount = startLastBarRightSideDiffBarCount - distanceBarCount;
+      const maxRightOffsetBarCount = barCount - Math.min(2, dataCount);
+      if (lastBarRightSideDiffBarCount > maxRightOffsetBarCount) {
+        lastBarRightSideDiffBarCount = maxRightOffsetBarCount;
+      }
+      const minRightOffsetBarCount = -dataCount + Math.min(2, dataCount);
+      if (lastBarRightSideDiffBarCount < minRightOffsetBarCount) {
+        lastBarRightSideDiffBarCount = minRightOffsetBarCount;
+      }
       distanceRange[0] = barSpace;
       distanceRange[1] = lastBarRightSideDiffBarCount;
       this.distanceRange = distanceRange;
@@ -73620,7 +74116,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install56(registers) {
+function install58(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -74376,16 +74872,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install57(registers) {
+function install59(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install58(registers) {
-  use(install56);
-  use(install57);
+function install60(registers) {
+  use(install58);
+  use(install59);
 }
 
 // src/visual/visualDefault.ts
@@ -74435,7 +74931,7 @@ var visualDefault_default = visualDefault;
 var mapVisual2 = VisualMapping_default.mapVisual;
 var eachVisual = VisualMapping_default.eachVisual;
 var isArray2 = isArray;
-var each16 = each;
+var each17 = each;
 var asc3 = asc;
 var linearMap2 = linearMap;
 var VisualMapModel2 = class extends Component_default {
@@ -74585,7 +75081,7 @@ var VisualMapModel2 = class extends Component_default {
       let optAbsent = base3[stateAbsent];
       if (optExist && !optAbsent) {
         optAbsent = base3[stateAbsent] = {};
-        each16(optExist, function(visualData, visualType) {
+        each17(optExist, function(visualData, visualType) {
           if (!VisualMapping_default.isValidType(visualType)) {
             return;
           }
@@ -74605,7 +75101,7 @@ var VisualMapModel2 = class extends Component_default {
       const inactiveColor = this.get("inactiveColor");
       const itemSymbol = this.getItemSymbol();
       const defaultSymbol = itemSymbol || "roundRect";
-      each16(this.stateList, function(state) {
+      each17(this.stateList, function(state) {
         const itemSize = this.itemSize;
         let visuals = controller2[state];
         if (!visuals) {
@@ -74965,7 +75461,7 @@ function makeHighDownBatch(batch, visualMapModel) {
 
 // src/component/visualMap/ContinuousView.ts
 var linearMap3 = linearMap;
-var each17 = each;
+var each18 = each;
 var mathMin11 = Math.min;
 var mathMax11 = Math.max;
 var HOVER_LINK_SIZE = 12;
@@ -75293,7 +75789,7 @@ var ContinuousView2 = class extends VisualMapView_default {
     const handleLabels = shapes.handleLabels;
     const itemSize = visualMapModel.itemSize;
     const dataExtent = visualMapModel.getExtent();
-    each17([0, 1], function(handleIndex) {
+    each18([0, 1], function(handleIndex) {
       const handleThumb = handleThumbs[handleIndex];
       handleThumb.setStyle("fill", visualInRange.handlesColor[handleIndex]);
       handleThumb.y = handleEnds[handleIndex];
@@ -75599,13 +76095,13 @@ function getColorVisual(seriesModel, visualMapModel, value, valueState) {
 }
 
 // src/component/visualMap/preprocessor.ts
-var each18 = each;
+var each19 = each;
 function visualMapPreprocessor(option) {
   let visualMap = option && option.visualMap;
   if (!isArray(visualMap)) {
     visualMap = visualMap ? [visualMap] : [];
   }
-  each18(visualMap, function(opt) {
+  each19(visualMap, function(opt) {
     if (!opt) {
       return;
     }
@@ -75615,7 +76111,7 @@ function visualMapPreprocessor(option) {
     }
     const pieces = opt.pieces;
     if (pieces && isArray(pieces)) {
-      each18(pieces, function(piece) {
+      each19(pieces, function(piece) {
         if (isObject(piece)) {
           if (has2(piece, "start") && !has2(piece, "min")) {
             piece.min = piece.start;
@@ -75650,7 +76146,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install59(registers) {
+function install61(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -76090,16 +76586,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install60(registers) {
+function install62(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install61(registers) {
-  use(install59);
-  use(install60);
+function install63(registers) {
+  use(install61);
+  use(install62);
 }
 
 // src/visual/aria.ts
@@ -76295,7 +76791,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install62(registers) {
+function install64(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -76633,7 +77129,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install63(registers) {
+function install65(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -76671,7 +77167,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install64(registers) {
+function install66(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -78397,42 +78893,44 @@ use([
   install26,
   install27,
   install28,
-  install30,
   install29,
-  install31,
+  install30,
   install32,
+  install31,
   install33,
   install34,
-  install35
+  install35,
+  install36,
+  install37
 ]);
-use(install37);
-use(install38);
-use(install10);
 use(install39);
-use(install17);
 use(install40);
+use(install10);
 use(install41);
+use(install17);
+use(install42);
 use(install43);
-use(install44);
-use(install36);
 use(install45);
 use(install46);
+use(install38);
 use(install47);
 use(install48);
 use(install49);
 use(install50);
 use(install51);
 use(install52);
-use(install55);
-use(install58);
-use(install56);
+use(install53);
+use(install54);
 use(install57);
-use(install61);
-use(install59);
 use(install60);
-use(install62);
+use(install58);
+use(install59);
 use(install63);
+use(install61);
+use(install62);
 use(install64);
+use(install65);
+use(install66);
 use(installUniversalTransition);
 use(installLabelLayout);