cnhis-design-vue 2.1.93 → 2.1.95

package/es/fabric-chart/index.js

@@ -288,12 +288,12 @@ 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":"21fd8331-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=7deeb371&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 || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=bbb2d972&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),[_c('fabric-grid'),(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),(_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 || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=7deeb371&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=bbb2d972&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -301,16 +301,19 @@ 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":"21fd8331-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=e9259622&
-var FabricCanvasvue_type_template_id_e9259622_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_e9259622_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=198a3c0c&
+var FabricCanvasvue_type_template_id_198a3c0c_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_198a3c0c_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=e9259622&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=198a3c0c&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
 
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
+var slicedToArray = __webpack_require__("3835");
+
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
 var es_array_map_js_ = __webpack_require__("4391");
 
@@ -320,6 +323,9 @@ var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 // EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
 var es_array_find_js_ = __webpack_require__("0d58");
 
+// EXTERNAL MODULE: external "core-js/modules/es.object.entries.js"
+var es_object_entries_js_ = __webpack_require__("a005");
+
 // EXTERNAL MODULE: external "core-js/modules/es.reflect.delete-property.js"
 var es_reflect_delete_property_js_ = __webpack_require__("a32b");
 
@@ -342,7 +348,8 @@ var external_fabric_ = __webpack_require__("0cc6");
 var defaultVaule_data = {
   style: {
     evented: false,
-    selectable: false
+    selectable: false,
+    objectCaching: false
   },
   rectStyle: {
     fill: 'transparent',
@@ -425,6 +432,8 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
 
 
 
+
+
 //
 //
 //
@@ -480,6 +489,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
           type: _this.templateData.type,
           endX: _this.endX,
           endY: _this.endY,
+          markHeight: _this.markHeight,
           originX: _this.originX,
           originY: _this.originY,
           treeTableminCellWidth: _this.treeTableminCellWidth,
@@ -543,6 +553,13 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       // 画布高度
       return this.templateData.canvasHeight;
     },
+    layout: function layout() {
+      return this.templateData.layout || {
+        top: 'drug',
+        center: 'xAxis',
+        bottom: 'intraoperatively'
+      };
+    },
     treeTableminCellWidth: function treeTableminCellWidth() {
       var _this$templateData$to, _this$templateData$le;
 
@@ -579,24 +596,19 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
     },
     originY: function originY() {
       // 主网格起始高度值
-      return this.spaceHeight + (this.endYTop - this.originYTop);
+      var currentLayout = this.getLayout('intraoperatively') || 'bottom';
+      return this.getOriginTop(currentLayout);
     },
     endX: function endX() {
       var _this$templateData$ri, _this$templateData$ri2;
 
-      // 网格区域水平方向最大坐标值, 也是整个画布右侧列表坐标起始值，网格右下角x轴坐标值
+      // 术中监测结束x坐标
       if (!this.templateData.right && !this.topTotal) return this.templateData.canvasWidth;
       return this.templateData.canvasWidth - ((_this$templateData$ri = (_this$templateData$ri2 = this.templateData.right) === null || _this$templateData$ri2 === void 0 ? void 0 : _this$templateData$ri2.width) !== null && _this$templateData$ri !== void 0 ? _this$templateData$ri : 20) - this.topTotal.width;
     },
     endY: function endY() {
-      // 画布高度 - 底部列表高度 ，网格右下角y轴坐标值
-      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;
+      // 术中监测结束y坐标
+      return this.originY + (this.canvasHeight - this.gridHeightTop - this.spaceHeight - this.markHeight);
     },
     xCellWidth: function xCellWidth() {
       // 水平方向网格宽度
@@ -606,6 +618,16 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       // 垂直方向网格宽度
       return (this.endY - this.originY) / this.gridYNumber;
     },
+    // 标记部分高度值
+    markHeight: function markHeight() {
+      var _ref = this.templateData.bottom || {},
+          _ref$show = _ref.show,
+          show = _ref$show === void 0 ? true : _ref$show,
+          height = _ref.height;
+
+      if (!show || !height) return 0;
+      return height;
+    },
     spaceHeight: function spaceHeight() {
       var _this$templateData$to9;
 
@@ -613,7 +635,8 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       return ((_this$templateData$to9 = this.templateData.top) === null || _this$templateData$to9 === void 0 ? void 0 : _this$templateData$to9.spaceHeight) || defaultVaule.topSpaceHeight;
     },
     originYTime: function originYTime() {
-      return this.originYTop > 0 ? 0 : this.endYTop;
+      var currentLayout = this.getLayout('xAxis') || 'center';
+      return this.getOriginTop(currentLayout);
     },
     yCellHeightTop: function yCellHeightTop() {
       var _this$templateData$to10;
@@ -621,24 +644,24 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       // 头部表格垂直方向网格高度
       return ((_this$templateData$to10 = this.templateData.top) === null || _this$templateData$to10 === void 0 ? void 0 : _this$templateData$to10.treeTableminCellHeight) || 20;
     },
-    endYTop: function endYTop() {
-      var endYTop = this.gridYnumberTop * this.yCellHeightTop;
-      return this.originYTop + endYTop;
+    // x轴高度值
+    gridHeightTop: function gridHeightTop() {
+      return this.gridYnumberTop * this.yCellHeightTop;
     },
+    // 用药区域起始y坐标
     originYTop: function originYTop() {
-      var _this$templateData$to11;
-
-      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;
+      var currentLayout = this.getLayout('drug') || 'center';
+      return this.getOriginTop(currentLayout);
+    },
+    // 用药区域结束y坐标
+    endYTop: function endYTop() {
+      return this.originYTop + this.gridHeightTop;
     },
     // 转换为时间戳的x轴时间列表
     xScaleList: function xScaleList() {
-      var _this$templateData$to12, _this$templateData$to13;
+      var _this$templateData$to11, _this$templateData$to12;
 
-      var list = ((_this$templateData$to12 = this.templateData.top) === null || _this$templateData$to12 === void 0 ? void 0 : (_this$templateData$to13 = _this$templateData$to12.xScalevalue) === null || _this$templateData$to13 === void 0 ? void 0 : _this$templateData$to13.list) || [];
+      var list = ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : (_this$templateData$to12 = _this$templateData$to11.xScalevalue) === null || _this$templateData$to12 === void 0 ? void 0 : _this$templateData$to12.list) || [];
       return list.map(function (item) {
         return new Date(item).getTime();
       });
@@ -721,8 +744,8 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
   },
   methods: {
     init: function init() {
-      var _this$templateData$to14,
-          _this$templateData$to15,
+      var _this$templateData$to13,
+          _this$templateData$to14,
           _this3 = this;
 
       this.canvas = new this.fabric.Canvas(this.id, Object(objectSpread2["a" /* default */])({
@@ -730,7 +753,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
         height: this.templateData.canvasHeight
       }, this.canvasAttr));
 
-      if ((_this$templateData$to14 = this.templateData.top) !== null && _this$templateData$to14 !== void 0 && (_this$templateData$to15 = _this$templateData$to14.list) !== null && _this$templateData$to15 !== void 0 && _this$templateData$to15.length) {
+      if ((_this$templateData$to13 = this.templateData.top) !== null && _this$templateData$to13 !== void 0 && (_this$templateData$to14 = _this$templateData$to13.list) !== null && _this$templateData$to14 !== void 0 && _this$templateData$to14.length) {
         this.getGridYnumberTop(this.templateData.top.list);
         this.treeList = this.setTreeStyle(vexutils_default.a.clone(this.templateData.top.list, true));
       }
@@ -757,12 +780,57 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
 
           (_this3$throttleEvent2 = _this3.throttleEvent) === null || _this3$throttleEvent2 === void 0 ? void 0 : _this3$throttleEvent2.call(_this3, event, _this3.fabricPolylinesInstances);
           _this3.fabricLinesInstances.isDropVisible = false;
-        } else if (x <= originX || x >= endX || y <= originYTop || y >= endY) {
+        } else if (x <= originX || x >= endX || !(y > originY && y < endY || y > originYTop && y < endYTop)) {
           _this3.fabricPolylinesInstances.isDropVisible = false;
           _this3.fabricLinesInstances.isDropVisible = false;
         }
       });
     },
+    // 根据布局名称获取其位置
+    getLayout: function getLayout(moduleName) {
+      var layout = '';
+      Object.entries(this.layout).some(function (_ref2) {
+        var _ref3 = Object(slicedToArray["a" /* default */])(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+
+        if (value === moduleName) {
+          layout = key;
+          return true;
+        }
+
+        return;
+      });
+      return layout;
+    },
+    // 根据定位获取模块高度值
+    getLayoutHeight: function getLayoutHeight(layout) {
+      var moduleName = this.layout[layout];
+
+      switch (moduleName) {
+        case 'drug':
+          return this.gridHeightTop;
+
+        case 'xAxis':
+          return this.spaceHeight;
+
+        default:
+          return this.canvasHeight - this.gridHeightTop - this.spaceHeight;
+      }
+    },
+    // 根据定位获取模块起始y坐标
+    getOriginTop: function getOriginTop(layout) {
+      switch (layout) {
+        case 'top':
+          return 0;
+
+        case 'center':
+          return this.getLayoutHeight('top');
+
+        default:
+          return this.getLayoutHeight('top') + this.getLayoutHeight('center');
+      }
+    },
     getGridYnumberTop: function getGridYnumberTop(list) {
       // 头部表格垂直方向网格总数
       for (var i = 0; i < list.length; i++) {
@@ -788,9 +856,9 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       var _node = arguments.length > 2 ? arguments[2] : undefined;
 
       var arr = [];
-      var _this$templateData$to16 = this.templateData.top,
-          treeTableminCellWidth = _this$templateData$to16.treeTableminCellWidth,
-          treeTableminCellHeight = _this$templateData$to16.treeTableminCellHeight;
+      var _this$templateData$to15 = this.templateData.top,
+          treeTableminCellWidth = _this$templateData$to15.treeTableminCellWidth,
+          treeTableminCellHeight = _this$templateData$to15.treeTableminCellHeight;
 
       for (var i = 0; i < list.length; i++) {
         var _node$children;
@@ -878,8 +946,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_e9259622_render,
-  FabricCanvasvue_type_template_id_e9259622_staticRenderFns,
+  FabricCanvasvue_type_template_id_198a3c0c_render,
+  FabricCanvasvue_type_template_id_198a3c0c_staticRenderFns,
   false,
   null,
   null,
@@ -888,19 +956,16 @@ 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":"21fd8331-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=608a5cc8&
-var FabricPolylinesvue_type_template_id_608a5cc8_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_608a5cc8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=7d18b850&
+var FabricPolylinesvue_type_template_id_7d18b850_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_7d18b850_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=608a5cc8&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=7d18b850&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
-var slicedToArray = __webpack_require__("3835");
-
 // EXTERNAL MODULE: external "regenerator-runtime/runtime.js"
 var runtime_js_ = __webpack_require__("d16b");
 
@@ -1110,9 +1175,11 @@ var type_isObject = function isObject(obj) {
         centeredRotation: true,
         originX: 'center',
         originY: 'center',
-        lineHeight: 1
+        lineHeight: 1,
+        objectCaching: false
       },
       defaultGroupStyle: {
+        objectCaching: false,
         evented: false,
         selectable: false
       }
@@ -1289,7 +1356,7 @@ var type_isObject = function isObject(obj) {
               case 0:
                 data.hoverCursor = 'pointer';
                 _context.t0 = type;
-                _context.next = _context.t0 === 'triangle' ? 4 : _context.t0 === 'circle' ? 5 : _context.t0 === 'img' ? 6 : _context.t0 === 'arrow' ? 9 : _context.t0 === '+' ? 10 : _context.t0 === 'shjs' ? 11 : _context.t0 === 'shks' ? 14 : _context.t0 === 'qgcg' ? 17 : _context.t0 === 'zrhz' ? 21 : _context.t0 === 'cg' ? 26 : _context.t0 === 'jxtq' ? 29 : 30;
+                _context.next = _context.t0 === 'triangle' ? 4 : _context.t0 === 'circle' ? 5 : _context.t0 === 'img' ? 6 : _context.t0 === 'arrow' ? 9 : _context.t0 === '+' ? 10 : _context.t0 === 'shjs' ? 11 : _context.t0 === 'shks' ? 14 : _context.t0 === 'circleAndText' ? 17 : _context.t0 === 'qgcg' ? 20 : _context.t0 === 'zrhz' ? 24 : _context.t0 === 'cg' ? 29 : _context.t0 === 'jxtq' ? 32 : 33;
                 break;
 
               case 4:
@@ -1372,6 +1439,20 @@ var type_isObject = function isObject(obj) {
                 }, data)));
 
               case 17:
+                obj1 = new _this.fabric.Text(String(data.text), {
+                  fontFamily: '微软雅黑',
+                  fontSize: 12,
+                  originX: 'center',
+                  originY: 'center',
+                  fill: data.stroke,
+                  left: data.left,
+                  top: data.top - 1,
+                  objectCaching: false
+                });
+                obj2 = _this.createCircleBorder(data);
+                return _context.abrupt("return", new _this.fabric.Group([obj2, obj1], Object(objectSpread2["a" /* default */])({}, data)));
+
+              case 20:
                 width = data.width, height = data.height;
                 obj1 = new _this.fabric.Line([0, height / 2, width, height / 2], Object(objectSpread2["a" /* default */])({
                   strokeWidth: 1
@@ -1381,7 +1462,7 @@ var type_isObject = function isObject(obj) {
                 }));
                 return _context.abrupt("return", new _this.fabric.Group([obj2, obj1], Object(objectSpread2["a" /* default */])({}, data)));
 
-              case 21:
+              case 24:
                 _width = data.width, _height = data.height;
                 obj1 = new _this.fabric.Line([0, _height / 2, _width, _height / 2], Object(objectSpread2["a" /* default */])({
                   strokeWidth: 1
@@ -1394,17 +1475,17 @@ var type_isObject = function isObject(obj) {
                 }));
                 return _context.abrupt("return", new _this.fabric.Group([obj2, obj3, obj1], Object(objectSpread2["a" /* default */])({}, data)));
 
-              case 26:
+              case 29:
                 obj1 = _this.ceateLineArrow(data);
                 obj2 = _this.createCircleBorder(data);
                 return _context.abrupt("return", new _this.fabric.Group([obj2, obj1], Object(objectSpread2["a" /* default */])({
                   scale: 1
                 }, data)));
 
-              case 29:
+              case 32:
                 return _context.abrupt("return", _this.createJXTQ(data));
 
-              case 30:
+              case 33:
                 // 文字(默认:比如 type === x)
                 data.stroke && delete data.stroke;
                 return _context.abrupt("return", new _this.fabric.Text(String(type), Object(objectSpread2["a" /* default */])({
@@ -1414,7 +1495,7 @@ var type_isObject = function isObject(obj) {
                   fill: '#000'
                 }, data)));
 
-              case 32:
+              case 35:
               case "end":
                 return _context.stop();
             }
@@ -1550,7 +1631,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"21fd8331-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":"04b97cf4-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 = []
 
@@ -1658,7 +1739,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":"21fd8331-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":"04b97cf4-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 = []
 
@@ -1948,7 +2029,6 @@ var rightClickNodeConnect = [{
       return spaceWidth;
     }
   },
-  watch: {},
   mounted: function mounted() {
     var _this2 = this;
 
@@ -2201,11 +2281,11 @@ var rightClickNodeConnect = [{
           _this$other;
 
       var _this$propItems3 = this.propItems,
-          canvasHeight = _this$propItems3.canvasHeight,
+          endY = _this$propItems3.endY,
+          markHeight = _this$propItems3.markHeight,
           treeTableminCellWidth = _this$propItems3.treeTableminCellWidth,
           originX = _this$propItems3.originX,
           xScaleList = _this$propItems3.xScaleList,
-          xScaleCellList = _this$propItems3.xScaleCellList,
           endX = _this$propItems3.endX;
       var leftYScalevalue = this.polyline.find(function (v) {
         return v.position === 'left';
@@ -2274,7 +2354,7 @@ var rightClickNodeConnect = [{
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  baseTop = canvasHeight - lableMargin[1];
+                  baseTop = endY + markHeight - lableMargin[1];
                   top = baseTop - i * lableLineHeight;
                   left = lableMargin[0] + treeTableminCellWidth;
                   pointId = "".concat(v.polylineTypeId, "_").concat(v.polylineIndex, "_-1_polylinePoint_'").concat(new Date().getTime(), "_isTitle");
@@ -2318,6 +2398,7 @@ var rightClickNodeConnect = [{
                 case 12:
                   _context.next = 14;
                   return _this7.createPoint(v.type, Object(objectSpread2["a" /* default */])({
+                    objectCaching: false,
                     ele: ele || ''
                   }, option));
 
@@ -2809,6 +2890,7 @@ var rightClickNodeConnect = [{
                 ele = _context2.t0;
                 _context2.next = 9;
                 return _this13.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                  objectCaching: false,
                   id: pointId,
                   left: left,
                   top: top,
@@ -3001,7 +3083,9 @@ var rightClickNodeConnect = [{
         });
 
         if ((currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line = currentPointObj.line1) === null || _currentPointObj$line === void 0 ? void 0 : _currentPointObj$line.x1) !== prevPoint.left) {
-          currentPointObj.line1.set({
+          var _currentPointObj$line2;
+
+          currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line2 = currentPointObj.line1) === null || _currentPointObj$line2 === void 0 ? void 0 : _currentPointObj$line2.set({
             x1: prevPoint.left,
             y1: prevPoint.top,
             x2: currentPoint.left,
@@ -3623,8 +3707,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_608a5cc8_render,
-  FabricPolylinesvue_type_template_id_608a5cc8_staticRenderFns,
+  FabricPolylinesvue_type_template_id_7d18b850_render,
+  FabricPolylinesvue_type_template_id_7d18b850_staticRenderFns,
   false,
   null,
   null,
@@ -3730,12 +3814,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":"21fd8331-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=e8297b70&
-var FabricTextGroupvue_type_template_id_e8297b70_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_e8297b70_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=6d13980f&
+var FabricTextGroupvue_type_template_id_6d13980f_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_6d13980f_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=e8297b70&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=6d13980f&
 
 // 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/FabricTextGroup.vue?vue&type=script&lang=js&
 
@@ -3970,7 +4054,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           topTotal = _this$propItems2.topTotal,
           endYTop = _this$propItems2.endYTop,
           spaceHeight = _this$propItems2.spaceHeight,
-          originYTop = _this$propItems2.originYTop;
+          originYTop = _this$propItems2.originYTop,
+          originYTime = _this$propItems2.originYTime;
       var textList = [];
       var totalWidth = canvasWidth - endX;
       var left = endX + totalWidth / 2;
@@ -3997,7 +4082,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         text: String(topTotal.title)
       }, topTotal.style || defaultVaule.textStyle), {
         left: endX,
-        top: originYTop > 0 ? 0 : endYTop
+        top: originYTime
       });
 
       (_this$canvas = this.canvas).add.apply(_this$canvas, textList.concat([title]));
@@ -4072,7 +4157,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               index: i,
               type: 'colList',
               id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
-              name: v.value
+              name: v.value,
+              objectCaching: false
             }, _this7.eventStyle));
             text.hasControls = text.hasBorders = false;
 
@@ -4158,7 +4244,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   top: top,
                   dataIndex: index,
                   index: i,
-                  type: 'list'
+                  type: 'list',
+                  objectCaching: false
                 };
                 _left2 = _this8.cumputedX(v.time);
                 title.dataList.push(_left2);
@@ -4323,14 +4410,15 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           endX = _this$propItems4.endX,
           originX = _this$propItems4.originX,
           endY = _this$propItems4.endY,
-          canvasHeight = _this$propItems4.canvasHeight,
-          topTotal = _this$propItems4.topTotal;
+          topTotal = _this$propItems4.topTotal,
+          markHeight = _this$propItems4.markHeight;
 
-      if (!obj.list || endY === canvasHeight) {
+      if (!markHeight || !obj.list) {
         return;
       }
 
-      topTotal.width && this.canvas.add(this.drawLine([endX, endY - 1, endX, canvasHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle))); // const textList = [];
+      topTotal.width && this.canvas.add(this.drawLine([endX, endY - 1, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle)));
+      topTotal.width && this.canvas.add(this.drawLine([originX, endY + markHeight, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle))); // const textList = [];
 
       var marginLeft = this.templateData.left.leftYScalevalue.spaceGridNumber || defaultVaule.spaceGridNumber;
       var left = originX - marginLeft * 4; // 默认减去4倍的左边距，防止最左边的数据与名称显示重合了
@@ -4339,7 +4427,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         originX: 'right',
         originY: 'center',
         left: left,
-        top: endY + (canvasHeight - endY) / 2,
+        top: endY + markHeight / 2,
         type: 'mark'
       }));
       this.canvas.add(title); // textList.push(title);
@@ -4365,7 +4453,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         if (!~condition.limitIndex) {
           condition.y += i === 0 ? lineHeight / 2 : lineHeight;
 
-          if (condition.y >= canvasHeight - lineHeight / 2) {
+          if (condition.y >= endY + markHeight - lineHeight / 2) {
             condition.limitIndex++;
 
             if (condition.limitIndex === 0) {
@@ -4406,7 +4494,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         other: v.other || {},
                         time: item[0],
                         name: v.name,
-                        type: 'mark'
+                        type: 'mark',
+                        objectCaching: false
                       };
                       eventStyle = !_this12.eventStyle.evented ? {
                         lockMovementX: true,
@@ -4525,7 +4614,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           originX = _this$propItems5.originX,
           endX = _this$propItems5.endX,
           originY = _this$propItems5.originY,
-          canvasHeight = _this$propItems5.canvasHeight;
+          endY = _this$propItems5.endY,
+          markHeight = _this$propItems5.markHeight;
       var bottom = this.templateData.bottom; // 如果是起始标记，如入手术室时间
 
       if ((_point$other = point.other) !== null && _point$other !== void 0 && _point$other.isStart) {
@@ -4588,8 +4678,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         }
       }
 
-      if (point.top > canvasHeight - 14) {
-        point.set('top', canvasHeight - 14);
+      if (point.top > endY + markHeight - 14) {
+        point.set('top', endY + markHeight - 14);
       }
 
       if (point.top < originY) {
@@ -4620,7 +4710,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     drawLeftScaleGroup: function drawLeftScaleGroup(dataLeft) {
       this.drawLeftTitle(dataLeft);
       var _this$propItems6 = this.propItems,
-          canvasHeight = _this$propItems6.canvasHeight,
+          endY = _this$propItems6.endY,
+          markHeight = _this$propItems6.markHeight,
           originX = _this$propItems6.originX,
           originY = _this$propItems6.originY,
           treeTableminCellWidth = _this$propItems6.treeTableminCellWidth;
@@ -4628,7 +4719,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         left: treeTableminCellWidth,
         top: originY,
         width: originX - treeTableminCellWidth,
-        height: canvasHeight - originY
+        height: endY + markHeight - originY
       }, defaultVaule.rectStyle), defaultVaule.style), {}, {
         originX: 'left',
         originY: 'top'
@@ -4639,14 +4730,19 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     },
     drawLeftTitle: function drawLeftTitle(dataLeft) {
       if (dataLeft.title) {
+        var _this$propItems7 = this.propItems,
+            endY = _this$propItems7.endY,
+            markHeight = _this$propItems7.markHeight,
+            treeTableminCellWidth = _this$propItems7.treeTableminCellWidth,
+            originY = _this$propItems7.originY;
         this.canvas.add(this.drawTextGroup({
-          width: this.propItems.treeTableminCellWidth,
-          height: this.propItems.canvasHeight - this.propItems.originY
+          width: treeTableminCellWidth,
+          height: endY + markHeight - originY
         }, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
           text: String(dataLeft.title.split('').join('\n'))
         }, defaultVaule.textStyle), dataLeft.titleStyle), {
           left: 0,
-          top: this.propItems.originY
+          top: originY
         }));
       }
     }
@@ -4667,8 +4763,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_e8297b70_render,
-  FabricTextGroupvue_type_template_id_e8297b70_staticRenderFns,
+  FabricTextGroupvue_type_template_id_6d13980f_render,
+  FabricTextGroupvue_type_template_id_6d13980f_staticRenderFns,
   false,
   null,
   null,
@@ -4677,14 +4773,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":"21fd8331-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=0513fdc6&
-var FabricScaleValuevue_type_template_id_0513fdc6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
-var FabricScaleValuevue_type_template_id_0513fdc6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=68258044&
+var FabricScaleValuevue_type_template_id_68258044_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
+var FabricScaleValuevue_type_template_id_68258044_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=0513fdc6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"21fd8331-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=3492877c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=3492877c&scoped=true&
 var TimeScaleValuevue_type_template_id_3492877c_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_3492877c_scoped_true_staticRenderFns = []
 
@@ -4865,7 +4961,9 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
   },
   computed: {
     defaultTextStyle: function defaultTextStyle() {
-      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), {}, {
+      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+        objectCaching: false
+      }, defaultVaule.textStyle), {}, {
         centeredRotation: true,
         originX: 'center',
         originY: 'center'
@@ -4927,7 +5025,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       }, '');
       var group = new this.fabric.Group([].concat(textList), {
         evented: false,
-        selectable: false
+        selectable: false,
+        objectCaching: false
       });
       this.canvas.add(group);
       this.canvas.sendBackwards(group);
@@ -4970,7 +5069,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
 
       var group = new this.fabric.Group([].concat(textList), {
         evented: false,
-        selectable: false
+        selectable: false,
+        objectCaching: false
       });
       this.canvas.add(group);
       this.canvas.sendBackwards(group);
@@ -5029,10 +5129,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       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);
+      var markHeight = this.propItems.markHeight;
+      !markHeight && 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), {}, {
@@ -5056,8 +5154,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_0513fdc6_render,
-  FabricScaleValuevue_type_template_id_0513fdc6_staticRenderFns,
+  FabricScaleValuevue_type_template_id_68258044_render,
+  FabricScaleValuevue_type_template_id_68258044_staticRenderFns,
   false,
   null,
   null,
@@ -5066,12 +5164,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":"21fd8331-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=0f8342b1&
-var FabricLinesvue_type_template_id_0f8342b1_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_0f8342b1_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04b97cf4-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=02387c68&
+var FabricLinesvue_type_template_id_02387c68_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_02387c68_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=0f8342b1&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=02387c68&
 
 // 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&
 
@@ -5572,7 +5670,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         originY: 'center',
         id: '_lineGroup_' + new Date().getTime(),
         rowIndex: i,
-        colIndex: j
+        colIndex: j,
+        objectCaching: false
       }, this.linesObj.dataTextStyle || {}));
       this.setTextPosition(text, top, x1, x2, leftLimit, rightLimit, y2);
       text.hasControls = text.hasBorders = false;
@@ -6010,8 +6109,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_0f8342b1_render,
-  FabricLinesvue_type_template_id_0f8342b1_staticRenderFns,
+  FabricLinesvue_type_template_id_02387c68_render,
+  FabricLinesvue_type_template_id_02387c68_staticRenderFns,
   false,
   null,
   null,
@@ -6188,8 +6287,8 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 }));
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_FabricChartvue_type_script_lang_js_ = (FabricChartvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=7deeb371&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_7deeb371_lang_less_scoped_true_ = __webpack_require__("b665");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=bbb2d972&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_bbb2d972_lang_less_scoped_true_ = __webpack_require__("22aa");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -6206,7 +6305,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "7deeb371",
+  "bbb2d972",
   null
   
 )
@@ -6437,6 +6536,17 @@ module.exports = function (iterable, unboundFunction, options) {
 };
 
 
+/***/ }),
+
+/***/ "22aa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_bbb2d972_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6b68");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_bbb2d972_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_bbb2d972_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "23cb":
@@ -7611,6 +7721,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "6b68":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6b75":
@@ -8173,6 +8290,13 @@ module.exports = function (IteratorConstructor, NAME, next) {
 };
 
 
+/***/ }),
+
+/***/ "a005":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.entries.js");
+
 /***/ }),
 
 /***/ "a04b":
@@ -8351,13 +8475,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "b41a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "b575":
@@ -8475,17 +8592,6 @@ module.exports = function (name) {
 };
 
 
-/***/ }),
-
-/***/ "b665":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_7deeb371_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b41a");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_7deeb371_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_7deeb371_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "be94":