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(