tvcharts 0.8.77 → 0.8.79

package/lib/chart/linesPlot/LinesPlotView.js

@@ -346,6 +346,9 @@ var LinesPlotView = /** @class */function (_super) {
       var z2_2 = seriesModel.get('z2');
       var baseY_1 = seriesModel.coordinateSystem.dataToPoint([0, histbase], true)[1];
       var visualColor_2 = getAreaGradient(data, seriesModel, api);
+      var connectNulls_2 = seriesModel.get('connectNulls');
+      var step_2 = seriesModel.get('step');
+      var barSpace_2 = Math.floor((seriesModel.coordinateSystem.getAxesByScale('ordinal')[0].scale.barSpace || calculatebandWidth(seriesModel, data)) * 0.8) || 1;
       each(linePointsByKey, function (item, key) {
         var stroke = key.split(':')[0];
         var _a = getFormatColor(stroke),
@@ -354,7 +357,9 @@ var LinesPlotView = /** @class */function (_super) {
         var el = new PolyPlotPath({
           shape: {
             points: item,
-            baseY: baseY_1
+            baseY: baseY_1,
+            connectSelf: !connectNulls_2 && !step_2,
+            barWidth: barSpace_2
           },
           style: {
             stroke: 'none',

package/lib/chart/linesPlot/PolyPlotPath.js

@@ -78,7 +78,46 @@ var PolyPlotPath = /** @class */function (_super) {
   };
   PolyPlotPath.prototype.buildPath = function (ctx, shape) {
     var points = shape.points,
-      baseY = shape.baseY;
+      baseY = shape.baseY,
+      connectSelf = shape.connectSelf,
+      barWidth = shape.barWidth;
+    if (connectSelf) {
+      var offset = barWidth / 2;
+      var isMove = false;
+      var lastExistIndex = -1;
+      for (var index = 0; index < points.length; index++) {
+        var point = points[index];
+        if (point === 0 || isPointNull(point)) {
+          isMove = true;
+          continue;
+        }
+        var _a = point,
+          x = _a[0],
+          y = _a[1];
+        var nextPoint = points[index + 1];
+        var nextIsNull = !nextPoint || nextPoint === 0 || isPointNull(nextPoint);
+        if (lastExistIndex < 0 || isMove) {
+          ctx.moveTo(x - offset, y);
+          if (nextIsNull) {
+            ctx.lineTo(x + offset, y);
+            ctx.lineTo(x + offset, baseY);
+            ctx.lineTo(x - offset, baseY);
+            ctx.lineTo(x - offset, y);
+          }
+          isMove = false;
+        } else {
+          ctx.lineTo(x + offset, y);
+          if (nextIsNull) {
+            ctx.lineTo(x + offset, baseY);
+            var startPoint = points[lastExistIndex];
+            ctx.lineTo(startPoint[0] - x, baseY);
+            ctx.lineTo(startPoint[0] - x, startPoint[1]);
+          }
+        }
+        lastExistIndex = index;
+      }
+      return;
+    }
     var startIndex = 0;
     for (var index = 0; index < points.length; index++) {
       var point = points[index];
@@ -96,16 +135,16 @@ var PolyPlotPath = /** @class */function (_super) {
         if (!nextPoint) {
           continue;
         }
-        var _a = nextPoint,
-          x_1 = _a[0],
-          y_1 = _a[1];
+        var _b = nextPoint,
+          x_1 = _b[0],
+          y_1 = _b[1];
         ctx.moveTo(x_1, y_1);
         startIndex = index;
         continue;
       }
-      var _b = point,
-        x = _b[0],
-        y = _b[1];
+      var _c = point,
+        x = _c[0],
+        y = _c[1];
       ctx.lineTo(x, y);
       if (index === points.length - 1) {
         ctx.lineTo(points[index][0], baseY);

package/lib/component/playback/PlaybackOrderView.js

@@ -1378,6 +1378,7 @@ var PlaybackOrderView = /** @class */function (_super) {
     if (!this.orderGroup) {
       return;
     }
+    this.clearTimer();
     if (this.mouseSelected || this.selected) {
       this.api.dispatchAction({
         type: 'hideTipText',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tvcharts",
-  "version": "0.8.77",
+  "version": "0.8.79",
   "description": "基于echarts5.5.0二次开发",
   "license": "Apache-2.0",
   "keywords": [

package/types/src/chart/linesPlot/PolyPlotPath.d.ts

@@ -6,6 +6,8 @@ import { PathProps } from 'tvrender/lib/graphic/Path.js';
 declare class PolyPlotShape {
     points: (number | number[])[];
     baseY: number;
+    connectSelf?: boolean;
+    barWidth?: number;
 }
 interface EPolyPlotPathProps extends PathProps {
     shape: PolyPlotShape;