From 896c3a003da3f156530e0692ade037da1874f158 Mon Sep 17 00:00:00 2001 From: "Subarroca, Salvador" Date: Tue, 18 Feb 2020 12:55:42 +0100 Subject: [PATCH] fix(event-chart): Round time labels in x-axis Closes #614 --- components/event-chart/src/event-chart.ts | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/components/event-chart/src/event-chart.ts b/components/event-chart/src/event-chart.ts index debc52922a..0af3e520e1 100644 --- a/components/event-chart/src/event-chart.ts +++ b/components/event-chart/src/event-chart.ts @@ -813,15 +813,20 @@ function formatRelativeTimestamp(timestamp: number): string { const min = sec * 60; const hour = min * 60; const day = hour * 24; + const decimals = 2; if (timestamp >= day) { - return `${timestamp / day}d`; + return `${roundUp(timestamp / day, decimals)} d`; } else if (timestamp >= hour) { - return `${timestamp / hour}h`; + return `${roundUp(timestamp / hour, decimals)} h`; } else if (timestamp >= min) { - return `${timestamp / min}min`; + return `${roundUp(timestamp / min, decimals)} min`; } else if (timestamp >= sec) { - return `${timestamp / sec}s`; + return `${roundUp(timestamp / sec, decimals)} s`; } return `${timestamp}ms`; // tslint:enable: no-magic-numbers } + +function roundUp(num: number, decimals: number): number { + return Math.round(10 ** decimals * num) / 10 ** decimals; +}