tvcharts 0.6.93 → 0.6.95

package/dist/echarts.js

@@ -228,16 +228,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 map6 = {};
+  const map7 = {};
   if (typeof JSON === "undefined") {
-    return map6;
+    return map7;
   }
   for (let i = 0; i < mapStr.length; i++) {
     const char = String.fromCharCode(i + 32);
     const size = (mapStr.charCodeAt(i) - OFFSET) / SCALE;
-    map6[char] = size;
+    map7[char] = size;
   }
-  return map6;
+  return map7;
 }
 var DEFAULT_TEXT_WIDTH_MAP = getTextWidthMap(defaultWidthMapStr);
 var platformApi = {
@@ -350,15 +350,15 @@ var LRU = class {
   }
   put(key, value) {
     const list = this._list;
-    const map6 = this._map;
+    const map7 = this._map;
     let removed = null;
-    if (map6[key] == null) {
+    if (map7[key] == null) {
       const len2 = list.len();
       let entry = this._lastRemovedEntry;
       if (len2 >= this._maxSize && len2 > 0) {
         const leastUsedEntry = list.head;
         list.remove(leastUsedEntry);
-        delete map6[leastUsedEntry.key];
+        delete map7[leastUsedEntry.key];
         removed = leastUsedEntry.value;
         this._lastRemovedEntry = leastUsedEntry;
       }
@@ -369,7 +369,7 @@ var LRU = class {
       }
       entry.key = key;
       list.insertEntry(entry);
-      map6[key] = entry;
+      map7[key] = entry;
     }
     return removed;
   }
@@ -7203,7 +7203,7 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.6.71";
+var version = "5.6.72";
 
 // src/util/number.ts
 var RADIAN_EPSILON = 1e-4;
@@ -7837,7 +7837,7 @@ function compressBatches(batchA, batchB) {
   makeMap(batchA || [], mapA);
   makeMap(batchB || [], mapB, mapA);
   return [mapToArray(mapA), mapToArray(mapB)];
-  function makeMap(sourceBatch, map6, otherMap) {
+  function makeMap(sourceBatch, map7, otherMap) {
     for (let i = 0, len2 = sourceBatch.length; i < len2; i++) {
       const seriesId = convertOptionIdName(sourceBatch[i].seriesId, null);
       if (seriesId == null) {
@@ -7850,19 +7850,19 @@ function compressBatches(batchA, batchB) {
         if (otherDataIndices && otherDataIndices[dataIndex]) {
           otherDataIndices[dataIndex] = null;
         } else {
-          (map6[seriesId] || (map6[seriesId] = {}))[dataIndex] = 1;
+          (map7[seriesId] || (map7[seriesId] = {}))[dataIndex] = 1;
         }
       }
     }
   }
-  function mapToArray(map6, isData) {
+  function mapToArray(map7, isData) {
     const result = [];
-    for (const i in map6) {
-      if (map6.hasOwnProperty(i) && map6[i] != null) {
+    for (const i in map7) {
+      if (map7.hasOwnProperty(i) && map7[i] != null) {
         if (isData) {
           result.push(+i);
         } else {
-          const dataIndices = mapToArray(map6[i], true);
+          const dataIndices = mapToArray(map7[i], true);
           dataIndices.length && result.push({seriesId: i, dataIndex: dataIndices});
         }
       }
@@ -16306,6 +16306,7 @@ var BUILTIN_CHARTS_MAP = {
   linesPlot: "LinesPlotChart",
   strategy: "StrategyChart",
   mineLines: "MineLinesChart",
+  minePolyLines: "MinePolyLinesChart",
   lineFills: "LineFillsChart",
   charPlot: "CharPlotChart",
   boxes: "BoxesChart",
@@ -26242,25 +26243,25 @@ var DataDiffer = class {
       newDataIndexMap[newKey] = null;
     }
   }
-  _initIndexMap(arr, map6, keyArr, keyGetterName) {
+  _initIndexMap(arr, map7, 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 (!map6) {
+      if (!map7) {
         continue;
       }
-      const idxMapVal = map6[key];
+      const idxMapVal = map7[key];
       const idxMapValLen = dataIndexMapValueLength(idxMapVal);
       if (idxMapValLen === 0) {
-        map6[key] = i;
+        map7[key] = i;
         if (cbModeMultiple) {
           keyArr.push(key);
         }
       } else if (idxMapValLen === 1) {
-        map6[key] = [idxMapVal, i];
+        map7[key] = [idxMapVal, i];
       } else {
         idxMapVal.push(i);
       }
@@ -27390,15 +27391,15 @@ function getDimCount(source, sysDims, dimsDef, optDimCount) {
   });
   return dimCount;
 }
-function genCoordDimName(name, map6, fromZero) {
-  if (fromZero || map6.hasKey(name)) {
+function genCoordDimName(name, map7, fromZero) {
+  if (fromZero || map7.hasKey(name)) {
     let i = 0;
-    while (map6.hasKey(name + i)) {
+    while (map7.hasKey(name + i)) {
       i++;
     }
     name += i;
   }
-  map6.set(name, true);
+  map7.set(name, true);
   return name;
 }
 
@@ -27984,13 +27985,13 @@ var OrdinalMeta = class {
       this.categories[index] = category;
       return index;
     }
-    const map6 = this._getOrCreateMap();
-    index = map6.get(category);
+    const map7 = this._getOrCreateMap();
+    index = map7.get(category);
     if (index == null) {
       if (needCollect) {
         index = this.categories.length;
         this.categories[index] = category;
-        map6.set(category, index);
+        map7.set(category, index);
       } else {
         index = NaN;
       }
@@ -32759,19 +32760,19 @@ function isDef(s) {
   return s !== void 0;
 }
 function createKeyToOldIdx(children, beginIdx, endIdx) {
-  const map6 = {};
+  const map7 = {};
   for (let i = beginIdx; i <= endIdx; ++i) {
     const key = children[i].key;
     if (key !== void 0) {
       if (true) {
-        if (map6[key] != null) {
+        if (map7[key] != null) {
           console.error(`Duplicate key ${key}`);
         }
       }
-      map6[key] = i;
+      map7[key] = i;
     }
   }
-  return map6;
+  return map7;
 }
 function sameVnode(vnode1, vnode2) {
   const isSameKey = vnode1.key === vnode2.key;
@@ -34067,7 +34068,6 @@ var CanvasPainter = class {
   changeDPR(width, height) {
     const horizontalPixelRatio = width / this._width;
     const verticalPixelRatio = height / this._height;
-    console.log("%c [ horizontalPixelRatio ]-908", "font-size:13px; background:pink; color:#bf2c9f;", horizontalPixelRatio, verticalPixelRatio);
     if (this.horizontalPixelRatio !== horizontalPixelRatio || this.verticalPixelRatio !== verticalPixelRatio) {
       this.horizontalPixelRatio = horizontalPixelRatio;
       this.verticalPixelRatio = verticalPixelRatio;
@@ -40288,20 +40288,23 @@ function fixValue(axisModel) {
   const option = axisPointerModel.option;
   const status = axisPointerModel.get("status");
   let value = axisPointerModel.get("value");
-  if (value != null) {
+  const isPercentage = scale4.type === "percentage";
+  if (value != null && !isPercentage) {
     value = scale4.parse(value);
   }
   const useHandle = isHandleTrigger(axisPointerModel);
   if (status == null) {
     option.status = useHandle ? "show" : "hide";
   }
-  const extent3 = scale4.getExtent().slice();
-  extent3[0] > extent3[1] && extent3.reverse();
-  if (value == null || value > extent3[1]) {
-    value = extent3[1];
-  }
-  if (value < extent3[0]) {
-    value = extent3[0];
+  if (!isPercentage) {
+    const extent3 = scale4.getExtent().slice();
+    extent3[0] > extent3[1] && extent3.reverse();
+    if (value == null || value > extent3[1]) {
+      value = extent3[1];
+    }
+    if (value < extent3[0]) {
+      value = extent3[0];
+    }
   }
   option.value = value;
   if (useHandle) {
@@ -43692,15 +43695,15 @@ var GEO_DEFAULT_PARAMS = {
 };
 var geo2DDimensions = ["lng", "lat"];
 var Geo = class extends View_default {
-  constructor(name, map6, opt) {
+  constructor(name, map7, opt) {
     super(name);
     this.dimensions = geo2DDimensions;
     this.type = "geo";
     this._nameCoordMap = createHashMap();
-    this.map = map6;
+    this.map = map7;
     let projection = opt.projection;
-    const source = geoSourceManager_default.load(map6, opt.nameMap, opt.nameProperty);
-    const resource = geoSourceManager_default.getGeoResource(map6);
+    const source = geoSourceManager_default.load(map7, opt.nameMap, opt.nameProperty);
+    const resource = geoSourceManager_default.getGeoResource(map7);
     const resourceType = this.resourceType = resource ? resource.type : null;
     const regions = this.regions = source.regions;
     const defaultParams = GEO_DEFAULT_PARAMS[resource.type];
@@ -43709,7 +43712,7 @@ var Geo = class extends View_default {
     if (projection) {
       if (resourceType === "geoSVG") {
         if (true) {
-          warn(`Map ${map6} with SVG source can't use projection. Only GeoJSON source supports projection.`);
+          warn(`Map ${map7} with SVG source can't use projection. Only GeoJSON source supports projection.`);
         }
         projection = null;
       }
@@ -51990,9 +51993,9 @@ function getTransform2(controller) {
   return getTransform(controller.group);
 }
 function getGlobalDirection1(controller, localDirName) {
-  const map6 = {w: "left", e: "right", n: "top", s: "bottom"};
+  const map7 = {w: "left", e: "right", n: "top", s: "bottom"};
   const inverseMap = {left: "w", right: "e", top: "n", bottom: "s"};
-  const dir3 = transformDirection(map6[localDirName], getTransform2(controller));
+  const dir3 = transformDirection(map7[localDirName], getTransform2(controller));
   return inverseMap[dir3];
 }
 function getGlobalDirection2(controller, localDirNameSeq) {
@@ -56965,6 +56968,234 @@ function install26(registers) {
   registers.registerLayout(MineLinesLayout_default);
 }
 
+// src/chart/minePolyLines/PolyLinesPath.ts
+var PolyLinesPathShape = class {
+};
+var PolyLinesPath = class extends Path_default {
+  constructor(opts) {
+    super(opts);
+  }
+  getDefaultShape() {
+    return new PolyLinesPathShape();
+  }
+  buildPath(ctx2, shape) {
+    const {points: points4, closed, curved} = shape;
+    for (let index = 0; index < points4.length; index++) {
+      const polyPoints = points4[index];
+      if (curved) {
+        const controlPoints = smoothBezier(polyPoints, 0.8, closed);
+        ctx2.moveTo(polyPoints[0][0], polyPoints[0][1]);
+        const len2 = polyPoints.length;
+        for (let i = 0; i < (closed ? len2 : len2 - 1); i++) {
+          const cp1 = controlPoints[i * 2];
+          const cp2 = controlPoints[i * 2 + 1];
+          const p = polyPoints[(i + 1) % len2];
+          ctx2.bezierCurveTo(cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]);
+        }
+      } else {
+        ctx2.moveTo(polyPoints[0][0], polyPoints[0][1]);
+        for (let i = 1, l = polyPoints.length; i < l; i++) {
+          ctx2.lineTo(polyPoints[i][0], polyPoints[i][1]);
+        }
+      }
+      closed && ctx2.closePath();
+    }
+  }
+};
+var PolyLinesPath_default = PolyLinesPath;
+
+// src/chart/minePolyLines/MinePolyLinesView.ts
+function getLineDashByLineStyle2(lineStyle) {
+  if (lineStyle === "style_dashed") {
+    return [8, 8];
+  } else if (lineStyle === "style_dotted") {
+    return [4, 4];
+  }
+  return "solid";
+}
+var MinePolyLinesView2 = class extends Chart_default {
+  constructor() {
+    super(...arguments);
+    this.type = MinePolyLinesView2.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, key) {
+      const [color2, width, lineStyle, fill, closed, curved] = key.split(":");
+      const el = new PolyLinesPath_default({
+        shape: {
+          points: item,
+          closed: closed === "true",
+          curved: curved === "true"
+        },
+        style: {
+          fill,
+          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 MinePolyLinesView = MinePolyLinesView2;
+MinePolyLinesView.type = "minePolyLines";
+var MinePolyLinesView_default = MinePolyLinesView;
+
+// src/chart/minePolyLines/MinePolyLinesSeries.ts
+var MinePolyLinesSeriesModel2 = class extends Series_default {
+  constructor() {
+    super(...arguments);
+    this.type = MinePolyLinesSeriesModel2.type;
+    this.xFilterMode = "weakFilter";
+    this.dataIndexById = {};
+  }
+  getInitialData(option) {
+    if (true) {
+      const coordSys = option.coordinateSystem;
+      if (coordSys !== "polar" && coordSys !== "cartesian2d") {
+        throw new Error("MinePolyLines 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.option.data = this.option.data.filter((item) => !item.isDelete).slice(-this.option.limit);
+    this.computedDataIndexById(this.option);
+    return this.option.data;
+  }
+};
+var MinePolyLinesSeriesModel = MinePolyLinesSeriesModel2;
+MinePolyLinesSeriesModel.type = "series.minePolyLines";
+MinePolyLinesSeriesModel.dependencies = ["grid", "polar"];
+MinePolyLinesSeriesModel.defaultOption = {
+  coordinateSystem: "cartesian2d",
+  z: 2,
+  z2: 0,
+  legendHoverLink: true,
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  dimensions: ["x1", "x2", "y1", "y2"],
+  encode: {
+    x: ["x1", "x2"],
+    y: ["y1", "y2"]
+  },
+  large: true,
+  largeThreshold: 600,
+  clip: true,
+  statusLineInvisible: true,
+  limit: 50
+};
+var MinePolyLinesSeries_default = MinePolyLinesSeriesModel;
+
+// src/chart/minePolyLines/MinePolyLinesLayout.ts
+var MinePolyLinesLayout = {
+  seriesType: "minePolyLines",
+  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();
+    return {
+      progress(params, minePolyLinesData) {
+        const linesPointById = {};
+        for (let i = params.start; i < params.end; i++) {
+          const itemModel = data.getItemModel(i);
+          const {width, color: color2, lineStyle, fill = "none", closed = false, curved = false} = itemModel.get("itemStyle");
+          if (!color2) {
+            continue;
+          }
+          const key = `${color2}:${width}:${lineStyle}:${fill}:${closed}:${curved}`;
+          const linePoints = linesPointById[key] || [];
+          const points4 = itemModel.get("points");
+          const itemPoints = [];
+          each(points4, function(item) {
+            const point = coordSys.dataToPoint(item);
+            itemPoints.push(point);
+          });
+          linePoints.push(itemPoints);
+          linesPointById[key] = linePoints;
+        }
+        data.setLayout({
+          linesPointById
+        });
+      }
+    };
+  }
+};
+var MinePolyLinesLayout_default = MinePolyLinesLayout;
+
+// src/chart/minePolyLines/install.ts
+function install27(registers) {
+  registers.registerChartView(MinePolyLinesView_default);
+  registers.registerSeriesModel(MinePolyLinesSeries_default);
+  registers.registerLayout(MinePolyLinesLayout_default);
+}
+
 // src/chart/lineFills/LineFillsPath.ts
 var LineFillsPathShape = class {
 };
@@ -57192,7 +57423,7 @@ var LineFillsLayout = {
 var LineFillsLayout_default = LineFillsLayout;
 
 // src/chart/lineFills/install.ts
-function install27(registers) {
+function install28(registers) {
   registers.registerChartView(LineFillsView_default);
   registers.registerSeriesModel(LineFillsSeries_default);
   registers.registerLayout(LineFillsLayout_default);
@@ -57226,7 +57457,7 @@ var BoxesPath = class extends Path_default {
 var BoxesPath_default = BoxesPath;
 
 // src/chart/boxes/BoxesView.ts
-function getLineDashByLineStyle2(lineStyle) {
+function getLineDashByLineStyle3(lineStyle) {
   if (lineStyle === "style_dashed") {
     return [8, 8];
   } else if (lineStyle === "style_dotted") {
@@ -57278,7 +57509,7 @@ var BoxesView2 = class extends Chart_default {
           fill: fill || "none",
           stroke: color2,
           lineWidth: +width,
-          lineDash: getLineDashByLineStyle2(lineStyle)
+          lineDash: getLineDashByLineStyle3(lineStyle)
         },
         z2
       });
@@ -57563,7 +57794,7 @@ var BoxesLayout = {
 var BoxesLayout_default = BoxesLayout;
 
 // src/chart/boxes/install.ts
-function install28(registers) {
+function install29(registers) {
   registers.registerChartView(BoxesView_default);
   registers.registerSeriesModel(BoxesSeries_default);
   registers.registerLayout(BoxesLayout_default);
@@ -57799,7 +58030,7 @@ var CharPlotLayout = {
 var CharPlotLayout_default = CharPlotLayout;
 
 // src/chart/charPlot/install.ts
-function install29(registers) {
+function install30(registers) {
   registers.registerSeriesModel(CharPlotSeries_default);
   registers.registerChartView(CharPlotView_default);
   registers.registerLayout(CharPlotLayout_default);
@@ -57978,7 +58209,8 @@ CandlePlotSeriesModel.defaultOption = {
   progressiveThreshold: 1e4,
   progressiveChunkMode: "mod",
   animationEasing: "linear",
-  animationDuration: 300
+  animationDuration: 300,
+  ignoreParentColor: false
 };
 mixin(CandlePlotSeriesModel, WhiskerBoxCommonMixin, true);
 var CandlePlotSeries_default = CandlePlotSeriesModel;
@@ -57991,14 +58223,14 @@ var positiveColorQuery2 = ["itemStyle", "color"];
 var negativeColorQuery2 = ["itemStyle", "color0"];
 var positiveWickColorQuery = ["itemStyle", "wickColor"];
 var negativeWickColorQuery = ["itemStyle", "wickColor0"];
-function getColor(sign, model) {
-  return model.get(sign > 0 ? positiveColorQuery2 : negativeColorQuery2);
+function getColor(sign, model, ignoreParentColor) {
+  return model.get(sign > 0 ? positiveColorQuery2 : negativeColorQuery2, ignoreParentColor);
 }
-function getBorderColor(sign, model) {
-  return model.get(sign === 0 ? dojiBorderColorQuery2 : sign > 0 ? positiveBorderColorQuery2 : negativeBorderColorQuery2);
+function getBorderColor(sign, model, ignoreParentColor) {
+  return model.get(sign === 0 ? dojiBorderColorQuery2 : sign > 0 ? positiveBorderColorQuery2 : negativeBorderColorQuery2, ignoreParentColor);
 }
-function getWickColor(sign, model) {
-  return model.get(sign > 0 ? positiveWickColorQuery : negativeWickColorQuery);
+function getWickColor(sign, model, ignoreParentColor) {
+  return model.get(sign > 0 ? positiveWickColorQuery : negativeWickColorQuery, ignoreParentColor);
 }
 var candlePlotLayout = {
   seriesType: "candlePlot",
@@ -58021,6 +58253,7 @@ var candlePlotLayout = {
       return;
     }
     const showLast = seriesModel.get("showLast");
+    const ignoreParentColor = seriesModel.get("ignoreParentColor");
     return {
       progress: normalProgress
     };
@@ -58047,12 +58280,13 @@ var candlePlotLayout = {
         const itemModel = candleData.getItemModel(dataIndex);
         const hasDojiColor = !!itemModel.get(["itemStyle", "borderColorDoji"]);
         const sign = getSign2(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor);
-        const key = `${getColor(sign, itemModel) || "none"}:${getBorderColor(sign, itemModel) || "none"}`;
+        const key = `${getColor(sign, itemModel, ignoreParentColor) || "none"}:
+                ${getBorderColor(sign, itemModel, ignoreParentColor) || "none"}`;
         const bodyPoints = bodyPointsByColor[key] || [];
         addBodyEnd(bodyPoints, ocHighPoint, 0);
         addBodyEnd(bodyPoints, ocLowPoint, 1);
         bodyPointsByColor[key] = bodyPoints;
-        const wickKey = getWickColor(sign, itemModel);
+        const wickKey = getWickColor(sign, itemModel, ignoreParentColor);
         if (wickKey) {
           const wickPoint = wickPointsByColor[wickKey] || [];
           wickPoint.push(subPixelOptimizePoint(highestPoint), subPixelOptimizePoint(ocHighPoint), subPixelOptimizePoint(lowestPoint), subPixelOptimizePoint(ocLowPoint));
@@ -58117,7 +58351,7 @@ function calculateCandleWidth2(seriesModel, data) {
 var candlePlotLayout_default = candlePlotLayout;
 
 // src/chart/candlePlot/install.ts
-function install30(registers) {
+function install31(registers) {
   registers.registerChartView(CandlePlotView_default);
   registers.registerSeriesModel(CandlePlotSeries_default);
   registers.registerLayout(candlePlotLayout_default);
@@ -58257,7 +58491,8 @@ BarPlotSeriesModel.defaultOption = {
   progressiveThreshold: 1e4,
   progressiveChunkMode: "mod",
   animationEasing: "linear",
-  animationDuration: 300
+  animationDuration: 300,
+  ignoreParentColor: false
 };
 mixin(BarPlotSeriesModel, WhiskerBoxCommonMixin, true);
 var BarPlotSeries_default = BarPlotSeriesModel;
@@ -58358,7 +58593,7 @@ function calculateCandleWidth3(seriesModel, data) {
 var barPlotLayout_default = barPlotLayout;
 
 // src/chart/barPlot/install.ts
-function install31(registers) {
+function install32(registers) {
   registers.registerChartView(BarPlotView_default);
   registers.registerSeriesModel(BarPlotSeries_default);
   registers.registerLayout(barPlotLayout_default);
@@ -58571,7 +58806,7 @@ var ArrowsPlotLayout = {
 var ArrowsPlotLayout_default = ArrowsPlotLayout;
 
 // src/chart/arrowsPlot/install.ts
-function install32(registers) {
+function install33(registers) {
   registers.registerSeriesModel(ArrowsPlotSeries_default);
   registers.registerChartView(ArrowPlotView_default);
   registers.registerLayout(ArrowsPlotLayout_default);
@@ -59215,7 +59450,7 @@ var labelsLayout = {
 var labelsLayout_default = labelsLayout;
 
 // src/chart/labels/install.ts
-function install33(registers) {
+function install34(registers) {
   registers.registerSeriesModel(LabelsSeries_default);
   registers.registerChartView(LabelsView_default);
   registers.registerLayout(labelsLayout_default);
@@ -59350,7 +59585,7 @@ var hLinesLayout = {
 var hLinesLayout_default = hLinesLayout;
 
 // src/chart/hlines/install.ts
-function install34(registers) {
+function install35(registers) {
   registers.registerChartView(HLinesView_default);
   registers.registerSeriesModel(HLinesSeries_default);
   registers.registerLayout(hLinesLayout_default);
@@ -59634,7 +59869,7 @@ var fillsLayout = {
 var fillsLayout_default = fillsLayout;
 
 // src/chart/fills/install.ts
-function install35(registers) {
+function install36(registers) {
   registers.registerChartView(FillsView_default);
   registers.registerSeriesModel(FillsSeries_default);
   registers.registerLayout(fillsLayout_default);
@@ -59682,6 +59917,8 @@ var BgColorShape = class {
   constructor() {
     this.points = [];
     this.isLine = false;
+    this.width = 2;
+    this.height = 2;
   }
 };
 var BgColorPath = class extends Path_default {
@@ -59699,18 +59936,18 @@ var BgColorPath = class extends Path_default {
     return new BgColorShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, isLine} = shape;
+    const {points: points4, isLine, width, height} = shape;
     if (isLine) {
       for (let index = 0; index < points4.length; index++) {
         const point = points4[index];
-        const {x, y, height} = point;
+        const {x, y} = point;
         ctx2.moveTo(x, y);
         ctx2.lineTo(x, y + height);
       }
     } else {
       for (let index = 0; index < points4.length; index++) {
         const point = points4[index];
-        const {x, y, width, height} = point;
+        const {x, y} = point;
         ctx2.rect(x, y, width, height);
       }
     }
@@ -59727,6 +59964,7 @@ var BgColorView2 = class extends Chart_default {
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
     const rectsByColor = data.getLayout("rectsByColor");
+    const height = data.getLayout("height");
     if (!this._bgColorGroup) {
       this._bgColorGroup = new Group_default();
       this.group.add(this._bgColorGroup);
@@ -59734,13 +59972,15 @@ var BgColorView2 = class extends Chart_default {
       this._bgColorGroup.removeAll();
     }
     const bgColorGroup = this._bgColorGroup;
-    const width = Math.ceil(seriesModel.coordinateSystem.getBaseAxis().scale.barSpace);
-    const isLine = width <= 8;
+    const width = Math.ceil(seriesModel.coordinateSystem.getBaseAxis().scale.barSpace) || 5;
+    const isLine = width <= 2;
     each(rectsByColor, function(rects, color2) {
       const el = new BgColorPath_default({
         shape: {
           points: rects,
-          isLine
+          isLine,
+          width,
+          height
         },
         style: {
           fill: isLine ? null : color2,
@@ -59824,13 +60064,14 @@ var bgColorLayout = {
           const rects = rectsByColor[color2] || [];
           rects.push({
             x: Math.floor(xPx - leftOffset),
-            y: startY,
-            width,
-            height
+            y: startY
           });
           rectsByColor[color2] = rects;
         }
-        bgColorData.setLayout("rectsByColor", rectsByColor);
+        bgColorData.setLayout({
+          rectsByColor,
+          height
+        });
       }
     };
   }
@@ -59838,7 +60079,7 @@ var bgColorLayout = {
 var BgColorLayout_default = bgColorLayout;
 
 // src/chart/bgColor/install.ts
-function install36(registers) {
+function install37(registers) {
   registers.registerChartView(BgColorView_default);
   registers.registerSeriesModel(BgColorSeries_default);
   registers.registerLayout(BgColorLayout_default);
@@ -60236,7 +60477,7 @@ HeatmapSeriesModel.defaultOption = {
 var HeatmapSeries_default = HeatmapSeriesModel;
 
 // src/chart/heatmap/install.ts
-function install37(registers) {
+function install38(registers) {
   registers.registerChartView(HeatmapView_default);
   registers.registerSeriesModel(HeatmapSeries_default);
 }
@@ -60799,7 +61040,7 @@ PictorialBarSeriesModel.defaultOption = inheritDefaultOption(BaseBarSeries_defau
 var PictorialBarSeries_default = PictorialBarSeriesModel;
 
 // src/chart/bar/installPictorialBar.ts
-function install38(registers) {
+function install39(registers) {
   registers.registerChartView(PictorialBarView_default);
   registers.registerSeriesModel(PictorialBarSeries_default);
   registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout2, "pictorialBar"));
@@ -61200,7 +61441,7 @@ function computeBaseline(data) {
 }
 
 // src/chart/themeRiver/install.ts
-function install39(registers) {
+function install40(registers) {
   registers.registerChartView(ThemeRiverView_default);
   registers.registerSeriesModel(ThemeRiverSeries_default);
   registers.registerLayout(themeRiverLayout);
@@ -61838,7 +62079,7 @@ function sunburstVisual(ecModel) {
 }
 
 // src/chart/sunburst/install.ts
-function install40(registers) {
+function install41(registers) {
   registers.registerChartView(SunburstView_default);
   registers.registerSeriesModel(SunburstSeries_default);
   registers.registerLayout(curry(sunburstLayout, "sunburst"));
@@ -63286,7 +63527,7 @@ function hasOwnPathData(shape) {
 }
 
 // src/chart/custom/install.ts
-function install41(registers) {
+function install42(registers) {
   registers.registerChartView(CustomView_default);
   registers.registerSeriesModel(CustomSeries_default);
 }
@@ -64516,7 +64757,7 @@ function illegalPoint(point) {
 }
 
 // src/component/axisPointer/install.ts
-function install42(registers) {
+function install43(registers) {
   AxisView_default.registerAxisPointerClass("CartesianAxisPointer", CartesianAxisPointer_default);
   registers.registerComponentModel(AxisPointerModel_default);
   registers.registerComponentView(AxisPointerView_default);
@@ -64545,9 +64786,9 @@ function install42(registers) {
 }
 
 // src/component/grid/install.ts
-function install43(registers) {
+function install44(registers) {
   use(install6);
-  use(install42);
+  use(install43);
 }
 
 // src/component/axisPointer/PolarAxisPointer.ts
@@ -65601,8 +65842,8 @@ var PolarView2 = class extends Component_default2 {
 };
 var PolarView = PolarView2;
 PolarView.type = "polar";
-function install44(registers) {
-  use(install42);
+function install45(registers) {
+  use(install43);
   AxisView_default.registerAxisPointerClass("PolarAxisPointer", PolarAxisPointer_default);
   registers.registerCoordinateSystem("polar", polarCreator_default);
   registers.registerComponentModel(PolarModel_default);
@@ -66065,8 +66306,8 @@ var SingleView2 = class extends Component_default2 {
 };
 var SingleView = SingleView2;
 SingleView.type = "single";
-function install45(registers) {
-  use(install42);
+function install46(registers) {
+  use(install43);
   AxisView_default.registerAxisPointerClass("SingleAxisPointer", SingleAxisPointer_default);
   registers.registerComponentView(SingleView);
   registers.registerComponentView(SingleAxisView_default);
@@ -66756,7 +66997,7 @@ function getCoordSys5(finder) {
 var Calendar_default = Calendar;
 
 // src/component/calendar/install.ts
-function install46(registers) {
+function install47(registers) {
   registers.registerComponentModel(CalendarModel_default);
   registers.registerComponentView(CalendarView_default);
   registers.registerCoordinateSystem("calendar", Calendar_default);
@@ -67148,7 +67389,7 @@ function setEventData(el, graphicModel, elOption) {
 }
 
 // src/component/graphic/install.ts
-function install47(registers) {
+function install48(registers) {
   registers.registerComponentModel(GraphicComponentModel);
   registers.registerComponentView(GraphicComponentView);
   registers.registerPreprocessor(function(option) {
@@ -68064,7 +68305,7 @@ function installCommon(registers) {
 }
 
 // src/component/dataZoom/installDataZoomSelect.ts
-function install48(registers) {
+function install49(registers) {
   registers.registerComponentModel(SelectZoomModel_default);
   registers.registerComponentView(SelectZoomView_default);
   installCommon(registers);
@@ -69464,7 +69705,7 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
 var DataZoom_default = DataZoomFeature;
 
 // src/component/toolbox/install.ts
-function install49(registers) {
+function install50(registers) {
   registers.registerComponentModel(ToolboxModel_default);
   registers.registerComponentView(ToolboxView_default);
   registerFeature("saveAsImage", SaveAsImage_default);
@@ -69472,7 +69713,7 @@ function install49(registers) {
   registerFeature("dataView", DataView_default);
   registerFeature("dataZoom", DataZoom_default);
   registerFeature("restore", Restore_default);
-  use(install48);
+  use(install49);
 }
 
 // src/component/tooltip/TooltipModel.ts
@@ -70640,8 +70881,8 @@ function findComponentReference(payload, ecModel, api2) {
 var TooltipView_default = TooltipView;
 
 // src/component/tooltip/install.ts
-function install50(registers) {
-  use(install42);
+function install51(registers) {
+  use(install43);
   registers.registerComponentModel(TooltipModel_default);
   registers.registerComponentView(TooltipView_default);
   registers.registerAction({
@@ -70688,12 +70929,12 @@ function brushPreprocessor(option, isNew) {
   }
 }
 function removeDuplicate(arr) {
-  const map6 = {};
+  const map7 = {};
   each(arr, function(val) {
-    map6[val] = 1;
+    map7[val] = 1;
   });
   arr.length = 0;
-  each(map6, function(flag, val) {
+  each(map7, function(flag, val) {
     arr.push(val);
   });
 }
@@ -71257,7 +71498,7 @@ var BrushFeature = class extends ToolboxFeature {
 var Brush_default = BrushFeature;
 
 // src/component/brush/install.ts
-function install51(registers) {
+function install52(registers) {
   registers.registerComponentView(BrushView_default);
   registers.registerComponentModel(BrushModel_default);
   registers.registerPreprocessor(brushPreprocessor);
@@ -71404,7 +71645,7 @@ var TitleView2 = class extends Component_default2 {
 };
 var TitleView = TitleView2;
 TitleView.type = "title";
-function install52(registers) {
+function install53(registers) {
   registers.registerComponentModel(TitleModel);
   registers.registerComponentView(TitleView);
 }
@@ -71769,7 +72010,7 @@ TableView.type = "table";
 var TableView_default = TableView;
 
 // src/component/table/install.ts
-function install53(registers) {
+function install54(registers) {
   registers.registerComponentModel(TableModel_default);
   registers.registerComponentView(TableView_default);
 }
@@ -71842,7 +72083,7 @@ var BgRectView2 = class extends Component_default2 {
 };
 var BgRectView = BgRectView2;
 BgRectView.type = "bgRect";
-function install54(registers) {
+function install55(registers) {
   registers.registerComponentModel(BgRectModel);
   registers.registerComponentView(BgRectView);
 }
@@ -71903,7 +72144,7 @@ var LogoView2 = class extends Component_default2 {
 };
 var LogoView = LogoView2;
 LogoView.type = "logo";
-function install55(registers) {
+function install56(registers) {
   registers.registerComponentModel(LogoModel);
   registers.registerComponentView(LogoView);
 }
@@ -72757,7 +72998,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install56(registers) {
+function install57(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -73198,7 +73439,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install57(registers) {
+function install58(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -73516,7 +73757,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -73830,7 +74071,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install59(registers) {
+function install60(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -74480,7 +74721,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install60(registers) {
+function install61(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -75162,7 +75403,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install61(registers) {
+function install62(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -75492,17 +75733,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install62(registers) {
-  use(install61);
+function install63(registers) {
+  use(install62);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install63(registers) {
-  use(install61);
+function install64(registers) {
   use(install62);
+  use(install63);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -75931,7 +76172,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install64(registers) {
+function install65(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -76678,8 +76919,8 @@ var SliderZoomView2 = class extends DataZoomView_default {
 var SliderZoomView = SliderZoomView2;
 SliderZoomView.type = "dataZoom.slider";
 function getOtherDim(thisDim) {
-  const map6 = {x: "y", y: "x", radius: "angle", angle: "radius"};
-  return map6[thisDim];
+  const map7 = {x: "y", y: "x", radius: "angle", angle: "radius"};
+  return map7[thisDim];
 }
 function getCursor(orient) {
   return orient === "vertical" ? "ns-resize" : "ew-resize";
@@ -76687,16 +76928,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install65(registers) {
+function install66(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install66(registers) {
-  use(install64);
+function install67(registers) {
   use(install65);
+  use(install66);
 }
 
 // src/visual/visualDefault.ts
@@ -77961,7 +78202,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install67(registers) {
+function install68(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -78401,16 +78642,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install68(registers) {
+function install69(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install69(registers) {
-  use(install67);
+function install70(registers) {
   use(install68);
+  use(install69);
 }
 
 // src/visual/aria.ts
@@ -78606,7 +78847,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install70(registers) {
+function install71(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -78944,7 +79185,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install71(registers) {
+function install72(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -78982,7 +79223,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install72(registers) {
+function install73(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -80700,7 +80941,7 @@ use([
   install18,
   install19,
   install20,
-  install29,
+  install30,
   install21,
   install22,
   install23,
@@ -80709,30 +80950,30 @@ use([
   install26,
   install27,
   install28,
+  install29,
+  install34,
   install33,
-  install32,
-  install30,
   install31,
-  install34,
-  install36,
+  install32,
   install35,
   install37,
+  install36,
   install38,
   install39,
   install40,
-  install41
+  install41,
+  install42
 ]);
-use(install43);
 use(install44);
-use(install10);
 use(install45);
-use(install17);
+use(install10);
 use(install46);
+use(install17);
 use(install47);
-use(install49);
+use(install48);
 use(install50);
-use(install42);
 use(install51);
+use(install43);
 use(install52);
 use(install53);
 use(install54);
@@ -80742,16 +80983,17 @@ use(install57);
 use(install58);
 use(install59);
 use(install60);
-use(install63);
-use(install66);
+use(install61);
 use(install64);
-use(install65);
-use(install69);
 use(install67);
-use(install68);
+use(install65);
+use(install66);
 use(install70);
+use(install68);
+use(install69);
 use(install71);
 use(install72);
+use(install73);
 use(installUniversalTransition);
 use(installLabelLayout);