tvcharts 0.6.49 → 0.6.51

package/dist/echarts.js

@@ -24508,6 +24508,67 @@ var ECharts = class extends Eventful_default {
       doDispatchAction.call(this, payload, true);
     }
   }
+  scrollByDistance(distance2, animationDuration) {
+    const xAxisModal = this._model.getComponent("xAxis", 0);
+    const scale4 = xAxisModal.axis.scale;
+    const duration = isNumber(animationDuration) && animationDuration > 0 ? animationDuration : 0;
+    const startLastBarRightSideDiffBarCount = scale4.lastBarRightSideDiffBarCount;
+    if (duration > 0) {
+      const startTime = new Date().getTime();
+      const animation = () => {
+        const progress = (new Date().getTime() - startTime) / duration;
+        const finished = progress >= 1;
+        const dis = finished ? distance2 : distance2 * progress;
+        const distanceBarCount = dis / scale4.barSpace;
+        const payload = {
+          type: "dataZoom",
+          barSpace: scale4.barSpace,
+          lastBarRightSideDiffBarCount: startLastBarRightSideDiffBarCount - distanceBarCount
+        };
+        doDispatchAction.call(this, payload, true);
+        if (!finished) {
+          window.requestAnimationFrame(animation);
+        }
+      };
+      animation();
+    } else {
+      const distanceBarCount = distance2 / scale4.barSpace;
+      const payload = {
+        type: "dataZoom",
+        barSpace: scale4.barSpace,
+        lastBarRightSideDiffBarCount: startLastBarRightSideDiffBarCount - distanceBarCount
+      };
+      doDispatchAction.call(this, payload, true);
+    }
+  }
+  scrollToDataIndex(dataIndex, animationDuration) {
+    if (this._disposed) {
+      disposedWarning(this.id);
+      return;
+    }
+    const xAxisModal = this._model.getComponent("xAxis", 0);
+    const scale4 = xAxisModal.axis.scale;
+    const extend2 = scale4.getExtent();
+    const centerOffset = (extend2[1] - extend2[0]) / 2;
+    const ordinalMeta = scale4.getOrdinalMeta();
+    const size = ordinalMeta.getCategoriesSize();
+    const distance2 = (scale4.lastBarRightSideDiffBarCount + (size - centerOffset - 1 - dataIndex)) * scale4.barSpace;
+    this.scrollByDistance(distance2, animationDuration);
+    console.log("%c [ xAxisModal ]-1751", "font-size:13px; background:pink; color:#bf2c9f;", xAxisModal);
+  }
+  scrollToTimestamp(timestamp, animationDuration) {
+    if (this._disposed) {
+      disposedWarning(this.id);
+      return;
+    }
+    const xAxisModal = this._model.getComponent("xAxis", 0);
+    const scale4 = xAxisModal.axis.scale;
+    const ordinalMeta = scale4.getOrdinalMeta();
+    const dataIndex = ordinalMeta.getOrdinal(timestamp);
+    if (isNumber(dataIndex)) {
+      this.scrollToDataIndex(dataIndex, animationDuration);
+    }
+  }
 };
 PENDING_UPDATE, IN_MAIN_PROCESS_KEY, CONNECT_STATUS_KEY, STATUS_NEEDS_UPDATE_KEY;
 ECharts.internalField = function() {
@@ -27418,6 +27479,9 @@ var OrdinalMeta = class {
   getLastCategories() {
     return this.categories[this.categories.length - 1];
   }
+  getCategoriesSize() {
+    return this.categories.length;
+  }
   parseAndCollect(category) {
     let index;
     const needCollect = this._needCollect;
@@ -68888,18 +68952,24 @@ var TableView2 = class extends Component_default2 {
         tableGroup.add(rectEl);
       }
       if (frame_color && frame_width) {
-        const frameEl = new Rect_default({
+        const x2 = -frame_width / 2;
+        const y2 = -frame_width / 2;
+        const frameEl = new Polyline_default({
           shape: {
-            x: -frame_width,
-            y: -frame_width,
-            width: width + frame_width * 2,
-            height: height + frame_width * 2
+            points: [
+              [x2, y2],
+              [x2 + width + frame_width / 2, y2],
+              [x2 + width + frame_width / 2, y2 + height + frame_width / 2],
+              [x2, y2 + height + frame_width / 2],
+              [x2, y2]
+            ]
           },
           style: {
-            fill: frame_color
+            stroke: frame_color,
+            lineWidth: frame_width
           },
           z,
-          z2: 1
+          z2: 15
         });
         tableGroup.add(frameEl);
       }