fix #299 by setting y.reverse

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(