tvcharts 0.6.43 → 0.6.45

package/dist/echarts.js

@@ -226,16 +226,16 @@ var OFFSET = 20;
 var SCALE = 100;
 var defaultWidthMapStr = `007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N`;
 function getTextWidthMap(mapStr) {
-  const map4 = {};
+  const map5 = {};
   if (typeof JSON === "undefined") {
-    return map4;
+    return map5;
   }
   for (let i = 0; i < mapStr.length; i++) {
     const char = String.fromCharCode(i + 32);
     const size = (mapStr.charCodeAt(i) - OFFSET) / SCALE;
-    map4[char] = size;
+    map5[char] = size;
   }
-  return map4;
+  return map5;
 }
 var DEFAULT_TEXT_WIDTH_MAP = getTextWidthMap(defaultWidthMapStr);
 var platformApi = {
@@ -348,15 +348,15 @@ var LRU = class {
   }
   put(key, value) {
     const list = this._list;
-    const map4 = this._map;
+    const map5 = this._map;
     let removed = null;
-    if (map4[key] == null) {
+    if (map5[key] == null) {
       const len2 = list.len();
       let entry = this._lastRemovedEntry;
       if (len2 >= this._maxSize && len2 > 0) {
         const leastUsedEntry = list.head;
         list.remove(leastUsedEntry);
-        delete map4[leastUsedEntry.key];
+        delete map5[leastUsedEntry.key];
         removed = leastUsedEntry.value;
         this._lastRemovedEntry = leastUsedEntry;
       }
@@ -367,7 +367,7 @@ var LRU = class {
       }
       entry.key = key;
       list.insertEntry(entry);
-      map4[key] = entry;
+      map5[key] = entry;
     }
     return removed;
   }
@@ -7829,7 +7829,7 @@ function compressBatches(batchA, batchB) {
   makeMap(batchA || [], mapA);
   makeMap(batchB || [], mapB, mapA);
   return [mapToArray(mapA), mapToArray(mapB)];
-  function makeMap(sourceBatch, map4, otherMap) {
+  function makeMap(sourceBatch, map5, otherMap) {
     for (let i = 0, len2 = sourceBatch.length; i < len2; i++) {
       const seriesId = convertOptionIdName(sourceBatch[i].seriesId, null);
       if (seriesId == null) {
@@ -7842,19 +7842,19 @@ function compressBatches(batchA, batchB) {
         if (otherDataIndices && otherDataIndices[dataIndex]) {
           otherDataIndices[dataIndex] = null;
         } else {
-          (map4[seriesId] || (map4[seriesId] = {}))[dataIndex] = 1;
+          (map5[seriesId] || (map5[seriesId] = {}))[dataIndex] = 1;
         }
       }
     }
   }
-  function mapToArray(map4, isData) {
+  function mapToArray(map5, isData) {
     const result = [];
-    for (const i in map4) {
-      if (map4.hasOwnProperty(i) && map4[i] != null) {
+    for (const i in map5) {
+      if (map5.hasOwnProperty(i) && map5[i] != null) {
         if (isData) {
           result.push(+i);
         } else {
-          const dataIndices = mapToArray(map4[i], true);
+          const dataIndices = mapToArray(map5[i], true);
           dataIndices.length && result.push({seriesId: i, dataIndex: dataIndices});
         }
       }
@@ -11276,8 +11276,8 @@ var ZRText = class extends Displayable_default {
       subElStyle.fill = textFill;
     }
     const textWidth = token.contentWidth;
-    const textHeight = token.contentHeight;
-    el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, textWidth, subElStyle.textAlign), adjustTextY2(subElStyle.y, textHeight, subElStyle.textBaseline), textWidth, textHeight));
+    const textHeight2 = token.contentHeight;
+    el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, textWidth, subElStyle.textAlign), adjustTextY2(subElStyle.y, textHeight2, subElStyle.textBaseline), textWidth, textHeight2));
   }
   _renderBackground(style, topStyle, x, y, width, height) {
     const textBackgroundColor = style.backgroundColor;
@@ -16275,6 +16275,7 @@ var BUILTIN_CHARTS_MAP = {
   effectScatter: "EffectScatterChart",
   lines: "LinesChart",
   linesPlot: "LinesPlotChart",
+  strategy: "StrategyChart",
   labels: "LabelsChart",
   hlines: "HLinesChart",
   fills: "FillsChart",
@@ -22223,6 +22224,44 @@ var TriangleDown = Path_default.extend({
     path.closePath();
   }
 });
+var TriangleLeft = Path_default.extend({
+  type: "triangleLeft",
+  shape: {
+    cx: 0,
+    cy: 0,
+    width: 0,
+    height: 0
+  },
+  buildPath: function(path, shape) {
+    const cx = shape.cx;
+    const cy = shape.cy;
+    const width = shape.width / 2;
+    const height = shape.height / 2;
+    path.moveTo(cx + width, cy + height);
+    path.lineTo(cx + width, cy - height);
+    path.lineTo(cx - width, cy);
+    path.closePath();
+  }
+});
+var TriangleRight = Path_default.extend({
+  type: "triangleRight",
+  shape: {
+    cx: 0,
+    cy: 0,
+    width: 0,
+    height: 0
+  },
+  buildPath: function(path, shape) {
+    const cx = shape.cx;
+    const cy = shape.cy;
+    const width = shape.width / 2;
+    const height = shape.height / 2;
+    path.moveTo(cx - width, cy + height);
+    path.lineTo(cx - width, cy - height);
+    path.lineTo(cx + width, cy);
+    path.closePath();
+  }
+});
 var ArrowUp = Path_default.extend({
   type: "arrowUp",
   shape: {
@@ -22298,6 +22337,8 @@ var symbolCtors = {
   arrowUp: ArrowUp,
   flag: Flag,
   triangleDown: TriangleDown,
+  triangleLeft: TriangleLeft,
+  triangleRight: TriangleRight,
   arrowDown: ArrowDown
 };
 var symbolShapeMakers = {
@@ -22488,6 +22529,18 @@ var symbolShapeMakers = {
     shape.width = w;
     shape.height = h;
   },
+  triangleLeft: function(x, y, w, h, shape) {
+    shape.cx = x + w / 2;
+    shape.cy = y;
+    shape.width = w;
+    shape.height = h;
+  },
+  triangleRight: function(x, y, w, h, shape) {
+    shape.cx = x - w / 2;
+    shape.cy = y;
+    shape.width = w;
+    shape.height = h;
+  },
   arrowUp: function(x, y, w, h, shape, parentShape) {
     shape.rectWidth = parentShape.triangleWidth;
     shape.triangleHeight = parentShape.triangleHeight;
@@ -25668,25 +25721,25 @@ var DataDiffer = class {
       newDataIndexMap[newKey] = null;
     }
   }
-  _initIndexMap(arr, map4, keyArr, keyGetterName) {
+  _initIndexMap(arr, map5, keyArr, keyGetterName) {
     const cbModeMultiple = this._diffModeMultiple;
     for (let i = 0; i < arr.length; i++) {
       const key = "_ec_" + this[keyGetterName](arr[i], i);
       if (!cbModeMultiple) {
         keyArr[i] = key;
       }
-      if (!map4) {
+      if (!map5) {
         continue;
       }
-      const idxMapVal = map4[key];
+      const idxMapVal = map5[key];
       const idxMapValLen = dataIndexMapValueLength(idxMapVal);
       if (idxMapValLen === 0) {
-        map4[key] = i;
+        map5[key] = i;
         if (cbModeMultiple) {
           keyArr.push(key);
         }
       } else if (idxMapValLen === 1) {
-        map4[key] = [idxMapVal, i];
+        map5[key] = [idxMapVal, i];
       } else {
         idxMapVal.push(i);
       }
@@ -26801,15 +26854,15 @@ function getDimCount(source, sysDims, dimsDef, optDimCount) {
   });
   return dimCount;
 }
-function genCoordDimName(name, map4, fromZero) {
-  if (fromZero || map4.hasKey(name)) {
+function genCoordDimName(name, map5, fromZero) {
+  if (fromZero || map5.hasKey(name)) {
     let i = 0;
-    while (map4.hasKey(name + i)) {
+    while (map5.hasKey(name + i)) {
       i++;
     }
     name += i;
   }
-  map4.set(name, true);
+  map5.set(name, true);
   return name;
 }
 
@@ -27376,13 +27429,13 @@ var OrdinalMeta = class {
       this.categories[index] = category;
       return index;
     }
-    const map4 = this._getOrCreateMap();
-    index = map4.get(category);
+    const map5 = this._getOrCreateMap();
+    index = map5.get(category);
     if (index == null) {
       if (needCollect) {
         index = this.categories.length;
         this.categories[index] = category;
-        map4.set(category, index);
+        map5.set(category, index);
       } else {
         index = NaN;
       }
@@ -32105,19 +32158,19 @@ function isDef(s) {
   return s !== void 0;
 }
 function createKeyToOldIdx(children, beginIdx, endIdx) {
-  const map4 = {};
+  const map5 = {};
   for (let i = beginIdx; i <= endIdx; ++i) {
     const key = children[i].key;
     if (key !== void 0) {
       if (true) {
-        if (map4[key] != null) {
+        if (map5[key] != null) {
           console.error(`Duplicate key ${key}`);
         }
       }
-      map4[key] = i;
+      map5[key] = i;
     }
   }
-  return map4;
+  return map5;
 }
 function sameVnode(vnode1, vnode2) {
   const isSameKey = vnode1.key === vnode2.key;
@@ -42987,15 +43040,15 @@ var GEO_DEFAULT_PARAMS = {
 };
 var geo2DDimensions = ["lng", "lat"];
 var Geo = class extends View_default {
-  constructor(name, map4, opt) {
+  constructor(name, map5, opt) {
     super(name);
     this.dimensions = geo2DDimensions;
     this.type = "geo";
     this._nameCoordMap = createHashMap();
-    this.map = map4;
+    this.map = map5;
     let projection = opt.projection;
-    const source = geoSourceManager_default.load(map4, opt.nameMap, opt.nameProperty);
-    const resource = geoSourceManager_default.getGeoResource(map4);
+    const source = geoSourceManager_default.load(map5, opt.nameMap, opt.nameProperty);
+    const resource = geoSourceManager_default.getGeoResource(map5);
     const resourceType = this.resourceType = resource ? resource.type : null;
     const regions = this.regions = source.regions;
     const defaultParams = GEO_DEFAULT_PARAMS[resource.type];
@@ -43004,7 +43057,7 @@ var Geo = class extends View_default {
     if (projection) {
       if (resourceType === "geoSVG") {
         if (true) {
-          warn(`Map ${map4} with SVG source can't use projection. Only GeoJSON source supports projection.`);
+          warn(`Map ${map5} with SVG source can't use projection. Only GeoJSON source supports projection.`);
         }
         projection = null;
       }
@@ -51285,9 +51338,9 @@ function getTransform2(controller) {
   return getTransform(controller.group);
 }
 function getGlobalDirection1(controller, localDirName) {
-  const map4 = {w: "left", e: "right", n: "top", s: "bottom"};
+  const map5 = {w: "left", e: "right", n: "top", s: "bottom"};
   const inverseMap = {left: "w", right: "e", top: "n", bottom: "s"};
-  const dir3 = transformDirection(map4[localDirName], getTransform2(controller));
+  const dir3 = transformDirection(map5[localDirName], getTransform2(controller));
   return inverseMap[dir3];
 }
 function getGlobalDirection2(controller, localDirNameSeq) {
@@ -54907,6 +54960,138 @@ var SymbolPath_default = SymbolPath;
 
 // src/chart/linesPlot/LinesPlotView.ts
 var LastZ2 = -1;
+function clipColorStops2(colorStops, maxSize) {
+  const newColorStops = [];
+  const len2 = colorStops.length;
+  let prevOutOfRangeColorStop;
+  let prevInRangeColorStop;
+  function lerpStop(stop0, stop1, clippedCoord) {
+    const coord0 = stop0.coord;
+    const p = (clippedCoord - coord0) / (stop1.coord - coord0);
+    const color2 = lerp2(p, [stop0.color, stop1.color]);
+    return {coord: clippedCoord, color: color2};
+  }
+  for (let i = 0; i < len2; i++) {
+    const stop2 = colorStops[i];
+    const coord = stop2.coord;
+    if (coord < 0) {
+      prevOutOfRangeColorStop = stop2;
+    } else if (coord > maxSize) {
+      if (prevInRangeColorStop) {
+        newColorStops.push(lerpStop(prevInRangeColorStop, stop2, maxSize));
+      } else if (prevOutOfRangeColorStop) {
+        newColorStops.push(lerpStop(prevOutOfRangeColorStop, stop2, 0), lerpStop(prevOutOfRangeColorStop, stop2, maxSize));
+      }
+      break;
+    } else {
+      if (prevOutOfRangeColorStop) {
+        newColorStops.push(lerpStop(prevOutOfRangeColorStop, stop2, 0));
+        prevOutOfRangeColorStop = null;
+      }
+      newColorStops.push(stop2);
+      prevInRangeColorStop = stop2;
+    }
+  }
+  return newColorStops;
+}
+function calculatebandWidth(seriesModel, data) {
+  const baseAxis = seriesModel.getBaseAxis();
+  let extent3;
+  const bandWidth = baseAxis.type === "category" ? baseAxis.getBandWidth() : (extent3 = baseAxis.getExtent(), Math.abs(extent3[1] - extent3[0]) / data.count());
+  return bandWidth;
+}
+function getVisualGradient2(data, coordSys, api2) {
+  const visualMetaList = data.getVisual("visualMeta");
+  if (!visualMetaList || !visualMetaList.length || !data.count()) {
+    return;
+  }
+  if (coordSys.type !== "cartesian2d") {
+    if (true) {
+      console.warn("Visual map on line style is only supported on cartesian2d.");
+    }
+    return;
+  }
+  let coordDim;
+  let visualMeta;
+  for (let i = visualMetaList.length - 1; i >= 0; i--) {
+    const dimInfo = data.getDimensionInfo(visualMetaList[i].dimension);
+    coordDim = dimInfo && dimInfo.coordDim;
+    if (coordDim === "x" || coordDim === "y") {
+      visualMeta = visualMetaList[i];
+      break;
+    }
+  }
+  if (!visualMeta) {
+    if (true) {
+      console.warn("Visual map on line style only support x or y dimension.");
+    }
+    return;
+  }
+  const axis = coordSys.getAxis(coordDim);
+  const colorStops = map(visualMeta.stops, function(stop2) {
+    return {
+      coord: axis.toGlobalCoord(axis.dataToCoord(stop2.value)),
+      color: stop2.color
+    };
+  });
+  const stopLen = colorStops.length;
+  const outerColors = visualMeta.outerColors.slice();
+  if (stopLen && colorStops[0].coord > colorStops[stopLen - 1].coord) {
+    colorStops.reverse();
+    outerColors.reverse();
+  }
+  const colorStopsInRange = clipColorStops2(colorStops, coordDim === "x" ? api2.getWidth() : api2.getHeight());
+  const inRangeStopLen = colorStopsInRange.length;
+  if (!inRangeStopLen && stopLen) {
+    return colorStops[0].coord < 0 ? outerColors[1] ? outerColors[1] : colorStops[stopLen - 1].color : outerColors[0] ? outerColors[0] : colorStops[0].color;
+  }
+  const tinyExtent = 10;
+  const minCoord = colorStopsInRange[0].coord - tinyExtent;
+  const maxCoord = colorStopsInRange[inRangeStopLen - 1].coord + tinyExtent;
+  const coordSpan = maxCoord - minCoord;
+  if (coordSpan < 1e-3) {
+    return "transparent";
+  }
+  each(colorStopsInRange, function(stop2) {
+    stop2.offset = (stop2.coord - minCoord) / coordSpan;
+  });
+  colorStopsInRange.push({
+    offset: inRangeStopLen ? colorStopsInRange[inRangeStopLen - 1].offset : 0.5,
+    color: outerColors[1] || "transparent"
+  });
+  colorStopsInRange.unshift({
+    offset: inRangeStopLen ? colorStopsInRange[0].offset : 0.5,
+    color: outerColors[0] || "transparent"
+  });
+  const gradient = new LinearGradient_default(0, 0, 0, 0, colorStopsInRange, true);
+  gradient[coordDim] = minCoord;
+  gradient[coordDim + "2"] = maxCoord;
+  return gradient;
+}
+function getAreaGradient(data, seriesModel, api2) {
+  const colorStopsInRange = [];
+  const areaGradient = seriesModel.get("areaGradient");
+  const valueByType = {
+    start: 0,
+    end: 1
+  };
+  if (!areaGradient) {
+    return;
+  }
+  const coordSys = seriesModel.coordinateSystem;
+  const axis = coordSys.getAxis("y");
+  const extent3 = axis.getExtent();
+  const span = extent3[1] - extent3[0];
+  each(areaGradient, function(item) {
+    const offset = valueByType[item.type] ?? axis.toGlobalCoord(axis.dataToCoord(item.value)) / span;
+    colorStopsInRange.push({
+      color: item.color,
+      offset
+    });
+  });
+  const gradient = new LinearGradient_default(0, extent3[0], 0, extent3[1], colorStopsInRange, true);
+  return gradient;
+}
 var LinesPlotView2 = class extends Chart_default {
   constructor() {
     super(...arguments);
@@ -54916,8 +55101,8 @@ var LinesPlotView2 = class extends Chart_default {
   }
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
-    this._renderLine(data, seriesModel);
-    this._renderArea(data, seriesModel);
+    this._renderLine(data, seriesModel, api2);
+    this._renderArea(data, seriesModel, api2);
     this._renderSymbol(data, seriesModel);
     this._renderHistogram(data, seriesModel);
     this._renderBar(data, seriesModel);
@@ -54936,7 +55121,7 @@ var LinesPlotView2 = class extends Chart_default {
     const coordSys = seriesModel.coordinateSystem;
     return coordSys && coordSys.getArea && coordSys.getArea(0.1);
   }
-  _renderLine(data, seriesModel) {
+  _renderLine(data, seriesModel, api2) {
     const linePointsByKey = data.getLayout("linePointsByKey");
     const lineVisible = seriesModel.get("lineVisible");
     if (lineVisible) {
@@ -54946,6 +55131,7 @@ var LinesPlotView2 = class extends Chart_default {
       } else {
         this._lineGroup.removeAll();
       }
+      const visualColor = getVisualGradient2(data, seriesModel.coordinateSystem, api2);
       const lineGroup = this._lineGroup;
       const z2 = seriesModel.get("z2");
       each(linePointsByKey, function(item, key) {
@@ -54957,7 +55143,7 @@ var LinesPlotView2 = class extends Chart_default {
           },
           style: {
             lineDash,
-            stroke: color2,
+            stroke: visualColor || color2,
             lineWidth: +lineWidth
           },
           z2: isDefaultColor ? LastZ2 : z2
@@ -54970,7 +55156,7 @@ var LinesPlotView2 = class extends Chart_default {
       this._lineGroup = null;
     }
   }
-  _renderArea(data, seriesModel) {
+  _renderArea(data, seriesModel, api2) {
     const areaVisible = seriesModel.get("areaVisible");
     if (areaVisible) {
       if (!this._polygonGroup) {
@@ -54984,6 +55170,7 @@ var LinesPlotView2 = class extends Chart_default {
       const histbase = seriesModel.get("histbase") || 0;
       const z2 = seriesModel.get("z2");
       const baseY = seriesModel.coordinateSystem.dataToPoint([0, histbase])[1];
+      const visualColor = getAreaGradient(data, seriesModel, api2);
       each(linePointsByKey, function(item, key) {
         const [stroke] = key.split(":");
         const {color: color2, isDefaultColor} = getFormatColor(stroke);
@@ -54993,8 +55180,8 @@ var LinesPlotView2 = class extends Chart_default {
             baseY
           },
           style: {
-            stroke: color2,
-            fill: color2
+            stroke: "none",
+            fill: visualColor || color2
           },
           z2: isDefaultColor ? LastZ2 : z2
         });
@@ -55101,7 +55288,7 @@ var LinesPlotView2 = class extends Chart_default {
       const barGroup = this._barGroup;
       const histbase = seriesModel.get("histbase") || 0;
       const z2 = seriesModel.get("z2");
-      const barSpace = seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace;
+      const barSpace = seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace || calculatebandWidth(seriesModel, data);
       const width = Math.floor(barSpace * 0.8);
       const baseY = seriesModel.coordinateSystem.dataToPoint([0, histbase])[1];
       if (width <= 1) {
@@ -55363,6 +55550,281 @@ function install24(registers) {
   registers.registerLayout(linesPlotLayout_default);
 }
 
+// src/chart/strategy/SymbolPath.ts
+var LargeSymbolPathShape3 = class {
+};
+var SymbolPath2 = class extends Path_default {
+  constructor(opts) {
+    super(opts);
+  }
+  getDefaultShape() {
+    return new LargeSymbolPathShape3();
+  }
+  buildPath(path, shape) {
+    const points4 = shape.points;
+    const symbolProxy = this.symbolProxy;
+    const symbolProxyShape = symbolProxy.shape;
+    const [width, height] = shape.size;
+    symbolProxyShape.width = width;
+    symbolProxyShape.height = height;
+    for (let i = 0; i < points4.length; i++) {
+      const point = points4[i];
+      const [x, y] = point;
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      symbolProxyShape.x = x;
+      symbolProxyShape.y = y;
+      symbolProxy.buildPath(path, symbolProxyShape, true);
+    }
+  }
+};
+var SymbolPath_default2 = SymbolPath2;
+
+// src/chart/strategy/StrategyView.ts
+var LongColor = "rgb(41, 98, 255)";
+var ShortColor = "rgb(255, 23, 68)";
+var StrategyView2 = class extends Chart_default {
+  constructor() {
+    super(...arguments);
+    this.type = StrategyView2.type;
+  }
+  init() {
+  }
+  render(seriesModel, ecModel, api2) {
+    const data = seriesModel.getData();
+    this._renderSymbol(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);
+  }
+  _renderSymbol(data, seriesModel) {
+    if (!this._symbolGroup) {
+      this._symbolGroup = new Group_default();
+      this.group.add(this._symbolGroup);
+    } else {
+      this._symbolGroup.removeAll();
+    }
+    const symbolGroup = this._symbolGroup;
+    const z2 = seriesModel.get("z2");
+    const upTriangle = data.getLayout("upTriangle");
+    const upTriangleEl = new SymbolPath_default2({
+      shape: {
+        points: upTriangle,
+        size: [8, 12]
+      },
+      style: {
+        fill: LongColor
+      },
+      z2
+    });
+    upTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
+    symbolGroup.add(upTriangleEl);
+    const upArrow = data.getLayout("upArrow");
+    const arrowUpEl = new SymbolPath_default2({
+      shape: {
+        points: upArrow,
+        size: [12, 16]
+      },
+      style: {
+        fill: LongColor
+      },
+      z2
+    });
+    arrowUpEl.symbolProxy = createSymbol("arrowUp", 0, 0, 0, 0);
+    arrowUpEl.symbolProxy.shape = {
+      ...arrowUpEl.symbolProxy.shape,
+      triangleWidth: 4,
+      triangleHeight: 6
+    };
+    symbolGroup.add(arrowUpEl);
+    const downTriangle = data.getLayout("downTriangle");
+    const downTriangleEl = new SymbolPath_default2({
+      shape: {
+        points: downTriangle,
+        size: [8, 12]
+      },
+      style: {
+        fill: ShortColor
+      },
+      z2
+    });
+    downTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
+    symbolGroup.add(downTriangleEl);
+    const downArrow = data.getLayout("downArrow");
+    const arrowDownEl = new SymbolPath_default2({
+      shape: {
+        points: downArrow,
+        size: [12, 16]
+      },
+      style: {
+        fill: ShortColor
+      },
+      z2
+    });
+    arrowDownEl.symbolProxy = createSymbol("arrowDown", 0, 0, 0, 0);
+    arrowDownEl.symbolProxy.shape = {
+      ...arrowDownEl.symbolProxy.shape,
+      triangleWidth: 4,
+      triangleHeight: 6
+    };
+    symbolGroup.add(arrowDownEl);
+    const texts = data.getLayout("texts");
+    const textColor = seriesModel.get("textColor");
+    each(texts, function(item) {
+      const {text, point} = item;
+      const el = new Text_default({
+        style: {
+          text,
+          align: "center",
+          fill: textColor ?? "#fff",
+          fontSize: 12
+        },
+        x: point[0],
+        y: point[1]
+      });
+      symbolGroup.add(el);
+    });
+  }
+  remove(ecModel, api2) {
+    this._symbolGroup && this._symbolGroup.removeAll();
+    this._symbolGroup = null;
+  }
+  dispose(ecModel, api2) {
+    this.remove(ecModel, api2);
+  }
+};
+var StrategyView = StrategyView2;
+StrategyView.type = "strategy";
+var StrategyView_default = StrategyView;
+
+// src/chart/strategy/StrategySeries.ts
+var StrategySeriesModel2 = class extends Series_default {
+  constructor() {
+    super(...arguments);
+    this.type = StrategySeriesModel2.type;
+  }
+  getInitialData(option) {
+    if (true) {
+      const coordSys = option.coordinateSystem;
+      if (coordSys !== "polar" && coordSys !== "cartesian2d") {
+        throw new Error("Strategy not support coordinateSystem besides cartesian and polar");
+      }
+    }
+    return createSeriesData_default(null, this, {
+      useEncodeDefaulter: true
+    });
+  }
+  getZLevelKey() {
+    return this.getData().count() > this.getProgressiveThreshold() ? this.id : "";
+  }
+};
+var StrategySeriesModel = StrategySeriesModel2;
+StrategySeriesModel.type = "series.strategy";
+StrategySeriesModel.dependencies = ["grid", "polar"];
+StrategySeriesModel.defaultOption = {
+  coordinateSystem: "cartesian2d",
+  z: 2,
+  z2: 0,
+  legendHoverLink: true,
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  large: true,
+  largeThreshold: 600,
+  clip: true
+};
+var StrategySeries_default = StrategySeriesModel;
+
+// src/chart/strategy/StrategyLayout.ts
+var arrowHeight = 16;
+var arrowMargin = 10;
+var textMargin = 6;
+var textHeight = 26;
+var StrategyLayout = {
+  seriesType: "strategy",
+  plan: createRenderPlanner(),
+  reset: function(seriesModel) {
+    const coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      if (true) {
+        error("The lines series must have a coordinate system.");
+      }
+      return;
+    }
+    const data = seriesModel.getData();
+    const dims = map(coordSys.dimensions, function(dim) {
+      return data.mapDimension(dim);
+    }).slice(0, 2);
+    const store = data.getStore();
+    const dimIdx0 = data.getDimensionIndex(dims[0]);
+    return {
+      progress(params, strategyData) {
+        const upTriangle = [];
+        const downTriangle = [];
+        const upArrow = [];
+        const downArrow = [];
+        const texts = [];
+        for (let i = params.start; i < params.end; i++) {
+          const x = store.get(dimIdx0, i);
+          const dataModal = strategyData.getItemModel(i);
+          const upOrders = dataModal.get("upOrders");
+          const downOrders = dataModal.get("downOrders");
+          const baseDown = dataModal.get("baseDown");
+          const baseUp = dataModal.get("baseUp");
+          const baseUpPoint = coordSys.dataToPoint([x, baseUp]);
+          const baseDownPoint = coordSys.dataToPoint([x, baseDown]);
+          const optimizeX = baseUpPoint[0] + 0.5;
+          each(upOrders, function(item) {
+            upTriangle.push(coordSys.dataToPoint([x, item.price]));
+            upArrow.push([optimizeX, baseUpPoint[1] + arrowMargin + arrowHeight / 2]);
+            texts.push({
+              text: `${item.comment}
++${item.count}`,
+              point: [baseUpPoint[0], baseUpPoint[1] + arrowMargin + arrowHeight + textMargin]
+            });
+            baseUpPoint[1] = baseUpPoint[1] + arrowMargin + arrowHeight + textMargin + textHeight;
+          });
+          each(downOrders, function(item) {
+            downTriangle.push(coordSys.dataToPoint([x, item.price]));
+            downArrow.push([optimizeX, baseDownPoint[1] - arrowMargin - arrowHeight / 2]);
+            texts.push({text: `${item.comment}
+-${item.count}`, point: [
+              baseDownPoint[0],
+              baseDownPoint[1] - arrowMargin - arrowHeight - textMargin - textHeight
+            ]});
+            baseDownPoint[1] = baseDownPoint[1] - arrowMargin - arrowHeight - textMargin - textHeight;
+          });
+        }
+        data.setLayout({
+          upTriangle,
+          downTriangle,
+          upArrow,
+          downArrow,
+          texts
+        });
+      }
+    };
+  }
+};
+var StrategyLayout_default = StrategyLayout;
+
+// src/chart/strategy/install.ts
+function install25(registers) {
+  registers.registerChartView(StrategyView_default);
+  registers.registerSeriesModel(StrategySeries_default);
+  registers.registerLayout(StrategyLayout_default);
+}
+
 // src/chart/labels/LabelsSeries.ts
 var LabelsSeriesModel2 = class extends Series_default {
   constructor() {
@@ -55414,14 +55876,14 @@ LabelsSeriesModel.defaultOption = {
 var LabelsSeries_default = LabelsSeriesModel;
 
 // src/chart/labels/SymbolPath.ts
-var LargeSymbolPathShape3 = class {
+var LargeSymbolPathShape4 = class {
 };
-var SymbolPath2 = class extends Path_default {
+var SymbolPath3 = class extends Path_default {
   constructor(opts) {
     super(opts);
   }
   getDefaultShape() {
-    return new LargeSymbolPathShape3();
+    return new LargeSymbolPathShape4();
   }
   buildPath(path, shape) {
     const points4 = shape.points;
@@ -55447,7 +55909,7 @@ var SymbolPath2 = class extends Path_default {
     }
   }
 };
-var SymbolPath_default2 = SymbolPath2;
+var SymbolPath_default3 = SymbolPath3;
 
 // src/chart/labels/LabelsView.ts
 var variableMap = {
@@ -55526,7 +55988,7 @@ var LabelsView2 = class extends Chart_default {
     const symbolStyleMap = data.getLayout("symbolStyleMap");
     each(symbolStyleMap, function(item, key) {
       const isLine = lineSymbols.includes(key);
-      const el = new SymbolPath_default2({
+      const el = new SymbolPath_default3({
         shape: {
           points: item,
           needCenter: !variableMap[key],
@@ -55572,6 +56034,16 @@ var xCrossMapping = {
     return {w: width * 0.7, h: width * 0.7};
   }
 };
+var shapeXCrossMapping = {
+  huge: () => ({w: 61, h: 65}),
+  large: () => ({w: 46, h: 39}),
+  normal: () => ({w: 27, h: 27}),
+  small: () => ({w: 18, h: 18}),
+  tiny: () => ({w: 11, h: 11}),
+  auto: (width) => {
+    return {w: width * 0.7, h: width * 0.7};
+  }
+};
 var lCrossMapping = {
   huge: () => ({w: 60, h: 50}),
   large: () => ({w: 46, h: 38}),
@@ -55582,6 +56054,16 @@ var lCrossMapping = {
     return {w: width * 0.7, h: width * 0.7};
   }
 };
+var shapeLCrossMapping = {
+  huge: () => ({w: 60, h: 50}),
+  large: () => ({w: 46, h: 38}),
+  normal: () => ({w: 30, h: 26}),
+  small: () => ({w: 18, h: 18}),
+  tiny: () => ({w: 11, h: 11}),
+  auto: (width) => {
+    return {w: width * 0.7, h: width * 0.7};
+  }
+};
 var triangleMapping = {
   huge: () => ({w: 63, h: 51}),
   large: () => ({w: 47, h: 39}),
@@ -55592,6 +56074,16 @@ var triangleMapping = {
     return {w: width, h: Math.max(width - 6, 1)};
   }
 };
+var shapeTriangleMapping = {
+  huge: () => ({w: 63, h: 51}),
+  large: () => ({w: 47, h: 39}),
+  normal: () => ({w: 33, h: 26}),
+  small: () => ({w: 18, h: 18}),
+  tiny: () => ({w: 11, h: 11}),
+  auto: (width) => {
+    return {w: width, h: Math.max(width - 6, 1)};
+  }
+};
 var flagMapping = {
   huge: () => ({w: 61, h: 57}),
   large: () => ({w: 47, h: 43}),
@@ -55602,6 +56094,16 @@ var flagMapping = {
     return {w: width, h: Math.max(width - 2, 1)};
   }
 };
+var shapeFlagMapping = {
+  huge: () => ({w: 61, h: 57}),
+  large: () => ({w: 47, h: 43}),
+  normal: () => ({w: 31, h: 29}),
+  small: () => ({w: 18, h: 19}),
+  tiny: () => ({w: 11, h: 10}),
+  auto: (width) => {
+    return {w: width, h: Math.max(width - 2, 1)};
+  }
+};
 var circleMapping = {
   huge: () => ({w: 61, h: 61}),
   large: () => ({w: 47, h: 47}),
@@ -55612,6 +56114,16 @@ var circleMapping = {
     return {w: width, h: width};
   }
 };
+var shapeCircleMapping = {
+  huge: () => ({w: 61, h: 61}),
+  large: () => ({w: 47, h: 47}),
+  normal: () => ({w: 31, h: 31}),
+  small: () => ({w: 18, h: 18}),
+  tiny: () => ({w: 11, h: 11}),
+  auto: (width) => {
+    return {w: width, h: width};
+  }
+};
 var labelMapping = {
   huge: () => ({w: 33, h: 28, shape: {triangleWidth: 16}}),
   large: () => ({w: 25, h: 21, shape: {triangleWidth: 12}}),
@@ -55643,6 +56155,16 @@ var rectMapping = {
     return {w: width * 0.7, h: width * 0.7};
   }
 };
+var shapeRectMapping = {
+  huge: () => ({w: 51, h: 51}),
+  large: () => ({w: 39, h: 39}),
+  normal: () => ({w: 27, h: 27}),
+  small: () => ({w: 18, h: 18}),
+  tiny: () => ({w: 11, h: 11}),
+  auto: (width) => {
+    return {w: width * 0.7, h: width * 0.7};
+  }
+};
 var getArrowShape = (width, height, baseW) => {
   const w = width * 0.6;
   const rectHeight = Math.max(Math.floor((baseW - w) / 3), 0);
@@ -55681,8 +56203,28 @@ var symbolSizeMapping = {
   arrowUp: arrowMapping,
   arrowDown: arrowMapping
 };
-function getSymbolSize2(type, size, width) {
-  const fn = symbolSizeMapping[type]?.[size];
+var plotShapeSymbolSizeMapping = {
+  xCross: shapeXCrossMapping,
+  lCross: shapeLCrossMapping,
+  triangle: shapeTriangleMapping,
+  triangleDown: shapeTriangleMapping,
+  flag: shapeFlagMapping,
+  circle: shapeCircleMapping,
+  rect: shapeRectMapping,
+  diamond: shapeRectMapping,
+  arrowUp: arrowMapping,
+  arrowDown: arrowMapping,
+  labelUp: labelMapping,
+  labelDown: labelMapping,
+  labelLeft: labelMapping,
+  labelRight: labelMapping,
+  labelLowerLeft: labelAngleMapping,
+  labelLowerRight: labelAngleMapping,
+  labelUpperLeft: labelAngleMapping,
+  labelUpperRight: labelAngleMapping
+};
+function getSymbolSize2(type, size, width, isShape = false) {
+  const fn = (isShape ? plotShapeSymbolSizeMapping : symbolSizeMapping)[type]?.[size];
   return fn ? fn(width) : {w: 1, h: 1};
 }
 var labelFontSizeMapping = {
@@ -55761,6 +56303,7 @@ var labelsLayout = {
     }
     const bandWidth = Math.max(1, Math.round(coordSys.getAxesByScale("ordinal")[0].scale.barSpace * 0.8));
     const location = seriesModel.get("location");
+    const isShape = seriesModel.get("isShape");
     const dims = map(coordSys.dimensions, function(dim) {
       return data.mapDimension(dim);
     }).slice(0, 2);
@@ -55804,7 +56347,8 @@ var labelsLayout = {
           let position2 = labelModel.get("position") || "top";
           if (location === "top" || location === "belowbar") {
             position2 = "bottom";
-          } else if (isLabel || symbol === "textOutline") {
+          }
+          if (isLabel || symbol === "textOutline") {
             position2 = "inside";
           }
           if (textShow) {
@@ -55823,7 +56367,7 @@ var labelsLayout = {
               oldOffset = [textRect.width / 2, 0];
             }
           }
-          const {w, h, shape} = getSymbolSize2(symbol, size, bandWidth);
+          const {w, h, shape} = getSymbolSize2(symbol, size, bandWidth, isShape);
           if (isLabel ? !textShow || !text : true) {
             symbolSize = [w, h];
           }
@@ -55885,7 +56429,7 @@ var labelsLayout = {
 var labelsLayout_default = labelsLayout;
 
 // src/chart/labels/install.ts
-function install25(registers) {
+function install26(registers) {
   registers.registerSeriesModel(LabelsSeries_default);
   registers.registerChartView(LabelsView_default);
   registers.registerLayout(labelsLayout_default);
@@ -56020,7 +56564,7 @@ var hLinesLayout = {
 var hLinesLayout_default = hLinesLayout;
 
 // src/chart/hlines/install.ts
-function install26(registers) {
+function install27(registers) {
   registers.registerChartView(HLinesView_default);
   registers.registerSeriesModel(HLinesSeries_default);
   registers.registerLayout(hLinesLayout_default);
@@ -56113,48 +56657,6 @@ var FillPolyPath = class extends Path_default {
 };
 var FillPolyPath_default = FillPolyPath;
 
-// src/chart/fills/LargeFillPolyPath.ts
-var LargeFillPolyShape = class {
-  constructor() {
-    this.pointsByColor = {};
-  }
-};
-var LargeFillPolyPath = class extends Path_default {
-  constructor(opts) {
-    super(opts);
-    this.type = "largeFillPoly";
-  }
-  getDefaultStyle() {
-    return {
-      stroke: "transparent"
-    };
-  }
-  getDefaultShape() {
-    return new LargeFillPolyShape();
-  }
-  buildPath(ctx, shape) {
-    const {pointsByColor} = shape;
-    each(pointsByColor, function(points4, color2) {
-      ctx.beginPathFill();
-      for (let index = 0; index < points4.length; index++) {
-        const polyPoints = points4[index];
-        for (let i = 0; i < polyPoints.length; i++) {
-          if (i === 0) {
-            ctx.moveTo(polyPoints[i][0], polyPoints[i][1]);
-            continue;
-          }
-          ctx.lineTo(polyPoints[i][0], polyPoints[i][1]);
-          if (i + 1 === polyPoints.length) {
-            ctx.closePath();
-          }
-        }
-      }
-      ctx.fillStyle(color2);
-    });
-  }
-};
-var LargeFillPolyPath_default = LargeFillPolyPath;
-
 // src/chart/fills/FillsView.ts
 var FillsView2 = class extends Chart_default {
   constructor() {
@@ -56175,54 +56677,40 @@ var FillsView2 = class extends Chart_default {
     const z2 = seriesModel.get("z2");
     const polygonGroup = this._polygonGroup;
     const coordSys = seriesModel.coordinateSystem;
-    const fillLength = Object.keys(pointsByColor).length;
-    if (fillLength >= 8) {
-      const el = new LargeFillPolyPath_default({
+    each(pointsByColor, function(points4, key) {
+      const colors = key.split(":");
+      let fill = key;
+      let isDefaultFill = false;
+      if (colors.length > 1) {
+        const [topColor, topValue, bottomColor, bottomValue] = colors;
+        const tValue = coordSys.dataToPoint([0, topValue])[1];
+        const bValue = coordSys.dataToPoint([0, bottomValue])[1];
+        fill = new LinearGradient_default(0, tValue, 0, bValue, [
+          {
+            offset: 0,
+            color: topColor
+          },
+          {
+            offset: 1,
+            color: bottomColor
+          }
+        ], true);
+      } else {
+        const {color: color2, isDefaultColor} = getFormatColor(fill);
+        fill = color2;
+        isDefaultFill = isDefaultColor;
+      }
+      const el = new FillPolyPath_default({
         shape: {
-          pointsByColor
+          points: points4
         },
         style: {
-          fill: "none"
+          fill
         },
-        z2
+        z2: isDefaultFill ? -1 : z2
       });
       polygonGroup.add(el);
-    } else {
-      each(pointsByColor, function(points4, key) {
-        const colors = key.split(":");
-        let fill = key;
-        let isDefaultFill = false;
-        if (colors.length > 1) {
-          const [topColor, topValue, bottomColor, bottomValue] = colors;
-          const tValue = coordSys.dataToPoint([0, topValue])[1];
-          const bValue = coordSys.dataToPoint([0, bottomValue])[1];
-          fill = new LinearGradient_default(0, tValue, 0, bValue, [
-            {
-              offset: 0,
-              color: topColor
-            },
-            {
-              offset: 1,
-              color: bottomColor
-            }
-          ], true);
-        } else {
-          const {color: color2, isDefaultColor} = getFormatColor(fill);
-          fill = color2;
-          isDefaultFill = isDefaultColor;
-        }
-        const el = new FillPolyPath_default({
-          shape: {
-            points: points4
-          },
-          style: {
-            fill
-          },
-          z2: isDefaultFill ? -1 : z2
-        });
-        polygonGroup.add(el);
-      });
-    }
+    });
     const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
     if (clipPath) {
       this.group.setClipPath(clipPath);
@@ -56248,8 +56736,8 @@ var FillsView_default = FillsView;
 // src/chart/fills/fillsLayout.ts
 function getKey(itemModel) {
   let key = itemModel.option?.color;
-  if (!key && itemModel.get("topValue")) {
-    key = `${itemModel.get("topColor") || "transparent"}:${itemModel.get("topValue")}:${itemModel.get("bottomColor") || "transparent"}:${itemModel.get("bottomValue")}`;
+  if (!key && itemModel.get("topValue") !== void 0) {
+    key = `${itemModel.get("topColor") || "rgba(255,255,255,0)"}:${itemModel.get("topValue")}:${itemModel.get("bottomColor") || "rgba(255,255,255,0)"}:${itemModel.get("bottomValue")}`;
   }
   return key || "transparent";
 }
@@ -56359,7 +56847,7 @@ var fillsLayout = {
 var fillsLayout_default = fillsLayout;
 
 // src/chart/fills/install.ts
-function install27(registers) {
+function install28(registers) {
   registers.registerChartView(FillsView_default);
   registers.registerSeriesModel(FillsSeries_default);
   registers.registerLayout(fillsLayout_default);
@@ -56563,7 +57051,7 @@ var bgColorLayout = {
 var BgColorLayout_default = bgColorLayout;
 
 // src/chart/bgColor/install.ts
-function install28(registers) {
+function install29(registers) {
   registers.registerChartView(BgColorView_default);
   registers.registerSeriesModel(BgColorSeries_default);
   registers.registerLayout(BgColorLayout_default);
@@ -56961,7 +57449,7 @@ HeatmapSeriesModel.defaultOption = {
 var HeatmapSeries_default = HeatmapSeriesModel;
 
 // src/chart/heatmap/install.ts
-function install29(registers) {
+function install30(registers) {
   registers.registerChartView(HeatmapView_default);
   registers.registerSeriesModel(HeatmapSeries_default);
 }
@@ -57524,7 +58012,7 @@ PictorialBarSeriesModel.defaultOption = inheritDefaultOption(BaseBarSeries_defau
 var PictorialBarSeries_default = PictorialBarSeriesModel;
 
 // src/chart/bar/installPictorialBar.ts
-function install30(registers) {
+function install31(registers) {
   registers.registerChartView(PictorialBarView_default);
   registers.registerSeriesModel(PictorialBarSeries_default);
   registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout2, "pictorialBar"));
@@ -57925,7 +58413,7 @@ function computeBaseline(data) {
 }
 
 // src/chart/themeRiver/install.ts
-function install31(registers) {
+function install32(registers) {
   registers.registerChartView(ThemeRiverView_default);
   registers.registerSeriesModel(ThemeRiverSeries_default);
   registers.registerLayout(themeRiverLayout);
@@ -58563,7 +59051,7 @@ function sunburstVisual(ecModel) {
 }
 
 // src/chart/sunburst/install.ts
-function install32(registers) {
+function install33(registers) {
   registers.registerChartView(SunburstView_default);
   registers.registerSeriesModel(SunburstSeries_default);
   registers.registerLayout(curry(sunburstLayout, "sunburst"));
@@ -60011,7 +60499,7 @@ function hasOwnPathData(shape) {
 }
 
 // src/chart/custom/install.ts
-function install33(registers) {
+function install34(registers) {
   registers.registerChartView(CustomView_default);
   registers.registerSeriesModel(CustomSeries_default);
 }
@@ -61232,7 +61720,7 @@ function illegalPoint(point) {
 }
 
 // src/component/axisPointer/install.ts
-function install34(registers) {
+function install35(registers) {
   AxisView_default.registerAxisPointerClass("CartesianAxisPointer", CartesianAxisPointer_default);
   registers.registerComponentModel(AxisPointerModel_default);
   registers.registerComponentView(AxisPointerView_default);
@@ -61261,9 +61749,9 @@ function install34(registers) {
 }
 
 // src/component/grid/install.ts
-function install35(registers) {
+function install36(registers) {
   use(install6);
-  use(install34);
+  use(install35);
 }
 
 // src/component/axisPointer/PolarAxisPointer.ts
@@ -62317,8 +62805,8 @@ var PolarView2 = class extends Component_default2 {
 };
 var PolarView = PolarView2;
 PolarView.type = "polar";
-function install36(registers) {
-  use(install34);
+function install37(registers) {
+  use(install35);
   AxisView_default.registerAxisPointerClass("PolarAxisPointer", PolarAxisPointer_default);
   registers.registerCoordinateSystem("polar", polarCreator_default);
   registers.registerComponentModel(PolarModel_default);
@@ -62781,8 +63269,8 @@ var SingleView2 = class extends Component_default2 {
 };
 var SingleView = SingleView2;
 SingleView.type = "single";
-function install37(registers) {
-  use(install34);
+function install38(registers) {
+  use(install35);
   AxisView_default.registerAxisPointerClass("SingleAxisPointer", SingleAxisPointer_default);
   registers.registerComponentView(SingleView);
   registers.registerComponentView(SingleAxisView_default);
@@ -63472,7 +63960,7 @@ function getCoordSys5(finder) {
 var Calendar_default = Calendar;
 
 // src/component/calendar/install.ts
-function install38(registers) {
+function install39(registers) {
   registers.registerComponentModel(CalendarModel_default);
   registers.registerComponentView(CalendarView_default);
   registers.registerCoordinateSystem("calendar", Calendar_default);
@@ -63861,7 +64349,7 @@ function setEventData(el, graphicModel, elOption) {
 }
 
 // src/component/graphic/install.ts
-function install39(registers) {
+function install40(registers) {
   registers.registerComponentModel(GraphicComponentModel);
   registers.registerComponentView(GraphicComponentView);
   registers.registerPreprocessor(function(option) {
@@ -64733,7 +65221,7 @@ function installCommon(registers) {
 }
 
 // src/component/dataZoom/installDataZoomSelect.ts
-function install40(registers) {
+function install41(registers) {
   registers.registerComponentModel(SelectZoomModel_default);
   registers.registerComponentView(SelectZoomView_default);
   installCommon(registers);
@@ -66133,7 +66621,7 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
 var DataZoom_default = DataZoomFeature;
 
 // src/component/toolbox/install.ts
-function install41(registers) {
+function install42(registers) {
   registers.registerComponentModel(ToolboxModel_default);
   registers.registerComponentView(ToolboxView_default);
   registerFeature("saveAsImage", SaveAsImage_default);
@@ -66141,7 +66629,7 @@ function install41(registers) {
   registerFeature("dataView", DataView_default);
   registerFeature("dataZoom", DataZoom_default);
   registerFeature("restore", Restore_default);
-  use(install40);
+  use(install41);
 }
 
 // src/component/tooltip/TooltipModel.ts
@@ -67309,8 +67797,8 @@ function findComponentReference(payload, ecModel, api2) {
 var TooltipView_default = TooltipView;
 
 // src/component/tooltip/install.ts
-function install42(registers) {
-  use(install34);
+function install43(registers) {
+  use(install35);
   registers.registerComponentModel(TooltipModel_default);
   registers.registerComponentView(TooltipView_default);
   registers.registerAction({
@@ -67357,12 +67845,12 @@ function brushPreprocessor(option, isNew) {
   }
 }
 function removeDuplicate(arr) {
-  const map4 = {};
+  const map5 = {};
   each(arr, function(val) {
-    map4[val] = 1;
+    map5[val] = 1;
   });
   arr.length = 0;
-  each(map4, function(flag, val) {
+  each(map5, function(flag, val) {
     arr.push(val);
   });
 }
@@ -67926,7 +68414,7 @@ var BrushFeature = class extends ToolboxFeature {
 var Brush_default = BrushFeature;
 
 // src/component/brush/install.ts
-function install43(registers) {
+function install44(registers) {
   registers.registerComponentView(BrushView_default);
   registers.registerComponentModel(BrushModel_default);
   registers.registerPreprocessor(brushPreprocessor);
@@ -68073,7 +68561,7 @@ var TitleView2 = class extends Component_default2 {
 };
 var TitleView = TitleView2;
 TitleView.type = "title";
-function install44(registers) {
+function install45(registers) {
   registers.registerComponentModel(TitleModel);
   registers.registerComponentView(TitleView);
 }
@@ -68405,7 +68893,7 @@ TableView.type = "table";
 var TableView_default = TableView;
 
 // src/component/table/install.ts
-function install45(registers) {
+function install46(registers) {
   registers.registerComponentModel(TableModel_default);
   registers.registerComponentView(TableView_default);
 }
@@ -69259,7 +69747,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install46(registers) {
+function install47(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -69700,7 +70188,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install47(registers) {
+function install48(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -70018,7 +70506,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install48(registers) {
+function install49(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -70332,7 +70820,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install49(registers) {
+function install50(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -70449,6 +70937,7 @@ function removeTransparency(color2) {
 }
 
 // src/component/marker/MarkLabelView.ts
+var DefaultColor = "rgb(41,98,255)";
 var markerTypeCalculator2 = {
   dataMin: (item, seriesModel) => {
     const seriesData = seriesModel.getData();
@@ -70492,8 +70981,8 @@ var markerTypeCalculator2 = {
     return {
       value: seriesData.getByRawIndex(item.valueDim, lastIndex),
       labelTextStyle: {
-        fill: contrastColor2(fill),
-        backgroundColor: removeTransparency(fill),
+        fill: fill ? contrastColor2(fill) : "#fff",
+        backgroundColor: fill ? removeTransparency(fill) : DefaultColor,
         borderWidth: 0
       }
     };
@@ -70518,9 +71007,9 @@ var markerTypeCalculator2 = {
     return {
       value: seriesData.getByRawIndex(item.valueDim, lastIndex),
       labelTextStyle: {
-        fill,
+        fill: fill || DefaultColor,
         backgroundColor: backgroundColor2,
-        borderColor: fill,
+        borderColor: fill || DefaultColor,
         borderWidth: 1
       }
     };
@@ -70869,7 +71358,7 @@ function updateText({option, gridRect, position: position2, ecModel, el, y, offs
   el.attr("style", fontSize ? Object.assign(style, {fontSize, padding: getPaddingByStyle(fontSize, style.borderWidth)}) : style);
   inner21(el).y = y;
 }
-function createLabel({x, y, labelData, markerModel, gridRect, position: position2, labelTextStyle, fontSize}) {
+function createLabel({x, y, labelData, markerModel, gridRect, position: position2, labelTextStyle = {}, fontSize}) {
   const {zlevel} = markerModel.option;
   const {lineStyle, showLine, showName, showTitle, title} = labelData;
   const textStyle = Object.assign(labelData.textStyle ?? {}, {fontSize, padding: getPaddingByStyle(fontSize, labelTextStyle.borderWidth)}, labelTextStyle);
@@ -70896,7 +71385,7 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
     ignore: !showTitle
   });
   const lineEl = new Line_default({
-    style: Object.assign(lineStyle, labelTextStyle ? {stroke: labelTextStyle.backgroundColor} : {}),
+    style: Object.assign(lineStyle, labelTextStyle.backgroundColor ? {stroke: labelTextStyle.backgroundColor} : {}),
     shape: {
       x1: showTitle && isLeft ? gridRect.x + 2 : gridRect.x,
       y1: y,
@@ -70915,7 +71404,7 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
   group.add(textNameEl);
   return group;
 }
-function updateLabel({x, y, labelData, markerModel, gridRect, position: position2, el, labelTextStyle, fontSize}) {
+function updateLabel({x, y, labelData, markerModel, gridRect, position: position2, el, labelTextStyle = {}, fontSize}) {
   const {lineStyle, showLine, showName, showTitle, title} = labelData;
   const textStyle = Object.assign(labelData.textStyle ?? {}, {fontSize, padding: getPaddingByStyle(fontSize, labelTextStyle.borderWidth)}, labelTextStyle);
   const borderWidth = textStyle.borderWidth ?? 0;
@@ -70940,7 +71429,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
             x2: showTitle && !isLeft ? gridRect.x + gridRect.width - 2 : gridRect.x + gridRect.width,
             y2: y
           },
-          style: Object.assign(lineStyle, labelTextStyle ? {stroke: labelTextStyle.backgroundColor} : {})
+          style: Object.assign(lineStyle, labelTextStyle.backgroundColor ? {stroke: labelTextStyle.backgroundColor} : {})
         });
         element.ignore = false;
         break;
@@ -70974,7 +71463,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install50(registers) {
+function install51(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -71656,7 +72145,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install51(registers) {
+function install52(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -71986,17 +72475,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install52(registers) {
-  use(install51);
+function install53(registers) {
+  use(install52);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install53(registers) {
-  use(install51);
+function install54(registers) {
   use(install52);
+  use(install53);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -72413,7 +72902,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install54(registers) {
+function install55(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -73160,8 +73649,8 @@ var SliderZoomView2 = class extends DataZoomView_default {
 var SliderZoomView = SliderZoomView2;
 SliderZoomView.type = "dataZoom.slider";
 function getOtherDim(thisDim) {
-  const map4 = {x: "y", y: "x", radius: "angle", angle: "radius"};
-  return map4[thisDim];
+  const map5 = {x: "y", y: "x", radius: "angle", angle: "radius"};
+  return map5[thisDim];
 }
 function getCursor(orient) {
   return orient === "vertical" ? "ns-resize" : "ew-resize";
@@ -73169,16 +73658,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install55(registers) {
+function install56(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install56(registers) {
-  use(install54);
+function install57(registers) {
   use(install55);
+  use(install56);
 }
 
 // src/visual/visualDefault.ts
@@ -74443,7 +74932,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install57(registers) {
+function install58(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -74883,16 +75372,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install59(registers) {
-  use(install57);
+function install60(registers) {
   use(install58);
+  use(install59);
 }
 
 // src/visual/aria.ts
@@ -75088,7 +75577,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install60(registers) {
+function install61(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -75426,7 +75915,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install61(registers) {
+function install62(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -75464,7 +75953,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install62(registers) {
+function install63(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -77188,25 +77677,25 @@ use([
   install24,
   install25,
   install26,
-  install28,
   install27,
   install29,
+  install28,
   install30,
   install31,
   install32,
-  install33
+  install33,
+  install34
 ]);
-use(install35);
 use(install36);
-use(install10);
 use(install37);
-use(install17);
+use(install10);
 use(install38);
+use(install17);
 use(install39);
-use(install41);
+use(install40);
 use(install42);
-use(install34);
 use(install43);
+use(install35);
 use(install44);
 use(install45);
 use(install46);
@@ -77214,16 +77703,17 @@ use(install47);
 use(install48);
 use(install49);
 use(install50);
-use(install53);
-use(install56);
+use(install51);
 use(install54);
-use(install55);
-use(install59);
 use(install57);
-use(install58);
+use(install55);
+use(install56);
 use(install60);
+use(install58);
+use(install59);
 use(install61);
 use(install62);
+use(install63);
 use(installUniversalTransition);
 use(installLabelLayout);