tvcharts 0.6.14 → 0.6.16

package/dist/echarts.js

@@ -11871,6 +11871,7 @@ function getSeriesPointData(ecModel, payload = {}) {
       diffValue
     };
   });
+  console.log("%c [ seriesPointData ]-835", "font-size:13px; background:pink; color:#bf2c9f;", seriesPointData);
   return seriesPointData;
 }
 function enableHoverEmphasis(el, focus, blurScope) {
@@ -28574,6 +28575,12 @@ var ScaleRawExtentInfo = class {
   freeze() {
     this.frozen = true;
   }
+  getDataRange() {
+    return [this._dataMin, this._dataMax];
+  }
+  getBoundaryGapInner() {
+    return this._boundaryGapInner;
+  }
 };
 var DETERMINED_MIN_MAX_ATTR = {min: "_determinedMin", max: "_determinedMax"};
 var DATA_MIN_MAX_ATTR = {min: "_dataMin", max: "_dataMax"};
@@ -54926,7 +54933,6 @@ var linesPlotLayout = {
       return;
     }
     const data = seriesModel.getData();
-    const pipelineContext = seriesModel.pipelineContext;
     const dims = map(coordSys.dimensions, function(dim) {
       return data.mapDimension(dim);
     }).slice(0, 2);
@@ -54938,9 +54944,6 @@ var linesPlotLayout = {
     const isSingle = seriesModel.get("histogramVisible") || seriesModel.get("barVisible");
     const symbolByStep = seriesModel.get("symbolByStep");
     const xOffset = seriesModel.get("offset") || 0;
-    const symbolVisible = seriesModel.get("symbolVisible");
-    const symbolSize = seriesModel.get("symbolSize");
-    const globalSymbol = seriesModel.get("symbol");
     return {
       progress(params, lineData) {
         const segCount = params.end - params.start;
@@ -55082,10 +55085,10 @@ LabelsSeriesModel.defaultOption = {
 var LabelsSeries_default = LabelsSeriesModel;
 
 // src/chart/labels/LabelsView.ts
-var ScatterView4 = class extends Chart_default {
+var LabelsView2 = class extends Chart_default {
   constructor() {
     super(...arguments);
-    this.type = ScatterView4.type;
+    this.type = LabelsView2.type;
   }
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
@@ -55152,9 +55155,9 @@ var ScatterView4 = class extends Chart_default {
   dispose() {
   }
 };
-var ScatterView3 = ScatterView4;
-ScatterView3.type = "labels";
-var LabelsView_default = ScatterView3;
+var LabelsView = LabelsView2;
+LabelsView.type = "labels";
+var LabelsView_default = LabelsView;
 
 // src/util/symbolSize.ts
 var xCrossMapping = {
@@ -55270,7 +55273,7 @@ var symbolSizeMapping = {
 };
 function getSymbolSize2(type, size, width) {
   const fn = symbolSizeMapping[type]?.[size];
-  return fn ? fn(width) : {w: 0, h: 0};
+  return fn ? fn(width) : {w: 1, h: 1};
 }
 var labelFontSizeMapping = {
   huge: 22,
@@ -55304,7 +55307,7 @@ each(labelSymbols, function(type) {
 var lineSymbols = ["xCross", "lCross"];
 var padding = 10;
 function changeLabelOffsetBySymbol(symbol, label, shape, oldOffset) {
-  const [offsetX, offsetY] = [0, 0];
+  const [offsetX, offsetY] = oldOffset ?? [0, 0];
   switch (symbol) {
     case "labelDown":
       label.option.offset = [offsetX, offsetY - shape.triangleWidth / 2];
@@ -55332,12 +55335,12 @@ function changeLabelOffsetBySymbol(symbol, label, shape, oldOffset) {
       break;
   }
 }
-var LabelsLayout = {
-  createOnAllSeries: true,
-  performRawSeries: true,
+var LabelsVisual = {
+  seriesType: "labels",
   reset: function(seriesModel) {
     const bandWidth = Math.max(1, Math.round(seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace * 0.8));
     const data = seriesModel.getData();
+    const location = seriesModel.get("location");
     const symbolOptions = {};
     for (let i = 0; i < SYMBOL_PROPS_WITH_CB2.length; i++) {
       const symbolPropName = SYMBOL_PROPS_WITH_CB2[i];
@@ -55352,7 +55355,6 @@ var LabelsLayout = {
       const itemModel = data2.getItemModel(idx);
       let symbol = itemModel.getShallow("symbol");
       let symbolSize = itemModel.getShallow("symbolSize");
-      let symbolRotate = itemModel.getShallow("symbolRotate");
       let symbolOffset = itemModel.getShallow("symbolOffset");
       let symbolShape = {};
       const symbolKeepAspect = itemModel.getShallow("symbolKeepAspect");
@@ -55364,8 +55366,14 @@ var LabelsLayout = {
       const text = labelModel.get("formatter");
       const isLabel = labelSymbolByType[symbol];
       const labelShow = labelModel.get("show");
-      labelModel.option.position = isLabel ? "inside" : "top";
-      labelModel.option.fontSize = getSymbolLabelFontSize(size, bandWidth);
+      if (location === "top") {
+        labelModel.option.position = "bottom";
+      } else {
+        labelModel.option.position = isLabel || symbol === "textOutline" ? "inside" : "top";
+      }
+      if (!labelModel.option.fontSize) {
+        labelModel.option.fontSize = getSymbolLabelFontSize(size, bandWidth);
+      }
       if (labelShow && text && (isLabel || ["left", "right"].includes(align))) {
         const rect = labelModel.getTextRect(text);
         if (isLabel) {
@@ -55396,7 +55404,6 @@ var LabelsLayout = {
       data2.setItemVisual(idx, {
         symbol,
         symbolSize,
-        symbolRotate,
         symbolOffset,
         symbolShape,
         symbolKeepAspect,
@@ -55406,13 +55413,58 @@ var LabelsLayout = {
     return {dataEach: data.hasItemOption ? dataEach : null};
   }
 };
-var labelsVisual_default = LabelsLayout;
+var labelsVisual_default = LabelsVisual;
+
+// src/chart/labels/labelsLayout.ts
+function getYByLocation(seriesModel) {
+  const location = seriesModel.get("location");
+  if (!["bottom", "top"].includes(location)) {
+    return null;
+  }
+  const yAxis = seriesModel.coordinateSystem.getAxis("y");
+  const scale4 = yAxis.scale;
+  const [, end2] = yAxis.getExtent();
+  const [boundaryGapX, boundaryGapY] = scale4.rawExtentInfo.getBoundaryGapInner();
+  return Math.floor(location === "top" ? end2 * boundaryGapX + 30 : end2 * (1 - boundaryGapY) + 30);
+}
+var labelsLayout = {
+  seriesType: "labels",
+  plan: createRenderPlanner(),
+  reset: function(seriesModel) {
+    const data = seriesModel.getData();
+    const coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      return;
+    }
+    const dims = map(coordSys.dimensions, function(dim) {
+      return data.mapDimension(dim);
+    }).slice(0, 2);
+    const store = data.getStore();
+    const dimIdx0 = data.getDimensionIndex(dims[0]);
+    const dimIdx1 = data.getDimensionIndex(dims[1]);
+    const xOffset = seriesModel.get("offset") || 0;
+    const price = getYByLocation(seriesModel);
+    return {
+      progress(params, labelsData) {
+        const tmpIn = [];
+        const tmpOut = [];
+        for (let i = params.start, offset = 0; i < params.end; i++) {
+          tmpIn[0] = store.get(dimIdx0, i) + xOffset;
+          tmpIn[1] = store.get(dimIdx1, i);
+          const point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+          labelsData.setItemLayout(i, [point[0], price ?? point[1]]);
+        }
+      }
+    };
+  }
+};
+var labelsLayout_default = labelsLayout;
 
 // src/chart/labels/install.ts
 function install25(registers) {
   registers.registerSeriesModel(LabelsSeries_default);
   registers.registerChartView(LabelsView_default);
-  registers.registerLayout(pointsLayout("labels"));
+  registers.registerLayout(labelsLayout_default);
   registers.registerVisual(labelsVisual_default);
 }