imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix #299 by setting y.reverse

Browse Source
This commit is contained in:
Cindy Chang
2024-06-14 15:01:12 +08:00
parent 8c09e8ae40
commit 8d34b80b5c
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/Compare/Dashboard/index.vue
View File

@@ -434,7 +434,7 @@ export default {
* @param { object } chartData chart data * @param { object } chartData chart data
* @param { object } content titles 文字標題 * @param { object } content titles 文字標題
*/ */
getBarChart(chartData, content) { getBarChart(chartData, content, caller) {
const maxX = chartData.x_axis.max; const maxX = chartData.x_axis.max;
const minX = chartData.x_axis.min; const minX = chartData.x_axis.min;
const getMoment = (time)=> this.$moment(time).format('YYYY/M/D hh:mm:ss'); const getMoment = (time)=> this.$moment(time).format('YYYY/M/D hh:mm:ss');
@@ -522,6 +522,13 @@ export default {
scales: this.customizeScaleChartOptionTitleByContent(knownScaleBarChartOptions, content), 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] return [primeVueSetData, primeVueSetOption]
}, },
/** /**
@@ -762,7 +769,7 @@ export default {
[this.avgCycleTimeData, this.avgCycleTimeOptions] = this.getLineChart( [this.avgCycleTimeData, this.avgCycleTimeOptions] = this.getLineChart(
this.compareDashboardData.time.avg_cycle_time, this.contentData.avgCycleTime, 'date'); this.compareDashboardData.time.avg_cycle_time, this.contentData.avgCycleTime, 'date');
[this.avgCycleEfficiencyData, this.avgCycleEfficiencyOptions] = this.getBarChart( [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.avgProcessTimeData, this.avgProcessTimeOptions] = this.getLineChart(
this.compareDashboardData.time.avg_process_time, this.contentData.avgProcessTime, 'date'); this.compareDashboardData.time.avg_process_time, this.contentData.avgProcessTime, 'date');
[this.avgProcessTimeByTaskData, this.avgProcessTimeByTaskOptions] = this.getHorizontalBarChart( [this.avgProcessTimeByTaskData, this.avgProcessTimeByTaskOptions] = this.getHorizontalBarChart(