cnhis-design-vue 2.1.62 → 2.1.64

package/es/fabric-chart/index.js

@@ -295,7 +295,7 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3a1ac827&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3a1ac827&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -308,12 +308,12 @@ var objectSpread2 = __webpack_require__("5530");
 // EXTERNAL MODULE: ./src/core/create.js
 var create = __webpack_require__("8aef");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=42503925&
-var FabricCanvasvue_type_template_id_42503925_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
-var FabricCanvasvue_type_template_id_42503925_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=98d2aa36&
+var FabricCanvasvue_type_template_id_98d2aa36_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
+var FabricCanvasvue_type_template_id_98d2aa36_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=42503925&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=98d2aa36&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -600,9 +600,13 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
     },
     endY: function endY() {
       // 画布高度 - 底部列表高度 ，网格右下角y轴坐标值
-      if (!this.templateData.bottom) return this.templateData.canvasHeight;
-      var endHeight = this.templateData.bottom.height || 30;
-      return this.canvasHeight - endHeight;
+      var _ref = this.templateData.bottom || {},
+          _ref$show = _ref.show,
+          show = _ref$show === void 0 ? true : _ref$show,
+          height = _ref.height;
+
+      if (!show || !height) return this.templateData.canvasHeight;
+      return this.canvasHeight - height;
     },
     xCellWidth: function xCellWidth() {
       // 水平方向网格宽度
@@ -634,9 +638,9 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
     originYTop: function originYTop() {
       var _this$templateData$to11;
 
-      var _ref = ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : _this$templateData$to11.xScalevalue) || {},
-          _ref$layout = _ref.layout,
-          layout = _ref$layout === void 0 ? 'center' : _ref$layout;
+      var _ref2 = ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : _this$templateData$to11.xScalevalue) || {},
+          _ref2$layout = _ref2.layout,
+          layout = _ref2$layout === void 0 ? 'center' : _ref2$layout;
 
       return layout === 'center' ? 0 : this.spaceHeight;
     },
@@ -883,8 +887,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_42503925_render,
-  FabricCanvasvue_type_template_id_42503925_staticRenderFns,
+  FabricCanvasvue_type_template_id_98d2aa36_render,
+  FabricCanvasvue_type_template_id_98d2aa36_staticRenderFns,
   false,
   null,
   null,
@@ -893,12 +897,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricCanvas = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=9369030e&
-var FabricPolylinesvue_type_template_id_9369030e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricPolylinesvue_type_template_id_9369030e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=47f12750&
+var FabricPolylinesvue_type_template_id_47f12750_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricPolylinesvue_type_template_id_47f12750_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=9369030e&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=47f12750&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -921,6 +925,9 @@ var es_string_includes_js_ = __webpack_require__("fd22");
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
+var es_array_filter_js_ = __webpack_require__("1a89");
+
 // EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
 var es_object_to_string_js_ = __webpack_require__("97d3");
 
@@ -930,9 +937,6 @@ var es_string_iterator_js_ = __webpack_require__("9bb5");
 // EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
 var web_dom_collections_iterator_js_ = __webpack_require__("1a25");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
-var es_array_filter_js_ = __webpack_require__("1a89");
-
 // EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
 var es_array_splice_js_ = __webpack_require__("f3b8");
 
@@ -1570,7 +1574,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/MouseRightClick.vue?vue&type=template&id=25d4407a&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/MouseRightClick.vue?vue&type=template&id=25d4407a&scoped=true&
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-mouse-right-menu-popup c-animation-in",style:(_vm.dialogStyle)},[_c('div',{staticClass:"c-mouse-right-menu"},_vm._l((_vm.nodeList),function(item,index){return _c('div',{key:index,staticClass:"c-mouse-menu-item",on:{"click":function($event){return _vm.handleNodeClick(item)}}},[_c('span',[_vm._v(_vm._s(item.name))])])}),0)])}
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_staticRenderFns = []
 
