From c2050ae9551df8b3d979b53c5159cb5abd01827a Mon Sep 17 00:00:00 2001
From: yuanmogul <yuanmogul@qq.com>
Date: Thu, 19 Oct 2023 23:00:57 +0800
Subject: [PATCH] =?UTF-8?q?fixed=2065dc9db=20from=20https://gitee.com/novi?=
 =?UTF-8?q?ce0/go-view/pulls/214=20=20fix:=20=E8=A7=A3=E5=86=B3=E6=A0=87?=
 =?UTF-8?q?=E5=B0=BA=E7=BB=84=E4=BB=B6=E7=9B=B8=E5=85=B3=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

解决标尺宽高计算容易让人引起误解的问题；解决首次进来标尺刻度不对的问题，解决缩放后标尺刻度不对的问题
---
 .../ContentEdit/components/EditRule/index.vue     | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/chart/ContentEdit/components/EditRule/index.vue b/src/views/chart/ContentEdit/components/EditRule/index.vue
index ccefadb4..18efd575 100644
--- a/src/views/chart/ContentEdit/components/EditRule/index.vue
+++ b/src/views/chart/ContentEdit/components/EditRule/index.vue
@@ -159,11 +159,11 @@ const dragCanvas = (e: any) => {
 const canvasBox = () => {
   const layoutDom = document.getElementById('go-chart-edit-layout')
   if (layoutDom) {
-    // 此处减去滚动条的宽度和高度 
-    const scrollW = 20
+    // 应该减去的是标尺的厚度，虽然都是20，但是这样更容易让人理解
+    // 如果后面改了标尺厚度这里也不用改
     return {
-      height: layoutDom.clientHeight - scrollW,
-      width: layoutDom.clientWidth - scrollW
+      height: layoutDom.clientHeight - thick,
+      width: layoutDom.clientWidth - thick
     }
   }
   return {
@@ -188,7 +188,12 @@ const canvasPosCenter = () => {
   $app.value.scrollLeft = containerWidth / 2 - width / 2
   $app.value.scrollTop = containerHeight / 2 - height / 2
 }
-
+watch(scale, () => {
+  // 解决首次进来标尺位置不对的问题
+  // 解决每次缩放后标尺位置不对的问题
+  // 直接监听缩放比例的变化，每次重绘标尺组件
+  reDraw()
+}, { immediate: true })
 // 处理主题变化
 watch(
   () => designStore.getDarkTheme,