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

feat: limit is updated (#3730)

Browse Source
This commit is contained in:
Palash Gupta 2023-10-12 18:43:08 +05:30 committed by GitHub
parent d5df9a1f7f
commit 1588d3a199
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/container/GridCardLayout/WidgetHeader/config.ts
View File

@ -1,4 +1,5 @@
import { themeColors } from 'constants/theme';
import { limit } from 'lib/getChartData';
import { CSSProperties } from 'react';
const positionCss: CSSProperties['position'] = 'absolute';
@ -26,5 +27,4 @@ export const overlayStyles: CSSProperties = {
position: 'absolute',
};
export const WARNING_MESSAGE =
'Too many timeseries in the result. UI has restricted to showing the top 20. Please check the query if this is needed and contact support@signoz.io if you need to show >20 timeseries in the panel';
export const WARNING_MESSAGE = `Too many timeseries in the result. UI has restricted to showing the top ${limit}. Please check the query if this is needed and contact support@signoz.io if you need to show >${limit} timeseries in the panel`;

8
frontend/src/lib/getChartData.ts
View File

@ -5,6 +5,8 @@ import { QueryData } from 'types/api/widgets/getQuery';
import convertIntoEpoc from './covertIntoEpoc';
import { colors } from './getRandomColor';
export const limit = 30;
const getChartData = ({
queryData,
createDataset,
@ -14,10 +16,6 @@ const getChartData = ({
isWarning: boolean;
// eslint-disable-next-line sonarjs/cognitive-complexity
} => {
const limit = process.env.FRONTEND_CHART_LIMIT
? +process.env.FRONTEND_CHART_LIMIT
: 20;
const uniqueTimeLabels = new Set<number>();
queryData.forEach((data) => {
data.queryData.forEach((query) => {
@ -118,7 +116,7 @@ const getChartData = ({
return {
data: updatedData,
isWarning: isWarningLimit && (updatedDataSet?.length || 0) > limit,
isWarning: isWarningLimit && (allLabels?.length || 0) > limit,
};
};

1
frontend/webpack.config.js
View File

@ -33,7 +33,6 @@ const plugins = [
INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
SEGMENT_ID: process.env.SEGMENT_ID,
CLARITY_PROJECT_ID: process.env.CLARITY_PROJECT_ID,
FRONTEND_CHART_LIMIT: process.env.FRONTEND_CHART_LIMIT,
}),
}),
];

1
frontend/webpack.config.prod.js
View File

@ -42,7 +42,6 @@ const plugins = [
INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
SEGMENT_ID: process.env.SEGMENT_ID,
CLARITY_PROJECT_ID: process.env.CLARITY_PROJECT_ID,
FRONTEND_CHART_LIMIT: process.env.FRONTEND_CHART_LIMIT,
}),
}),
new MiniCssExtractPlugin(),