GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-08 19:28:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Round off x axis max timestamp to T - 1 min and 0th second (#4238)

Browse Source 
* feat: round of x axis max timestamp to t - 1 min and 0th second

* feat: set min width of time selection dropdown to 120px

* feat: update logic comment

---------

Co-authored-by: Srikanth Chekuri <srikanth.chekuri92@gmail.com>
This commit is contained in:
Yunus M 2023-12-15 17:29:54 +05:30 committed by GitHub
parent 77b4e71543
commit c0b0920901
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/container/TopNav/DateTimeSelection/index.tsx
View File

@ -292,6 +292,9 @@ function DateTimeSelection({
selectedTime, selectedTime,
)} )}
data-testid="dropDown" data-testid="dropDown"
style={{
minWidth: 120,
}}
> >
{options.map(({ value, label }) => ( {options.map(({ value, label }) => (
<Option key={value + label} value={value}> <Option key={value + label} value={value}>

13
frontend/src/lib/uPlotLib/utils/getXAxisScale.ts
View File

@ -36,5 +36,18 @@ export const getXAxisScale = (
maxTime = fallbackMax; maxTime = fallbackMax;
} }
// As API response is adjusted to return values for T - 1 min (end timestamp) due to which graph would not have the current timestamp data, we see the empty space in the graph for smaller timeframe. To accommodate this, we will be plotting the graph from (startTime -> endTime - 1 min).
const oneMinuteAgoTimestamp = (maxTime - 60) * 1000;
const currentDate = new Date(oneMinuteAgoTimestamp);
// Set seconds and milliseconds to zero
currentDate.setSeconds(0);
currentDate.setMilliseconds(0);
// Get the Unix timestamp in seconds
const unixTimestampSeconds = Math.floor(currentDate.getTime() / 1000);
maxTime = unixTimestampSeconds;
return { time: true, auto: false, range: [minTime, maxTime] }; return { time: true, auto: false, range: [minTime, maxTime] };
}; };