From 8d34b80b5ce40306596b44d82691f5a814c19782 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Fri, 14 Jun 2024 15:01:12 +0800
Subject: [PATCH] fix #299 by setting y.reverse

---
 src/views/Compare/Dashboard/index.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue
index a7cf76c..dc33a78 100644
--- a/src/views/Compare/Dashboard/index.vue
+++ b/src/views/Compare/Dashboard/index.vue
@@ -434,7 +434,7 @@ export default {
      * @param { object } chartData chart data
      * @param { object } content titles 文字標題
      */
-    getBarChart(chartData, content) {
+    getBarChart(chartData, content, caller) {
       const maxX = chartData.x_axis.max;
       const minX = chartData.x_axis.min;
       const getMoment = (time)=> this.$moment(time).format('YYYY/M/D hh:mm:ss');
@@ -522,6 +522,13 @@ export default {
         scales: this.customizeScaleChartOptionTitleByContent(knownScaleBarChartOptions, content),
       };
 
+      if(caller === "Cycle Eff") { //針對 cycle efficiency 特別處理
+        primeVueSetOption.scales.y.reverse = true; //不明原因上下顛倒，所以要顛倒過來
+        primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
+          return 10 * index; //百分比
+        }
+      }
+
       return [primeVueSetData, primeVueSetOption]
     },
     /**
@@ -762,7 +769,7 @@ export default {
     [this.avgCycleTimeData, this.avgCycleTimeOptions] = this.getLineChart(
       this.compareDashboardData.time.avg_cycle_time, this.contentData.avgCycleTime, 'date');
     [this.avgCycleEfficiencyData, this.avgCycleEfficiencyOptions] = this.getBarChart(
-      this.compareDashboardData.time.avg_cycle_efficiency, this.contentData.avgCycleEfficiency);
+      this.compareDashboardData.time.avg_cycle_efficiency, this.contentData.avgCycleEfficiency, "Cycle Eff");
     [this.avgProcessTimeData, this.avgProcessTimeOptions] = this.getLineChart(
       this.compareDashboardData.time.avg_process_time, this.contentData.avgProcessTime, 'date');
     [this.avgProcessTimeByTaskData, this.avgProcessTimeByTaskOptions] = this.getHorizontalBarChart(