@@ -1678,7 +1682,7 @@ var MouseRightClick_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var MouseRightClick = (MouseRightClick_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/DropPopup.vue?vue&type=template&id=c4db0ace&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/DropPopup.vue?vue&type=template&id=c4db0ace&scoped=true&
 var DropPopupvue_type_template_id_c4db0ace_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-drop-popup",style:(_vm.dialogStyle)},[_c('div',{staticClass:"c-drop-popup-list"},[_c('span',[_vm._v(_vm._s(_vm.val.title))]),_vm._l((_vm.val.list),function(item){return _c('span',{key:item.id},[_vm._v(" "+_vm._s(((item.name) + ": " + (item.value)))+" ")])})],2)])}
 var DropPopupvue_type_template_id_c4db0ace_scoped_true_staticRenderFns = []
 
@@ -1936,7 +1940,10 @@ var rightClickNodeConnect = [{
       // 缓存当前可批量删除的项目线段上的点
       polylinePointList: [],
       // 缓存折线项目节点
-      isMovingToOtherTarget: false
+      isMovingToOtherTarget: false,
+      interval: null,
+      flickerablePoints: [] // 记录需要闪烁的节点
+
     };
   },
   computed: {
@@ -1968,10 +1975,12 @@ var rightClickNodeConnect = [{
 
       this.drawPolylineTitle();
       this.polylinePointList = [];
+      this.flickerablePoints = [];
       this.polyline.forEach(function (polylineType, polylineTypeId) {
         _this3.createPolyline(polylineType, polylineTypeId);
       });
       this.eventStyle.evented && this.createEvent();
+      this.setFlicker();
     },
     createEvent: function createEvent() {
       var _this4 = this;
@@ -2381,70 +2390,98 @@ var rightClickNodeConnect = [{
       var getTime = new Date(time).getTime();
       return getTime >= minMinute && getTime <= maxMinute;
     },
+    // 设置节点闪烁
+    setFlicker: function setFlicker() {
+      var _this9 = this;
+
+      setTimeout(function () {
+        var _this9$flickerablePoi;
+
+        if (_this9.interval) clearInterval(_this9.interval);
+
+        if ((_this9$flickerablePoi = _this9.flickerablePoints) !== null && _this9$flickerablePoi !== void 0 && _this9$flickerablePoi.length) {
+          _this9.interval = setInterval(function () {
+            _this9.flickerablePoints.forEach(function (o) {
+              return o === null || o === void 0 ? void 0 : o.set('opacity', o.opacity === 1 ? 0.5 : 1);
+            });
+
+            _this9.canvas.renderAll();
+          }, 800);
+        }
+      });
+    },
     // 创建危急值和差异值
-    createAttrVaule: function createAttrVaule(attr, polyline, polylineIndex, polylineType, polylineTypeId) {
-      var _valueObj$max,
-          _valueObj$max2,
-          _this9 = this,
-          _valueObj$min,
-          _valueObj$min2,
+    createAttrVaule: function createAttrVaule(_ref2) {
+      var _this10 = this,
           _this$canvas;
 
+      var attr = _ref2.attr,
+          polyline = _ref2.polyline,
+          polylineIndex = _ref2.polylineIndex,
+          polylineType = _ref2.polylineType,
+          polylineTypeId = _ref2.polylineTypeId;
       var list = polyline.list;
-      var valueObj = polyline[attr] || {};
-      if (!valueObj.max && !valueObj.min) return;
+
+      var _ref3 = polyline[attr] || {},
+          max = _ref3.max,
+          min = _ref3.min;
+
+      if (!max && !min) return;
       var _this$propItems4 = this.propItems,
           originX = _this$propItems4.originX,
           endX = _this$propItems4.endX;
-      var isMax = ((_valueObj$max = valueObj.max) === null || _valueObj$max === void 0 ? void 0 : _valueObj$max.show) && ((_valueObj$max2 = valueObj.max) === null || _valueObj$max2 === void 0 ? void 0 : _valueObj$max2.value) && list.some(function (v) {
-        return +v.value >= +valueObj.max.value && _this9.isLimit(v.time);
+      var isMax = (max === null || max === void 0 ? void 0 : max.show) && (max === null || max === void 0 ? void 0 : max.value) && list.some(function (v) {
+        return +v.value >= +max.value && _this10.isLimit(v.time);
       });
-      var isMin = ((_valueObj$min = valueObj.min) === null || _valueObj$min === void 0 ? void 0 : _valueObj$min.show) && ((_valueObj$min2 = valueObj.min) === null || _valueObj$min2 === void 0 ? void 0 : _valueObj$min2.value) && list.some(function (v) {
-        return +v.value <= +valueObj.min.value && _this9.isLimit(v.time);
+      var isMin = (min === null || min === void 0 ? void 0 : min.show) && (min === null || min === void 0 ? void 0 : min.value) && list.some(function (v) {
+        return +v.value <= +min.value && _this10.isLimit(v.time);
       });
       var lines = [];
 
-      var drawLine = function drawLine(_ref2) {
-        var value = _ref2.value,
-            lineStyle = _ref2.lineStyle;
+      var drawLine = function drawLine(_ref4) {
+        var value = _ref4.value,
+            lineStyle = _ref4.lineStyle;
 
-        var top = _this9.cumputedY(polylineType, +value);
+        var top = _this10.cumputedY(polylineType, +value);
 
-        return _this9.drawLine([originX, top, endX, top], Object(objectSpread2["a" /* default */])({
+        return _this10.drawLine([originX, top, endX, top], Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
           lineIndex: 0,
           polylineTypeId: polylineTypeId
         }, lineStyle || defaultVaule.criticalStyle));
       };
 
-      var drawText = function drawText(_ref3, top) {
-        var name = _ref3.name,
-            nameStyle = _ref3.nameStyle;
-        return new _this9.fabric.Text(String(name || ''), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), nameStyle), {}, {
+      var drawText = function drawText(_ref5, top) {
+        var name = _ref5.name,
+            nameStyle = _ref5.nameStyle;
+        return new _this10.fabric.Text(String(name || ''), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), nameStyle), {}, {
           originY: 'bottom',
           left: originX + 5,
           top: top - 5
         }));
       };
 
-      if (isMax) {
-        var line = drawLine(valueObj.max);
-        var text = drawText(valueObj.max, line.top);
+      var isDraw = function isDraw(isMaxOrMin, maxOrMin) {
+        return isMaxOrMin && (!(maxOrMin !== null && maxOrMin !== void 0 && maxOrMin.flickerable) || attr !== 'critical');
+      };
+
+      if (isDraw(isMax, max)) {
+        var line = drawLine(max);
+        var text = drawText(max, line.top);
         line.text = text;
         lines.push(line, text);
       }
 
-      if (isMin) {
-        var _line = drawLine(valueObj.min);
+      if (isDraw(isMin, min)) {
+        var _line = drawLine(min);
 
-        var _text = drawText(valueObj.min, _line.top);
+        var _text = drawText(min, _line.top);
 
         _line.text = _text;
         lines.push(_line, _text);
       }
 
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lines); // this.canvas.renderAll();
-
+      (_this$canvas = this.canvas).add.apply(_this$canvas, lines);
     },
 
     /**
@@ -2456,15 +2493,18 @@ var rightClickNodeConnect = [{
      * @param {polylineIndex} 当前折线 index
      */
     drawPolyline: function drawPolyline(polyline, polylineIndex, polylineType, polylineTypeId) {
-      var _this10 = this;
+      var _this11 = this;
 
       var _this$propItems5 = this.propItems,
           originY = _this$propItems5.originY,
           endY = _this$propItems5.endY;
       var pointAttr = polyline.pointAttr,
-          lineAttr = polyline.lineAttr;
+          lineAttr = polyline.lineAttr,
+          _polyline$list = polyline.list,
+          list = _polyline$list === void 0 ? [] : _polyline$list,
+          _polyline$critical = polyline.critical,
+          critical = _polyline$critical === void 0 ? {} : _polyline$critical;
       this._iconClassName = polyline.type === 'img' && pointAttr.iconClassName ? pointAttr.iconClassName : '';
-      var list = polyline.list;
       var pointList = [];
       var lineList = [];
 
@@ -2489,6 +2529,9 @@ var rightClickNodeConnect = [{
         };
       }
 
+      this.flickerablePoints = this.flickerablePoints.filter(function (point) {
+        return point.polylineTypeId !== polylineTypeId && point.polylineIndex !== polylineIndex;
+      });
       list.forEach(function (linePoints, index) {
         // 当前点
         var _getPointer = getPointer(linePoints),
@@ -2504,7 +2547,7 @@ var rightClickNodeConnect = [{
         var line;
         var point;
         var previousLine;
-        line = points && nextPoint ? _this10.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
+        line = points && nextPoint ? _this11.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
           polylineTypeId: polylineTypeId,
           lineIndex: index
@@ -2523,18 +2566,19 @@ var rightClickNodeConnect = [{
           Object.assign(pointOthers, {
             originLeft: points[0],
             originTop: points[1],
-            time: linePoints.time
+            time: linePoints.time,
+            __value: linePoints.value
           });
-          point = previousLine ? _this10.drawPoint.apply(_this10, Object(toConsumableArray["a" /* default */])(points).concat([previousLine, line, polyline.type, pointOthers, isInit])) : _this10.drawPoint.apply(_this10, Object(toConsumableArray["a" /* default */])(points).concat([null, line, polyline.type, pointOthers, isInit]));
+          point = previousLine ? _this11.drawPoint.apply(_this11, Object(toConsumableArray["a" /* default */])(points).concat([previousLine, line, polyline.type, pointOthers, isInit])) : _this11.drawPoint.apply(_this11, Object(toConsumableArray["a" /* default */])(points).concat([null, line, polyline.type, pointOthers, isInit]));
         }
 
         lineList.push(line);
         point && pointList.push(point);
       });
       Promise.all(pointList).then(function (res) {
-        var _this10$canvas;
+        var _this11$canvas;
 
-        var polylineObj = _this10.polylinePointList.find(function (v) {
+        var polylineObj = _this11.polylinePointList.find(function (v) {
           return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
         });
 
@@ -2549,7 +2593,7 @@ var rightClickNodeConnect = [{
           });
           polylineObj.pointerList = pointerList;
         } else {
-          _this10.polylinePointList.push({
+          _this11.polylinePointList.push({
             polylineTypeId: polylineTypeId,
             polylineIndex: polylineIndex,
             pointerList: pointerList,
@@ -2573,11 +2617,45 @@ var rightClickNodeConnect = [{
           return v;
         });
 
-        (_this10$canvas = _this10.canvas).add.apply(_this10$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res))); // this.canvas.requestRenderAll();
+        (_this11$canvas = _this11.canvas).add.apply(_this11$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res))); // 缓存需要闪烁的节点
+
+
+        var max = critical.max,
+            min = critical.min;
+
+        if (max !== null && max !== void 0 && max.flickerable || min !== null && min !== void 0 && min.flickerable) {
+          var maxVal = max === null || max === void 0 ? void 0 : max.value;
+          var minVal = min === null || min === void 0 ? void 0 : min.value;
+
+          if (maxVal && max !== null && max !== void 0 && max.flickerable) {
+            var _this11$flickerablePo;
+
+            (_this11$flickerablePo = _this11.flickerablePoints).push.apply(_this11$flickerablePo, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
+              return +point.__value >= +maxVal;
+            })));
+          }
 
+          if (minVal && min !== null && min !== void 0 && min.flickerable) {
+            var _this11$flickerablePo2;
+
+            (_this11$flickerablePo2 = _this11.flickerablePoints).push.apply(_this11$flickerablePo2, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
+              return +point.__value <= +minVal;
+            })));
+          }
+        }
       });
-      this.createAttrVaule('critical', polyline, polylineIndex, polylineType, polylineTypeId);
-      this.createAttrVaule('diffValue', polyline, polylineIndex, polylineType, polylineTypeId);
+      var params = {
+        polyline: polyline,
+        polylineIndex: polylineIndex,
+        polylineType: polylineType,
+        polylineTypeId: polylineTypeId
+      };
+      this.createAttrVaule(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, params), {}, {
+        attr: 'critical'
+      }));
+      this.createAttrVaule(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, params), {}, {
+        attr: 'diffValue'
+      }));
     },
     // 计算y轴坐标
     cumputedY: function cumputedY(polylineType, linePointY) {
@@ -2599,7 +2677,7 @@ var rightClickNodeConnect = [{
      * @param {others} 参数 polylineIndex | pointIndex | ...polyline.pointAttr
      */
     drawPoint: function drawPoint(left, top, line1, line2, type, others, isInit) {
-      var _this11 = this;
+      var _this12 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
         var pointId, ele, point;
@@ -2608,7 +2686,7 @@ var rightClickNodeConnect = [{
             switch (_context2.prev = _context2.next) {
               case 0:
                 pointId = "".concat(others.polylineTypeId, "_").concat(others.polylineIndex, "_").concat(others.pointIndex, "_polylinePoint_").concat(new Date().getTime());
-                _context2.t0 = _this11._iconClassName;
+                _context2.t0 = _this12._iconClassName;
 
                 if (!_context2.t0) {
                   _context2.next = 6;
@@ -2616,7 +2694,7 @@ var rightClickNodeConnect = [{
                 }
 
                 _context2.next = 5;
-                return _this11.createImage(_this11._iconClassName, others);
+                return _this12.createImage(_this12._iconClassName, others);
 
               case 5:
                 _context2.t0 = _context2.sent;
@@ -2624,12 +2702,12 @@ var rightClickNodeConnect = [{
               case 6:
                 ele = _context2.t0;
                 _context2.next = 9;
-                return _this11.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                return _this12.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   id: pointId,
                   left: left,
                   top: top,
                   ele: ele || ''
-                }, defaultVaule.pointStyle), others), !_this11.eventStyle.evented ? {
+                }, defaultVaule.pointStyle), others), !_this12.eventStyle.evented ? {
                   lockMovementX: true,
                   lockMovementY: true
                 } : {}));
@@ -2640,33 +2718,33 @@ var rightClickNodeConnect = [{
                 line1 && (point.line1 = line1);
                 line2 && (point.line2 = line2);
                 point.on('mouseover', function () {
-                  _this11.showDrapPopup(point);
+                  _this12.showDrapPopup(point);
 
-                  _this11.pointToFront(point);
+                  _this12.pointToFront(point);
                 });
                 point.on('mouseout', function () {
-                  _this11.isDropVisible = false;
+                  _this12.isDropVisible = false;
                 }); // 折线点移动中 实时更新相关联的线的坐标
 
-                if (_this11.eventStyle.evented) {
+                if (_this12.eventStyle.evented) {
                   point.on('moving', function () {
-                    _this11.pointMoveLimit(point, false);
+                    _this12.pointMoveLimit(point, false);
 
-                    _this11.pointMoveUpdateLine(point);
+                    _this12.pointMoveUpdateLine(point);
 
-                    _this11.addPoint(point); // this.canvas.renderAll();
+                    _this12.addPoint(point); // this.canvas.renderAll();
 
 
-                    _this11.showDrapPopup(point);
+                    _this12.showDrapPopup(point);
                   }); // 折线点停止拖拽后 更新polyline中对应的坐标
 
                   point.on('moved', function () {
                     if (point && point.id.includes('_polylinePoint_')) {
-                      _this11.isDropVisible = false;
+                      _this12.isDropVisible = false;
 
-                      _this11.setEmitFunction(point);
+                      _this12.setEmitFunction(point);
 
-                      _this11.addPointObjList = [];
+                      _this12.addPointObjList = [];
                     }
                   });
                   point.on('mouseup', function (event) {
@@ -2675,13 +2753,13 @@ var rightClickNodeConnect = [{
 
                     if (button == 1 && isClick) {
                       // 可配置批量删除当前项目上的点了
-                      _this11.currentDelPoint = point;
+                      _this12.currentDelPoint = point;
                     }
                   });
                 } // 超出表格最高或最低值则需要触发pointChange事件并且不能更新视图，否则连接节点判断不会成功
 
 
-                isInit && _this11.setEmitFunction(point, isInit);
+                isInit && _this12.setEmitFunction(point, isInit);
                 return _context2.abrupt("return", point);
 
               case 18:
@@ -2694,7 +2772,7 @@ var rightClickNodeConnect = [{
     },
     // 拖动停止后 设置回调触发方法
     setEmitFunction: function setEmitFunction(point) {
-      var _this12 = this;
+      var _this13 = this;
 
       var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var operable = this.propItems.operable;
@@ -2732,7 +2810,7 @@ var rightClickNodeConnect = [{
       } else {
         this.$nextTick(function () {
           // 拖动新增节点时默认所有节点可删除
-          _this12.currentDelPoint = null;
+          _this13.currentDelPoint = null;
         });
         var lastPoint = this.addPointList[this.addPointList.length - 1];
         var position = this.polyline[point.polylineTypeId].position;
@@ -2760,7 +2838,7 @@ var rightClickNodeConnect = [{
           this.addPointList.forEach(function (v) {
             return Object.assign(v, {
               isConcat: true,
-              concatIndex: _this12._concatIndex
+              concatIndex: _this13._concatIndex
             });
           });
         } else if (point.line2 || point.nextPoint && lastPoint.left >= point.nextPoint.left) {
@@ -2798,7 +2876,7 @@ var rightClickNodeConnect = [{
     },
     // 纠正线段坐标
     setLinePatch: function setLinePatch(point) {
-      var _this13 = this;
+      var _this14 = this;
 
       var originLeft = point.originLeft,
           originTop = point.originTop;
@@ -2806,13 +2884,13 @@ var rightClickNodeConnect = [{
       var _loop = function _loop(i, len) {
         var _point$prePoint$left, _point$prePoint, _point$prePoint$top, _point$prePoint2, _currentPointObj$line;
 
-        var currentPoint = _this13.addPointList[i];
-        var prevPoint = _this13.addPointList[i - 1] || {
+        var currentPoint = _this14.addPointList[i];
+        var prevPoint = _this14.addPointList[i - 1] || {
           left: (_point$prePoint$left = (_point$prePoint = point.prePoint) === null || _point$prePoint === void 0 ? void 0 : _point$prePoint.left) !== null && _point$prePoint$left !== void 0 ? _point$prePoint$left : originLeft,
           top: (_point$prePoint$top = (_point$prePoint2 = point.prePoint) === null || _point$prePoint2 === void 0 ? void 0 : _point$prePoint2.top) !== null && _point$prePoint$top !== void 0 ? _point$prePoint$top : originTop
         };
 
-        var currentPointObj = _this13.addPointObjList.find(function (obj) {
+        var currentPointObj = _this14.addPointObjList.find(function (obj) {
           return obj.left === currentPoint.left;
         });
 
@@ -2833,7 +2911,7 @@ var rightClickNodeConnect = [{
     // 检查批量新增拖动过程中是否存在漏点的情况
     checkPoints: function checkPoints(point) {
       var _this$addPointList2,
-          _this14 = this;
+          _this15 = this;
 
       var originLeft = point.originLeft,
           originTop = point.originTop,
@@ -2847,9 +2925,9 @@ var rightClickNodeConnect = [{
         for (var k = 0; k <= PointLens; k++) {
           if (k > 0) {
             (function () {
-              var curLeft = originLeft + _this14.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
+              var curLeft = originLeft + _this15.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
-              var hasPoint = _this14.addPointList.some(function (p) {
+              var hasPoint = _this15.addPointList.some(function (p) {
                 return Math.abs(p.left - curLeft) <= 0.001;
               }); // const hasPoint = this.addPointList.some(v => v.left == curLeft);
 
@@ -2857,7 +2935,7 @@ var rightClickNodeConnect = [{
               if (!hasPoint) {
                 var index;
 
-                var pointObj = _this14.addPointList.find(function (v, i) {
+                var pointObj = _this15.addPointList.find(function (v, i) {
                   if (v.left > curLeft) {
                     index = i;
                   }
@@ -2867,20 +2945,20 @@ var rightClickNodeConnect = [{
 
                 if (pointObj) {
                   var cloneObj = JSON.parse(JSON.stringify(pointObj));
-                  var prePoint = _this14.addPointList[index - 1] || {
+                  var prePoint = _this15.addPointList[index - 1] || {
                     left: originLeft,
                     top: originTop
                   };
-                  var len = ~~((pointObj.left - (curLeft - _this14.spaceWidth)) / _this14.spaceWidth);
+                  var len = ~~((pointObj.left - (curLeft - _this15.spaceWidth)) / _this15.spaceWidth);
                   var spaceHeight = (pointObj.top - prePoint.top) / len;
                   cloneObj.top = prePoint.top + spaceHeight;
-                  cloneObj.value.time = _this14.getXValue(curLeft);
-                  cloneObj.value.value = _this14.getYValue(position, cloneObj.top);
+                  cloneObj.value.time = _this15.getXValue(curLeft);
+                  cloneObj.value.value = _this15.getYValue(position, cloneObj.top);
                   cloneObj.left = curLeft;
 
-                  _this14.addPointList.splice(index, 0, cloneObj);
+                  _this15.addPointList.splice(index, 0, cloneObj);
 
-                  _this14.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
+                  _this15.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
                 }
               }
             })();
@@ -3056,7 +3134,7 @@ var rightClickNodeConnect = [{
       }
     },
     clonePoint: function clonePoint(point, points) {
-      var _this15 = this;
+      var _this16 = this;
 
       var evented, selectable, lineIndex, polylineIndex, lineAttr, polylineTypeId;
       evented = selectable = false;
@@ -3080,7 +3158,7 @@ var rightClickNodeConnect = [{
         clonedObj.hasControls = clonedObj.hasBorders = false;
         point.prePoints = [point.left, point.top];
 
-        var line = _this15.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+        var line = _this16.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
           evented: evented,
           selectable: selectable
         }, lineAttr), {}, {
@@ -3091,13 +3169,13 @@ var rightClickNodeConnect = [{
 
         clonedObj.line1 = line;
 
-        _this15.canvas.sendBackwards(line);
+        _this16.canvas.sendBackwards(line);
 
         clonedObj.bringForward();
 
-        _this15.canvas.add(clonedObj);
+        _this16.canvas.add(clonedObj);
 
-        _this15.addPointObjList.push(clonedObj); // resolve(clonedObj);
+        _this16.addPointObjList.push(clonedObj); // resolve(clonedObj);
 
       }); // });
     },
@@ -3215,7 +3293,7 @@ var rightClickNodeConnect = [{
     },
     // 打开右键菜单
     openRightModal: function openRightModal(event) {
-      var _this16 = this;
+      var _this17 = this;
 
       this.rightPos = {
         clientX: event.e.clientX || event.e.pageX,
@@ -3226,10 +3304,10 @@ var rightClickNodeConnect = [{
       var id = target ? target.id : '';
       this.$nextTick(function () {
         if (id && id.includes('_polylinePoint_')) {
-          _this16._currentPoint = target;
+          _this17._currentPoint = target;
           var nodeConnect = [];
 
-          if (_this16.propItems.operable.connect) {
+          if (_this17.propItems.operable.connect) {
             if (!target.line2 && target.nextPoint) {
               nodeConnect = rightClickNodeConnect.slice(0, 1);
             }
@@ -3243,22 +3321,22 @@ var rightClickNodeConnect = [{
             }
           }
 
-          _this16.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
-          _this16.isRightVisible = true;
+          _this17.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
+          _this17.isRightVisible = true;
         } else if (!id) {
-          var operable = _this16.propItems.operable;
-          _this16._currentPoint = null;
-          _this16.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
-          _this16.isRightVisible = true;
+          var operable = _this17.propItems.operable;
+          _this17._currentPoint = null;
+          _this17.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
+          _this17.isRightVisible = true;
         }
       });
     },
     // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref4) {
+    handleRightClick: function handleRightClick(_ref6) {
       var _this$_currentPoint;
 
-      var type = _ref4.type,
-          name = _ref4.name;
+      var type = _ref6.type,
+          name = _ref6.name;
       this.isRightVisible = false;
       var id = (_this$_currentPoint = this._currentPoint) === null || _this$_currentPoint === void 0 ? void 0 : _this$_currentPoint.id;
       var _this$_active = this._active,
@@ -3317,16 +3395,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this17 = this;
+      var _this18 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this17.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this17.canvas.bringToFront(obj);
+        if (_this18.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this18.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this18 = this;
+      var _this19 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -3335,9 +3413,9 @@ var rightClickNodeConnect = [{
         if (pointId === 'idClone') {
           this.addPointObjList.forEach(function (obj) {
             if (obj.left >= left) {
-              _this18.canvas.remove(obj);
+              _this19.canvas.remove(obj);
 
-              obj.line1 && _this18.canvas.remove(obj.line1);
+              obj.line1 && _this19.canvas.remove(obj.line1);
             }
           });
           this.addPointObjList = this.addPointObjList.filter(function (obj) {
@@ -3351,9 +3429,9 @@ var rightClickNodeConnect = [{
           if (point && point.length > 0) {
             point.forEach(function (v) {
               if (!left) {
-                _this18.canvas.remove(v);
+                _this19.canvas.remove(v);
 
-                v.line1 && _this18.canvas.remove(v.line1);
+                v.line1 && _this19.canvas.remove(v.line1);
               }
             });
           }
@@ -3368,12 +3446,12 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          if (_this18.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
-            obj.text && _this18.canvas.remove(obj.text);
-            obj.line1 && _this18.canvas.remove(obj.line1);
-            obj.line2 && _this18.canvas.remove(obj.line2);
+          if (_this19.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
+            obj.text && _this19.canvas.remove(obj.text);
+            obj.line1 && _this19.canvas.remove(obj.line1);
+            obj.line2 && _this19.canvas.remove(obj.line2);
 
-            _this18.canvas.remove(obj);
+            _this19.canvas.remove(obj);
           }
         });
         return;
@@ -3382,9 +3460,9 @@ var rightClickNodeConnect = [{
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle')) {
-          obj.text && _this18.canvas.remove(obj.text);
+          obj.text && _this19.canvas.remove(obj.text);
 
-          _this18.canvas.remove(obj);
+          _this19.canvas.remove(obj);
         }
       });
     },
@@ -3395,7 +3473,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this19 = this;
+      var _this20 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -3403,8 +3481,9 @@ var rightClickNodeConnect = [{
         }
 
         this.polylinePointList = [];
+        this.flickerablePoints = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this19.createPolyline(polylineType, polylineTypeId);
+          _this20.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -3416,6 +3495,10 @@ var rightClickNodeConnect = [{
         this.drawPolyline(this.polyline[polylineTypeId].dataList[parseInt(dadaIndex)], parseInt(dadaIndex), this.polyline[polylineTypeId], polylineTypeId);
       }
     }
+  },
+  beforeDestroy: function beforeDestroy() {
+    clearInterval(this.interval);
+    this.interval = null;
   }
 });
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=script&lang=js&
@@ -3430,8 +3513,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_9369030e_render,
-  FabricPolylinesvue_type_template_id_9369030e_staticRenderFns,
+  FabricPolylinesvue_type_template_id_47f12750_render,
+  FabricPolylinesvue_type_template_id_47f12750_staticRenderFns,
   false,
   null,
   null,
@@ -3537,12 +3620,12 @@ var FabricGrid_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricGrid = (FabricGrid_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=74876ab4&
-var FabricTextGroupvue_type_template_id_74876ab4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricTextGroupvue_type_template_id_74876ab4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=66ab25fc&
+var FabricTextGroupvue_type_template_id_66ab25fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricTextGroupvue_type_template_id_66ab25fc_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=74876ab4&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=66ab25fc&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
 var es_array_sort_js_ = __webpack_require__("4c07");
@@ -3565,6 +3648,7 @@ var es_array_sort_js_ = __webpack_require__("4c07");
 
 
 
+
 //
 //
 //
@@ -3892,7 +3976,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         var _this8$canvas;
 
-        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, title, _ref2, _ref2$icon, _icon, dataList, i, _len, v, commonOptions, icon, text, groupObj;
+        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, originOptions, title, _ref2, _ref2$icon, _icon, dataList, i, _len, v, commonOptions, _left2, icon, text, groupObj;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -3905,7 +3989,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
               case 4:
                 if (!(index < len)) {
-                  _context.next = 31;
+                  _context.next = 35;
                   break;
                 }
 
@@ -3917,29 +4001,40 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   top += item.lineHeight || 15;
                 }
 
-                title = new _this8.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
+                originOptions = {
                   originX: 'right',
-                  originY: 'center',
                   left: left,
-                  top: top,
-                  id: "".concat(index, "_other_").concat(Date.now())
+                  top: top
+                };
+                title = new _this8.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
+                  originY: 'center',
+                  id: "".concat(index, "_other_").concat(Date.now()),
+                  dataIndex: index,
+                  type: 'list',
+                  hasControls: false,
+                  hasBorders: false
+                }, originOptions), _this8.eventStyle), {}, {
+                  dataList: []
                 }));
+
+                _this8.setMovingEvent(title, originOptions);
+
                 textList.push(title);
                 _ref2 = item || {}, _ref2$icon = _ref2.icon, _icon = _ref2$icon === void 0 ? {
                   type: 'circle'
                 } : _ref2$icon, dataList = _ref2.dataList;
                 i = 0, _len = dataList.length;
 
-              case 13:
+              case 15:
                 if (!(i < _len)) {
-                  _context.next = 28;
+                  _context.next = 32;
                   break;
                 }
 
                 v = dataList[i];
 
                 if (!_this8.isLimit(v.time)) {
-                  _context.next = 25;
+                  _context.next = 29;
                   break;
                 }
 
@@ -3950,45 +4045,49 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   index: i,
                   type: 'list'
                 };
-                _context.next = 19;
+                _left2 = _this8.cumputedX(v.time);
+                title.dataList.push(_left2);
+                _context.next = 23;
                 return _this8.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   originX: 'center',
-                  left: _this8.cumputedX(v.time)
+                  left: _left2
                 }, item.style), item.style ? {
                   stroke: item.style.fill
                 } : {}), _icon.style || {}), commonOptions));
 
-              case 19:
+              case 23:
                 icon = _context.sent;
                 text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
-                  left: icon.left + icon.width / 2,
+                  left: _left2 + icon.width / 2,
                   name: v.value
                 }, commonOptions));
-                groupObj = new _this8.fabric.Group([icon, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                groupObj = new _this8.fabric.Group([icon, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
                   lockMovementX: true,
                   lockMovementY: true
-                }, commonOptions), _this8.eventStyle));
+                }, commonOptions), _this8.eventStyle), {}, {
+                  realLeft: _left2
+                }));
                 groupObj.hasControls = groupObj.hasBorders = false;
 
                 _this8.setPopup(groupObj);
 
                 textList.push(groupObj);
 
-              case 25:
+              case 29:
                 i++;
-                _context.next = 13;
+                _context.next = 15;
                 break;
 
-              case 28:
+              case 32:
                 index++;
                 _context.next = 4;
                 break;
 
-              case 31:
+              case 35:
                 (_this8$canvas = _this8.canvas).add.apply(_this8$canvas, textList);
 
-              case 32:
+              case 36:
               case "end":
                 return _context.stop();
             }
@@ -3996,17 +4095,88 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         }, _callee);
       }))();
     },
-    setPopup: function setPopup(point) {
+    setMovingEvent: function setMovingEvent(point) {
       var _this9 = this;
 
+      var _this$propItems3 = this.propItems,
+          originX = _this$propItems3.originX,
+          originY = _this$propItems3.originY,
+          endX = _this$propItems3.endX,
+          endY = _this$propItems3.endY;
+
+      var isLimit = function isLimit() {
+        return point.left >= originX && point.left <= endX && point.top >= originY && point.top <= endY;
+      };
+
+      var cloneObj;
+      point.on('moving', function () {
+        point.set('originX', 'center');
+        !point.isClone && point.clone(function (obj) {
+          obj.set('originX', 'right');
+
+          _this9.canvas.add(obj);
+
+          cloneObj = obj;
+          point.isClone = true;
+        });
+
+        if (isLimit()) {
+          bus.$emit('mouseoverTarget', true);
+
+          _this9.showDrapPopup(point, true);
+        } else {
+          !_this9.isRightVisible && bus.$emit('mouseoverTarget', false);
+          _this9.isDropVisible = false;
+        }
+      });
+      point.on('moved', function () {
+        _this9.canvas.remove(cloneObj);
+
+        point.isClone = false;
+
+        _this9.removeOther();
+
+        _this9.drawTextDataGroup(_this9.templateData.other);
+
+        !_this9.isRightVisible && bus.$emit('mouseoverTarget', false);
+        _this9.isDropVisible = false;
+
+        if (isLimit()) {
+          var type = point.type,
+              dataIndex = point.dataIndex,
+              left = point.left,
+              dataList = point.dataList;
+
+          var time = _this9.getXValue(left);
+
+          var index = dataList.findIndex(function (_left) {
+            return _left > left;
+          }); // 使用定时器，是因为：防止上方移除重绘过慢新增完后再次触发移除重绘导致页面多次重绘节点
+
+          setTimeout(function () {
+            _this9.$emit('addOhter', {
+              type: type,
+              dataIndex: dataIndex,
+              index: !~index ? dataList.length ? dataList.length - 1 : 0 : index,
+              data: {
+                time: time
+              }
+            });
+          });
+        }
+      });
+    },
+    setPopup: function setPopup(point) {
+      var _this10 = this;
+
       point.on('mouseover', function () {
         bus.$emit('mouseoverTarget', true);
 
-        _this9.showDrapPopup(point, true);
+        _this10.showDrapPopup(point, true);
       });
       point.on('mouseout', function () {
-        !_this9.isRightVisible && bus.$emit('mouseoverTarget', false);
-        _this9.isDropVisible = false;
+        !_this10.isRightVisible && bus.$emit('mouseoverTarget', false);
+        _this10.isDropVisible = false;
       });
     },
     // 判断当前时间是否超出网格区域
@@ -4018,11 +4188,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       return time >= minTime && time <= maxTime;
     },
     removeMark: function removeMark() {
-      var _this10 = this;
+      var _this11 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.type && obj.type === 'mark') {
-          _this10.canvas.remove(obj);
+          _this11.canvas.remove(obj);
         }
       });
     },
@@ -4032,18 +4202,19 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           _obj$iconStyle,
           _obj$seqStyle,
           _obj$seqStyle$circle,
-          _this11 = this;
+          _this12 = this;
+
+      var _this$propItems4 = this.propItems,
+          endX = _this$propItems4.endX,
+          originX = _this$propItems4.originX,
+          endY = _this$propItems4.endY,
+          canvasHeight = _this$propItems4.canvasHeight,
+          topTotal = _this$propItems4.topTotal;
 
-      if (!obj.list) {
+      if (!obj.list || endY === canvasHeight) {
         return;
       }
 
-      var _this$propItems3 = this.propItems,
-          endX = _this$propItems3.endX,
-          originX = _this$propItems3.originX,
-          endY = _this$propItems3.endY,
-          canvasHeight = _this$propItems3.canvasHeight,
-          topTotal = _this$propItems3.topTotal;
       topTotal.width && this.canvas.add(this.drawLine([endX, endY - 1, endX, canvasHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle))); // const textList = [];
 
       var marginLeft = this.templateData.left.leftYScalevalue.spaceGridNumber || defaultVaule.spaceGridNumber;
@@ -4069,9 +4240,9 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var addCanvas = function addCanvas(point) {
         point.hasControls = point.hasBorders = false;
 
-        _this11.pointEvent(point);
+        _this12.pointEvent(point);
 
-        _this11.canvas.add(point); // this.canvas.requestRenderAll();
+        _this12.canvas.add(point); // this.canvas.requestRenderAll();
 
       };
 
@@ -4101,9 +4272,9 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           y: baseY
         };
 
-        var x = _this11.cumputedX(item[0]);
+        var x = _this12.cumputedX(item[0]);
 
-        if (_this11.isLimit(item[0])) {
+        if (_this12.isLimit(item[0])) {
           item[1].forEach( /*#__PURE__*/function () {
             var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
               var common, eventStyle, option, ele, img, _obj$seqStyle2, _obj$seqStyle3, circle, text, group, _text;
@@ -4122,12 +4293,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         name: v.name,
                         type: 'mark'
                       };
-                      eventStyle = !_this11.eventStyle.evented ? {
+                      eventStyle = !_this12.eventStyle.evented ? {
                         lockMovementX: true,
                         lockMovementY: true
                       } : {};
 
-                      if (!(_this11.isObject(v) && !v.value)) {
+                      if (!(_this12.isObject(v) && !v.value)) {
                         _context2.next = 15;
                         break;
                       }
@@ -4141,14 +4312,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       }
 
                       _context2.next = 8;
-                      return _this11.createImage(v.iconClassName, v);
+                      return _this12.createImage(v.iconClassName, v);
 
                     case 8:
                       ele = _context2.sent;
 
                     case 9:
                       _context2.next = 11;
-                      return _this11.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])({
+                      return _this12.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])({
                         ele: ele || ''
                       }, option));
 
@@ -4172,7 +4343,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       common.top = setTop(lineHeightSeq, i, condition); // 标记增加序号
 
                       _context2.next = 20;
-                      return _this11.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), {}, {
+                      return _this12.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), {}, {
                         radius: 5,
                         strokeWidth: 1,
                         stroke: '#000',
@@ -4181,15 +4352,15 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
                     case 20:
                       circle = _context2.sent;
-                      text = new _this11.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
-                      group = new _this11.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
+                      text = new _this12.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
+                      group = new _this12.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
                       addCanvas(group);
                       _context2.next = 29;
                       break;
 
                     case 26:
                       common.top = setTop(lineHeightText, i, condition);
-                      _text = new _this11.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), common), eventStyle));
+                      _text = new _this12.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), common), eventStyle));
                       addCanvas(_text);
 
                     case 29:
@@ -4208,26 +4379,26 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }); // this.canvas.add(...textList);
     },
     pointEvent: function pointEvent(point) {
-      var _this12 = this;
+      var _this13 = this;
 
       this.setPopup(point); // 移动中 实时更新相关联的线的坐标
 
       if (this.eventStyle.evented) {
         point.on('moving', function () {
-          _this12.moveLimit(point); // this.canvas.renderAll();
+          _this13.moveLimit(point); // this.canvas.renderAll();
 
 
-          _this12.showDrapPopup(point);
+          _this13.showDrapPopup(point);
         });
         point.on('moved', function () {
-          _this12.isDropVisible = false;
+          _this13.isDropVisible = false;
           var value = {
             data: point.data,
             oldVal: point.time,
-            newVal: _this12.getXValue(point.left)
+            newVal: _this13.getXValue(point.left)
           };
 
-          _this12.$emit('markChange', value);
+          _this13.$emit('markChange', value);
         });
       }
     },
@@ -4235,11 +4406,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var _point$other;
 
       point.setCoords();
-      var _this$propItems4 = this.propItems,
-          originX = _this$propItems4.originX,
-          endX = _this$propItems4.endX,
-          originY = _this$propItems4.originY,
-          canvasHeight = _this$propItems4.canvasHeight;
+      var _this$propItems5 = this.propItems,
+          originX = _this$propItems5.originX,
+          endX = _this$propItems5.endX,
+          originY = _this$propItems5.originY,
+          canvasHeight = _this$propItems5.canvasHeight;
       var bottom = this.templateData.bottom; // 如果是起始标记，如入手术室时间
 
       if ((_point$other = point.other) !== null && _point$other !== void 0 && _point$other.isStart) {
@@ -4321,7 +4492,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           top: this.propItems.yCellHeight
         }
       };
-      var x = arguments.length > 1 && (_point$other4 = point.other) !== null && _point$other4 !== void 0 && _point$other4.viewTime ? point.other.viewTime : this.getXValue(point.left);
+      var x = arguments.length > 1 && (_point$other4 = point.other) !== null && _point$other4 !== void 0 && _point$other4.viewTime ? point.other.viewTime : this.getXValue(point.realLeft || point.left);
       this.dropVal = {
         title: point.name || '',
         list: [{
@@ -4333,11 +4504,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     },
     drawLeftScaleGroup: function drawLeftScaleGroup(dataLeft) {
       this.drawLeftTitle(dataLeft);
-      var _this$propItems5 = this.propItems,
-          canvasHeight = _this$propItems5.canvasHeight,
-          originX = _this$propItems5.originX,
-          originY = _this$propItems5.originY,
-          treeTableminCellWidth = _this$propItems5.treeTableminCellWidth;
+      var _this$propItems6 = this.propItems,
+          canvasHeight = _this$propItems6.canvasHeight,
+          originX = _this$propItems6.originX,
+          originY = _this$propItems6.originY,
+          treeTableminCellWidth = _this$propItems6.treeTableminCellWidth;
       var rect = new this.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
         left: treeTableminCellWidth,
         top: originY,
@@ -4381,8 +4552,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
 var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricTextGroupvue_type_script_lang_js_,
-  FabricTextGroupvue_type_template_id_74876ab4_render,
-  FabricTextGroupvue_type_template_id_74876ab4_staticRenderFns,
+  FabricTextGroupvue_type_template_id_66ab25fc_render,
+  FabricTextGroupvue_type_template_id_66ab25fc_staticRenderFns,
   false,
   null,
   null,
@@ -4391,14 +4562,14 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricTextGroup = (FabricTextGroup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=f880e596&
-var FabricScaleValuevue_type_template_id_f880e596_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
-var FabricScaleValuevue_type_template_id_f880e596_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=2fb04f40&
+var FabricScaleValuevue_type_template_id_2fb04f40_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
+var FabricScaleValuevue_type_template_id_2fb04f40_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=f880e596&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=2fb04f40&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=3b20fb44&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=3b20fb44&scoped=true&
 var TimeScaleValuevue_type_template_id_3b20fb44_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"c-time-scalevalue",style:({ '--left': _vm.popupStyle.left, '--top': _vm.popupStyle.top, '--height': _vm.popupStyle.height, '--width': _vm.popupStyle.width })},_vm._l((_vm.times),function(item,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(index % 2 == 0),expression:"index % 2 == 0"}],key:item.left,staticClass:"c-time-scalevalue-list",style:({ left: ((item.left - item.width / 2) + "px"), '--font-size': _vm.popupStyle.fontSize })},[_vm._v(" "+_vm._s(item.time)+" ")])}),0)}
 var TimeScaleValuevue_type_template_id_3b20fb44_scoped_true_staticRenderFns = []
 
@@ -4594,11 +4765,18 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
           xCellWidth = _this$propItems.xCellWidth,
           originYTime = _this$propItems.originYTime,
           spaceHeight = _this$propItems.spaceHeight;
-      var spaceGridNumber = obj.xScalevalue.spaceGridNumber || 3;
-      var defaultSpaceMinute = obj.xScalevalue.defaultSpaceTime || 15;
+
+      var _ref = obj.xScalevalue || {},
+          _ref$spaceGridNumber = _ref.spaceGridNumber,
+          spaceGridNumber = _ref$spaceGridNumber === void 0 ? 3 : _ref$spaceGridNumber,
+          _ref$defaultSpaceTime = _ref.defaultSpaceTime,
+          defaultSpaceMinute = _ref$defaultSpaceTime === void 0 ? 15 : _ref$defaultSpaceTime,
+          _ref$style = _ref.style,
+          style = _ref$style === void 0 ? {} : _ref$style,
+          _ref$customStyle = _ref.customStyle,
+          customStyle = _ref$customStyle === void 0 ? {} : _ref$customStyle;
+
       var defaultSpaceTime = defaultSpaceMinute * 60 * 1000;
-      var style = obj.xScalevalue.style || {};
-      var customStyle = obj.xScalevalue.customStyle || {};
       var top = originYTime + Math.floor(spaceHeight / 2);
       var textList = [];
       var list = obj.xScalevalue.list || [];
@@ -4628,18 +4806,36 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       var _this2 = this;
 
       if (!obj) return;
-      var spaceGridNumber = obj.rightYScalevalue.spaceGridNumber || 2;
-      var marginLeft = obj.rightYScalevalue.marginLeft || 3;
-      var originX = this.propItems.endX + marginLeft;
-      var style = obj.rightYScalevalue.style ? obj.rightYScalevalue.style : {};
+
+      var _ref2 = obj.rightYScalevalue || {},
+          _ref2$spaceGridNumber = _ref2.spaceGridNumber,
+          spaceGridNumber = _ref2$spaceGridNumber === void 0 ? 2 : _ref2$spaceGridNumber,
+          _ref2$marginLeft = _ref2.marginLeft,
+          marginLeft = _ref2$marginLeft === void 0 ? 3 : _ref2$marginLeft,
+          _ref2$style = _ref2.style,
+          style = _ref2$style === void 0 ? {} : _ref2$style,
+          _ref2$list = _ref2.list,
+          list = _ref2$list === void 0 ? [] : _ref2$list,
+          unit = _ref2.unit;
+
+      var _this$propItems2 = this.propItems,
+          endX = _this$propItems2.endX,
+          endY = _this$propItems2.endY,
+          yCellHeight = _this$propItems2.yCellHeight;
+
+      var _originX = endX + marginLeft;
+
       var textList = [];
-      obj.rightYScalevalue.list.forEach(function (item, index) {
-        textList.push(_this2.createText(item, originX, _this2.propItems.endY - index * _this2.propItems.yCellHeight * spaceGridNumber, 'left', style));
+      list.forEach(function (item, index) {
+        var numObj = _this2.createText(item, _originX, endY - index * yCellHeight * spaceGridNumber, 'left', style);
+
+        index === 0 && _this2.setOverFlowPoint(numObj);
+        textList.push(numObj);
       }); // 添加单位
 
-      if (obj.rightYScalevalue.unit) {
-        var top = this.propItems.endY - obj.rightYScalevalue.list.length * this.propItems.yCellHeight * spaceGridNumber + this.propItems.yCellHeight;
-        textList.push(this.createText(obj.rightYScalevalue.unit, originX, top, 'left', style));
+      if (unit) {
+        var top = endY - list.length * yCellHeight * spaceGridNumber + yCellHeight;
+        textList.push(this.createText(unit, _originX, top, 'left', style));
       }
 
       var group = new this.fabric.Group([].concat(textList), {
@@ -4650,33 +4846,45 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       this.canvas.sendBackwards(group);
     },
     leftScaleValue: function leftScaleValue(obj) {
-      var _obj$leftYScalevalue,
-          _this3 = this;
+      var _this3 = this;
 
-      var _this$propItems2 = this.propItems,
-          endY = _this$propItems2.endY,
-          yCellHeight = _this$propItems2.yCellHeight;
-      var spaceGridNumber = obj.leftYScalevalue.spaceGridNumber || 2;
+      var _ref3 = obj.leftYScalevalue || {},
+          _ref3$spaceGridNumber = _ref3.spaceGridNumber,
+          spaceGridNumber = _ref3$spaceGridNumber === void 0 ? 2 : _ref3$spaceGridNumber,
+          _ref3$titleMargin = _ref3.titleMargin,
+          titleMargin = _ref3$titleMargin === void 0 ? [5, 30] : _ref3$titleMargin,
+          _ref3$listMarginRight = _ref3.listMarginRight,
+          listMarginRight = _ref3$listMarginRight === void 0 ? 3 : _ref3$listMarginRight,
+          _ref3$style = _ref3.style,
+          style = _ref3$style === void 0 ? {} : _ref3$style,
+          _ref3$list = _ref3.list,
+          list = _ref3$list === void 0 ? [] : _ref3$list,
+          name = _ref3.name,
+          unit = _ref3.unit;
 
-      var _ref = ((_obj$leftYScalevalue = obj.leftYScalevalue) === null || _obj$leftYScalevalue === void 0 ? void 0 : _obj$leftYScalevalue.titleMargin) || [5, 30],
-          _ref2 = Object(slicedToArray["a" /* default */])(_ref, 2),
-          titleMarginRight = _ref2[0],
-          titleMarginButton = _ref2[1];
+      var _this$propItems3 = this.propItems,
+          originX = _this$propItems3.originX,
+          endY = _this$propItems3.endY,
+          yCellHeight = _this$propItems3.yCellHeight;
+
+      var _titleMargin = Object(slicedToArray["a" /* default */])(titleMargin, 2),
+          titleMarginRight = _titleMargin[0],
+          titleMarginButton = _titleMargin[1];
 
-      var listMarginRight = obj.leftYScalevalue.listMarginRight || 3;
-      var style = obj.leftYScalevalue.style || {};
-      var originX = this.propItems.originX;
       var textList = [];
-      obj.leftYScalevalue.list.forEach(function (item, index) {
-        textList.push(_this3.createText(item, originX - listMarginRight, endY - index * yCellHeight * spaceGridNumber, 'right', style));
+      list.forEach(function (item, index) {
+        var numObj = _this3.createText(item, originX - listMarginRight, endY - index * yCellHeight * spaceGridNumber, 'right', style);
+
+        index === 0 && _this3.setOverFlowPoint(numObj);
+        textList.push(numObj);
       }); // 添加标题和单位
 
       var txt = '';
-      txt = obj.leftYScalevalue.name || '';
-      if (obj.leftYScalevalue.unit) txt += '\n' + obj.leftYScalevalue.unit;
+      txt = name || '';
+      if (unit) txt += '\n' + unit;
 
       if (txt) {
-        var top = endY - (obj.leftYScalevalue.list.length - 1) * yCellHeight * spaceGridNumber - titleMarginButton;
+        var top = endY - (list.length - 1) * yCellHeight * spaceGridNumber - titleMarginButton;
         textList.push(this.createText(txt, originX - titleMarginRight, top, 'right', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, style), {}, {
           textAlign: 'right',
           originY: 'bottom'
@@ -4690,6 +4898,12 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       this.canvas.add(group);
       this.canvas.sendBackwards(group);
     },
+    setOverFlowPoint: function setOverFlowPoint(point) {
+      var _this$propItems4 = this.propItems,
+          endY = _this$propItems4.endY,
+          canvasHeight = _this$propItems4.canvasHeight;
+      endY === canvasHeight && point.set('top', point.top - point.height / 2);
+    },
     createText: function createText(text, left, top, originX, style) {
       return new this.fabric.Text(String(text), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultTextStyle), {}, {
         left: left,
@@ -4712,8 +4926,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
 
 var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricScaleValuevue_type_script_lang_js_,
-  FabricScaleValuevue_type_template_id_f880e596_render,
-  FabricScaleValuevue_type_template_id_f880e596_staticRenderFns,
+  FabricScaleValuevue_type_template_id_2fb04f40_render,
+  FabricScaleValuevue_type_template_id_2fb04f40_staticRenderFns,
   false,
   null,
   null,
@@ -4722,12 +4936,12 @@ var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricScaleValue = (FabricScaleValue_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3a223fa1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=6bcbb555&
-var FabricLinesvue_type_template_id_6bcbb555_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricLinesvue_type_template_id_6bcbb555_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"205b3bf6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=a683fbc4&
+var FabricLinesvue_type_template_id_a683fbc4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricLinesvue_type_template_id_a683fbc4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=6bcbb555&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=a683fbc4&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=script&lang=js&
 
@@ -5032,8 +5246,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                 _context.next = 25;
                 return _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
                   position: 'left',
-                  customIcon: !endMinute && !isContinue ? true : false,
-                  isContinue: isContinue
+                  customIcon: !endMinute && !isContinue
                 });
 
               case 25:
@@ -5107,7 +5320,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
                 _context.next = 38;
                 return _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
-                  position: 'right'
+                  position: 'right',
+                  isContinue: isContinue
                 });
 
               case 38:
@@ -5263,7 +5477,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var _this6 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var id, point, left, position, customIcon, isContinue, line, arrow, common, _this6$linesObj$dataL, dataLineStyle, _customIcon, rect;
+        var id, point, left, position, customIcon, isContinue, line, common, _this6$linesObj$dataL, dataLineStyle, _customIcon, rect;
 
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
@@ -5305,40 +5519,39 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
               case 9:
                 line = _context2.sent;
-                _context2.next = 21;
+                _context2.next = 20;
                 break;
 
               case 12:
-                line = _this6.drawLine(point, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, dataLineStyle), common));
-
                 if (!isContinue) {
-                  _context2.next = 19;
+                  _context2.next = 18;
                   break;
                 }
 
-                _context2.next = 16;
-                return _this6.ceateLineArrow(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-                  left: x1,
-                  top: y1 + (y2 - y1) / 2,
-                  originY: 'center',
-                  width: 14,
-                  height: 5,
-                  arrowwidth: 6,
-                  arrowheight: 5
+                _context2.next = 15;
+                return _this6.createArrow(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                  left: x2,
+                  top: y1 + (y2 - y1) / 2 - 3.5,
+                  originY: 'bottom',
+                  originX: 'right',
+                  fill: 'transparent',
+                  width: 7,
+                  height: 7,
+                  angle: 270
                 }, dataLineStyle), common));
 
-              case 16:
+              case 15:
                 _context2.t0 = _context2.sent;
-                _context2.next = 20;
+                _context2.next = 19;
                 break;
 
+              case 18:
+                _context2.t0 = _this6.drawLine(point, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, dataLineStyle), common));
+
               case 19:
-                _context2.t0 = null;
+                line = _context2.t0;
 
               case 20:
-                arrow = _context2.t0;
-
-              case 21:
                 rect = new _this6.fabric.Rect({
                   width: _this6.propItems.xCellWidth,
                   height: y2 - y1,
@@ -5348,7 +5561,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                   selectable: false,
                   evented: false
                 });
-                return _context2.abrupt("return", new _this6.fabric.Group([line, rect].concat(Object(toConsumableArray["a" /* default */])(arrow ? [arrow] : [])), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                return _context2.abrupt("return", new _this6.fabric.Group([line, rect], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   selectable: true,
                   evented: true,
                   originX: 'center',
@@ -5357,11 +5570,12 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                   rowIndex: i,
                   colIndex: j
                 }, _this6.eventStyle), others), {}, {
+                  isContinue: isContinue,
                   lockMovementY: true // 锁定Y轴，即只能x轴方向移动
 
                 })));
 
-              case 23:
+              case 22:
               case "end":
                 return _context2.stop();
             }
@@ -5505,7 +5719,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var rowIndex = line.rowIndex,
           colIndex = line.colIndex,
           position = line.position,
-          left = line.left;
+          left = line.left,
+          isContinue = line.isContinue;
       var linesRow = this.lines[rowIndex]; // isHover，只是鼠标移上去显示提示信息而不需要重新计算x值
 
       if (isHover) {
@@ -5519,7 +5734,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         };
       }
 
-      var x = this.getXValue(left);
+      var x = this.getXValue(isContinue ? left + 0.5 : left);
 
       if (position === 'left') {
         linesRow.lineList[colIndex][0] = x;
@@ -5658,8 +5873,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
 var FabricLines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricLinesvue_type_script_lang_js_,
-  FabricLinesvue_type_template_id_6bcbb555_render,
-  FabricLinesvue_type_template_id_6bcbb555_staticRenderFns,
+  FabricLinesvue_type_template_id_a683fbc4_render,
+  FabricLinesvue_type_template_id_a683fbc4_staticRenderFns,
   false,
   null,
   null,