From 694022ad71ae7784ee568c1b06e369f383adb4a3 Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Tue, 20 Jul 2021 13:35:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A7=86=E5=9B=BE=E7=BB=B4=E5=BA=A6?=
 =?UTF-8?q?=E6=8C=87=E6=A0=87=E6=8B=96=E5=8A=A8=E5=8C=BA=E5=9F=9F=E6=96=87?=
 =?UTF-8?q?=E6=A1=88=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/en.js                     | 13 +++++++++++-
 frontend/src/lang/tw.js                     | 13 +++++++++++-
 frontend/src/lang/zh.js                     | 13 +++++++++++-
 frontend/src/views/chart/view/ChartEdit.vue | 22 +++++++++++++++++++--
 4 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 562a390a04..48f7ba3b24 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -806,7 +806,18 @@ export default {
     color_fast: 'Fast',
     color_spiritual: 'Spiritual',
     chart_data: 'Data',
-    chart_style: 'Style'
+    chart_style: 'Style',
+    drag_block_type_axis: 'Type Axis',
+    drag_block_value_axis: 'Value Axis',
+    drag_block_table_data_column: 'Data Column',
+    drag_block_pie_angel: 'Sector Angle',
+    drag_block_pie_label: 'Sector Label',
+    drag_block_gauge_angel: 'Pointer Angle',
+    drag_block_label_value: 'Value',
+    drag_block_funnel_width: 'Funnel Width',
+    drag_block_funnel_split: 'Funnel Split',
+    drag_block_radar_length: 'Branch Length',
+    drag_block_radar_label: 'Branch Label'
   },
   dataset: {
     sheet_warn: 'There are multiple sheet pages, and the first one is extracted by default',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index adb3e14d6d..10415d2bf6 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -806,7 +806,18 @@ export default {
     chart_details: '视图明细',
     export_details: '导出明细',
     chart_data: '數據',
-    chart_style: '樣式'
+    chart_style: '樣式',
+    drag_block_type_axis: '類別軸',
+    drag_block_value_axis: '值軸',
+    drag_block_table_data_column: '數據列',
+    drag_block_pie_angel: '扇區角度',
+    drag_block_pie_label: '扇區標簽',
+    drag_block_gauge_angel: '指針角度',
+    drag_block_label_value: '值',
+    drag_block_funnel_width: '漏鬥層寬',
+    drag_block_funnel_split: '漏鬥分層',
+    drag_block_radar_length: '分支長度',
+    drag_block_radar_label: '分支標簽'
   },
   dataset: {
     sheet_warn: '有多個sheet頁面，默認抽取第一個',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 94129df8ea..3c8da35366 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -806,7 +806,18 @@ export default {
     chart_details: '视图明细',
     export_details: '导出明细',
     chart_data: '数据',
-    chart_style: '样式'
+    chart_style: '样式',
+    drag_block_type_axis: '类别轴',
+    drag_block_value_axis: '值轴',
+    drag_block_table_data_column: '数据列',
+    drag_block_pie_angel: '扇区角度',
+    drag_block_pie_label: '扇区标签',
+    drag_block_gauge_angel: '指针角度',
+    drag_block_label_value: '值',
+    drag_block_funnel_width: '漏斗层宽',
+    drag_block_funnel_split: '漏斗分层',
+    drag_block_radar_length: '分支长度',
+    drag_block_radar_label: '分支标签'
   },
   dataset: {
     sheet_warn: '有多个 Sheet 页，默认抽取第一个',
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index f660a39203..65f35a7d9e 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -213,7 +213,15 @@
               <div style="overflow:auto;border-top: 1px solid #e6e6e6" class="attr-style">
                 <el-row style="height: 100%;">
                   <el-row v-if="chart.type !=='text' && chart.type !== 'gauge'" class="padding-lr">
-                    <span style="width: 80px;text-align: right;">{{ $t('chart.dimension') }}</span>
+                    <span style="width: 80px;text-align: right;">
+                      <span v-if="chart.type.includes('table')">{{ $t('chart.drag_block_table_data_column') }}</span>
+                      <span v-else-if="chart.type.includes('bar') || chart.type.includes('line')">{{ $t('chart.drag_block_type_axis') }}</span>
+                      <span v-else-if="chart.type.includes('pie')">{{ $t('chart.drag_block_pie_label') }}</span>
+                      <span v-else-if="chart.type.includes('funnel')">{{ $t('chart.drag_block_funnel_split') }}</span>
+                      <span v-else-if="chart.type.includes('radar')">{{ $t('chart.drag_block_radar_label') }}</span>
+                      /
+                      <span>{{ $t('chart.dimension') }}</span>
+                    </span>
                     <draggable
                       v-model="view.xaxis"
                       :disabled="!hasDataPermission('manage',param.privileges)"
@@ -229,7 +237,17 @@
                     </draggable>
                   </el-row>
                   <el-row class="padding-lr" style="margin-top: 6px;">
-                    <span style="width: 80px;text-align: right;">{{ $t('chart.quota') }}</span>
+                    <span style="width: 80px;text-align: right;">
+                      <span v-if="chart.type.includes('table')">{{ $t('chart.drag_block_table_data_column') }}</span>
+                      <span v-else-if="chart.type.includes('bar') || chart.type.includes('line')">{{ $t('chart.drag_block_value_axis') }}</span>
+                      <span v-else-if="chart.type.includes('pie')">{{ $t('chart.drag_block_pie_angel') }}</span>
+                      <span v-else-if="chart.type.includes('funnel')">{{ $t('chart.drag_block_funnel_width') }}</span>
+                      <span v-else-if="chart.type.includes('radar')">{{ $t('chart.drag_block_radar_length') }}</span>
+                      <span v-else-if="chart.type.includes('gauge')">{{ $t('chart.drag_block_gauge_angel') }}</span>
+                      <span v-else-if="chart.type.includes('text')">{{ $t('chart.drag_block_label_value') }}</span>
+                      /
+                      <span>{{ $t('chart.quota') }}</span>
+                    </span>
                     <draggable
                       v-model="view.yaxis"
                       :disabled="!hasDataPermission('manage',param.privileges)"