From e8adea94c8cf65ec3c7bf08db3ef764a8988c1ed Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Tue, 5 Jul 2022 16:55:02 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E8=A7=86=E5=9B=BE):=20=E8=BD=B4?=
 =?UTF-8?q?=E5=80=BC=E9=97=B4=E9=9A=94=E4=B8=8E=E5=88=BB=E5=BA=A6=E6=95=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/component-style/XAxisSelector.vue      | 11 +++++++++++
 .../components/component-style/XAxisSelectorAntV.vue  | 11 +++++++++++
 .../components/component-style/YAxisExtSelector.vue   | 11 +++++++++++
 .../component-style/YAxisExtSelectorAntV.vue          | 11 +++++++++++
 .../components/component-style/YAxisSelector.vue      | 11 +++++++++++
 5 files changed, 55 insertions(+)

diff --git a/frontend/src/views/chart/components/component-style/XAxisSelector.vue b/frontend/src/views/chart/components/component-style/XAxisSelector.vue
index 3f0f9365b7..a84f6ad07a 100644
--- a/frontend/src/views/chart/components/component-style/XAxisSelector.vue
+++ b/frontend/src/views/chart/components/component-style/XAxisSelector.vue
@@ -49,6 +49,17 @@
                 <el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" />
               </el-form-item>
               <el-form-item :label="$t('chart.axis_value_split')" class="form-item">
+                <span slot="label">
+                  <span class="span-box">
+                    <span>{{ $t('chart.axis_value_split_count') }}</span>
+                    <el-tooltip class="item" effect="dark" placement="bottom">
+                      <div slot="content">
+                        间隔表示两个刻度之间的单位长度。
+                      </div>
+                      <i class="el-icon-info" style="cursor: pointer;" />
+                    </el-tooltip>
+                  </span>
+                </span>
                 <el-input v-model="axisForm.axisValue.split" @blur="changeXAxisStyle('axisValue')" />
               </el-form-item>
             </span>
diff --git a/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue b/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
index 975c7aefe9..58e89078be 100644
--- a/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
@@ -49,6 +49,17 @@
                 <el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" />
               </el-form-item>
               <el-form-item :label="$t('chart.axis_value_split_count')" class="form-item">
+                <span slot="label">
+                  <span class="span-box">
+                    <span>{{ $t('chart.axis_value_split_count') }}</span>
+                    <el-tooltip class="item" effect="dark" placement="bottom">
+                      <div slot="content">
+                        期望的坐标轴刻度数量，非最终结果。
+                      </div>
+                      <i class="el-icon-info" style="cursor: pointer;" />
+                    </el-tooltip>
+                  </span>
+                </span>
                 <el-input v-model="axisForm.axisValue.splitCount" @blur="changeXAxisStyle('axisValue')" />
               </el-form-item>
             </span>
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue b/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
index 8aeaffd03a..a843c4fa83 100644
--- a/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
@@ -49,6 +49,17 @@
                 <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
               <el-form-item  :label="$t('chart.axis_value_split')" class="form-item">
+                <span slot="label">
+                  <span class="span-box">
+                    <span>{{ $t('chart.axis_value_split_count') }}</span>
+                    <el-tooltip class="item" effect="dark" placement="bottom">
+                      <div slot="content">
+                        间隔表示两个刻度之间的单位长度。
+                      </div>
+                      <i class="el-icon-info" style="cursor: pointer;" />
+                    </el-tooltip>
+                  </span>
+                </span>
                 <el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
             </span>
diff --git a/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue b/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
index 6138aca3fb..89c16e65b0 100644
--- a/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
@@ -49,6 +49,17 @@
                 <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
               <el-form-item :label="$t('chart.axis_value_split_count')" class="form-item">
+                <span slot="label">
+                  <span class="span-box">
+                    <span>{{ $t('chart.axis_value_split_count') }}</span>
+                    <el-tooltip class="item" effect="dark" placement="bottom">
+                      <div slot="content">
+                        期望的坐标轴刻度数量，非最终结果。
+                      </div>
+                      <i class="el-icon-info" style="cursor: pointer;" />
+                    </el-tooltip>
+                  </span>
+                </span>
                 <el-input v-model="axisForm.axisValue.splitCount" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
             </span>
diff --git a/frontend/src/views/chart/components/component-style/YAxisSelector.vue b/frontend/src/views/chart/components/component-style/YAxisSelector.vue
index 91ed27bff4..a2d96cb0ec 100644
--- a/frontend/src/views/chart/components/component-style/YAxisSelector.vue
+++ b/frontend/src/views/chart/components/component-style/YAxisSelector.vue
@@ -49,6 +49,17 @@
                 <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
               <el-form-item :label="$t('chart.axis_value_split')" class="form-item">
+                <span slot="label">
+                  <span class="span-box">
+                    <span>{{ $t('chart.axis_value_split_count') }}</span>
+                    <el-tooltip class="item" effect="dark" placement="bottom">
+                      <div slot="content">
+                        间隔表示两个刻度之间的单位长度。
+                      </div>
+                      <i class="el-icon-info" style="cursor: pointer;" />
+                    </el-tooltip>
+                  </span>
+                </span>
                 <el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" />
               </el-form-item>
             </span>