diff --git a/cypress/e2e/compare.cy.js b/cypress/e2e/compare.cy.js index 7d52b90..3770ef4 100644 --- a/cypress/e2e/compare.cy.js +++ b/cypress/e2e/compare.cy.js @@ -114,8 +114,8 @@ describe('Performance', ()=>{ cy.url().should('include', 'compare'); cy.wait(2000); // 斷言排序 - // 斷言頁面中有 7 個 canvas 元素 - cy.get('canvas').should('have.length', 7); + // 斷言頁面中有 6 個 canvas 元素 + cy.get('canvas').should('have.length', 6); // 斷言狀態欄 cy.get('#compareState').click(); cy.wait(3000); // 等待渲染 diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue index a225e2f..3b3d678 100644 --- a/src/views/Compare/Dashboard/index.vue +++ b/src/views/Compare/Dashboard/index.vue @@ -55,7 +55,12 @@
  • {{ contentData.avgWaitingTimeByEdge.title }} - +
    + +
    +

    No waiting time.

    +
    +
  • @@ -666,14 +671,20 @@ export default { // 取得 Compare Data await this.compareStore.getCompare(queryParams); this.avgProcessTimeByTaskHeight = await this.getHorizontalBarHeight(this.compareDashboardData.time.avg_process_time_by_task); - this.avgWaitingTimeByEdgeHeight = await this.getHorizontalBarHeight(this.compareDashboardData.time.avg_waiting_time_by_edge); + if(this.compareDashboardData.time.avg_waiting_time_by_edge !== null) { + this.avgWaitingTimeByEdgeHeight = await this.getHorizontalBarHeight(this.compareDashboardData.time.avg_waiting_time_by_edge); + }; this.casesByTaskHeight = await this.getHorizontalBarHeight(this.compareDashboardData.freq.cases_by_task); // create chart [this.avgCycleEfficiencyData, this.avgCycleEfficiencyOptions] = this.getBarChart(this.compareDashboardData.time.avg_cycle_efficiency, this.contentData.avgCycleEfficiency); [this.avgProcessTimeData, this.avgProcessTimeOptions] = this.getLineChart(this.compareDashboardData.time.avg_process_time, this.contentData.avgProcessTime); [this.avgProcessTimeByTaskData, this.avgProcessTimeByTaskOptions] = this.getHorizontalBarChart(this.compareDashboardData.time.avg_process_time_by_task, this.contentData.avgProcessTimeByTask, true); [this.avgWaitingTimeData, this.avgWaitingTimeOptions] = this.getLineChart(this.compareDashboardData.time.avg_waiting_time, this.contentData.avgWaitingTime); - [this.avgWaitingTimeByEdgeData, this.avgWaitingTimeByEdgeOptions] = this.getHorizontalBarChart(this.compareDashboardData.time.avg_waiting_time_by_edge, this.contentData.avgWaitingTimeByEdge, false); + if(this.compareDashboardData.time.avg_waiting_time_by_edge !== null) { + [this.avgWaitingTimeByEdgeData, this.avgWaitingTimeByEdgeOptions] = this.getHorizontalBarChart(this.compareDashboardData.time.avg_waiting_time_by_edge, this.contentData.avgWaitingTimeByEdge, false); + } else { + [this.avgWaitingTimeByEdgeData, this.avgWaitingTimeByEdgeOptions] = [null, null] + } [this.freqData, this.freqOptions] = this.getLineChart(this.compareDashboardData.freq.cases, this.contentData.freq); [this.casesByTaskData, this.casesByTaskOptions] = this.getHorizontalBarChart(this.compareDashboardData.freq.cases_by_task, this.contentData.casesByTask, true); },