From 1eadcdd5066fdce500798def973c8b9ff66131d8 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Tue, 20 Feb 2024 12:58:08 +0800
Subject: [PATCH] feat: Compare & Performance add function information done.

---
 src/views/Compare/Dashboard/index.vue    | 24 ++++++++++++++++++++++++
 src/views/Discover/Performance/index.vue | 24 ++++++++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue
index fb5df17..877a1e0 100644
--- a/src/views/Compare/Dashboard/index.vue
+++ b/src/views/Compare/Dashboard/index.vue
@@ -166,6 +166,10 @@ export default {
     }
   },
   methods: {
+    /**
+     * 手刻折線圖 x label 時間刻度
+     * @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
+     */
     xLabelsData(valueData) {
       let min = new Date(valueData.min).getTime();
       let max = new Date(valueData.max).getTime();
@@ -178,6 +182,10 @@ export default {
       }
       return data;
     },
+    /**
+     * 讓長條圖依 data 數量增加高度
+     * @param { object } chartData chart data
+     */
     getHorizontalBarHeight(chartData) {
       const totalBars = chartData.x_axis.labels.length;
       let horizontalBar = this.horizontalBarHeight;
@@ -186,6 +194,11 @@ export default {
 
       return horizontalBar + 'px'
     },
+    /**
+     * 建立折線圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     */
     getLineChart(chartData, content) {
       let datasetsPrimary = setLineChartData(chartData.data[0].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
       let datasetsSecondary = setLineChartData(chartData.data[1].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
@@ -322,6 +335,11 @@ export default {
 
       return [setData, setOption]
     },
+    /**
+     * 建立長條圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     */
     getBarChart(chartData, content) {
       const maxX = chartData.x_axis.max;
       const minX = chartData.x_axis.min;
@@ -466,6 +484,12 @@ export default {
 
       return [setData, setOption]
     },
+    /**
+     * 建立水平長條圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     * @param { boolean } isSingle 單個或雙數 activity
+     */
     getHorizontalBarChart(chartData, content, isSingle) {
       const maxY = chartData.y_axis.max;
       const getSimpleTimeLabel = simpleTimeLabel;
diff --git a/src/views/Discover/Performance/index.vue b/src/views/Discover/Performance/index.vue
index f8cf5c9..7eadff5 100644
--- a/src/views/Discover/Performance/index.vue
+++ b/src/views/Discover/Performance/index.vue
@@ -171,6 +171,10 @@ export default {
     }
   },
   methods: {
+    /**
+     * 手刻折線圖 x label 時間刻度
+     * @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
+     */
     xLabelsData(valueData) {
       let min = new Date(valueData.min).getTime();
       let max = new Date(valueData.max).getTime();
@@ -183,6 +187,10 @@ export default {
       }
       return data;
     },
+    /**
+     * 讓長條圖依 data 數量增加高度
+     * @param { object } chartData chart data
+     */
     getHorizontalBarHeight(chartData) {
       const totalBars = chartData.data.length;
       let horizontalBar = this.horizontalBarHeight;
@@ -191,6 +199,11 @@ export default {
 
       return horizontalBar + 'px'
     },
+    /**
+     * 建立折線圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     */
     getLineChart(chartData, content) {
       let datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
       let minX = chartData.x_axis.min;
@@ -304,6 +317,11 @@ export default {
 
       return [setData, setOption]
     },
+    /**
+     * 建立長條圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     */
     getBarChart(chartData, content) {
       const maxX = chartData.x_axis.max;
       const minX = chartData.x_axis.min;
@@ -413,6 +431,12 @@ export default {
 
       return [setData, setOption]
     },
+    /**
+     * 建立水平長條圖
+     * @param { object } chartData chart data
+     * @param { object } content titels
+     * @param { boolean } isSingle 單個或雙數 activity
+     */
     getHorizontalBarChart(chartData, content, isSingle, name) {
       const maxY = chartData.y_axis.max;
       const getSimpleTimeLabel = simpleTimeLabel;