Skip to content

fix sorting on top n queries table #98

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 1, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 8 additions & 1 deletion common/utils/MetricUtils.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,18 @@ export function calculateMetric(
defaultMsg: string = 'N/A'
): string {
if (value !== undefined && count !== undefined) {
return `${(value / count / factor).toFixed(2)} ${unit}`;
return `${calculateMetricNumber(value, count, factor).toFixed(2)} ${unit}`;
}
return defaultMsg;
}

export function calculateMetricNumber(value?: number, count?: number, factor: number = 1): number {
if (value !== undefined && count !== undefined && count !== 0 && factor !== 0) {
return value / count / factor;
}
return 0;
}

export function getTimeUnitFromAbbreviation(timeUnit: string): string {
for (const [key, value] of Object.entries(TIME_UNIT_ABBREVIATION)) {
if (value === timeUnit) {
Expand Down
6 changes: 3 additions & 3 deletions public/components/__snapshots__/app.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -570,7 +570,7 @@ exports[`<QueryInsightsDashboardsApp /> spec renders the component 1`] = `
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_4"
data-test-subj="tableHeaderCell_measurements.latency_4"
role="columnheader"
scope="col"
>
Expand All @@ -595,7 +595,7 @@ exports[`<QueryInsightsDashboardsApp /> spec renders the component 1`] = `
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_5"
data-test-subj="tableHeaderCell_measurements.cpu_5"
role="columnheader"
scope="col"
>
Expand All @@ -620,7 +620,7 @@ exports[`<QueryInsightsDashboardsApp /> spec renders the component 1`] = `
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_6"
data-test-subj="tableHeaderCell_measurements.memory_6"
role="columnheader"
scope="col"
>
Expand Down
57 changes: 33 additions & 24 deletions public/pages/QueryInsights/QueryInsights.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,13 +23,16 @@ import {
TOTAL_SHARDS,
TYPE,
} from '../../../common/constants';
import { calculateMetric } from '../../../common/utils/MetricUtils';
import { calculateMetric, calculateMetricNumber } from '../../../common/utils/MetricUtils';
import { parseDateString } from '../../../common/utils/DateUtils';
import { QueryInsightsDataSourceMenu } from '../../components/DataSourcePicker';
import { QueryInsightsDashboardsPluginStartDependencies } from '../../types';

const TIMESTAMP_FIELD = 'timestamp';
const MEASUREMENTS_FIELD = 'measurements';
const LATENCY_FIELD = 'measurements.latency';
const CPU_FIELD = 'measurements.cpu';
const MEMORY_FIELD = 'measurements.memory';
const INDICES_FIELD = 'indices';
const SEARCH_TYPE_FIELD = 'search_type';
const NODE_ID_FIELD = 'node_id';
Expand Down Expand Up @@ -174,48 +177,51 @@ const QueryInsights = ({
truncateText: true,
},
{
field: MEASUREMENTS_FIELD,
field: LATENCY_FIELD,
name: LATENCY,
render: (measurements: SearchQueryRecord['measurements']) => {
return calculateMetric(
measurements?.latency?.number,
measurements?.latency?.count,
'ms',
1,
METRIC_DEFAULT_MSG
render: (latency: SearchQueryRecord['measurements']['latency']) => {
return calculateMetric(latency?.number, latency?.count, 'ms', 1, METRIC_DEFAULT_MSG);
},
sortable: (query: SearchQueryRecord) => {
return calculateMetricNumber(
query.measurements?.latency?.number,
query.measurements?.latency?.count
);
},
sortable: true,
truncateText: true,
},
{
field: MEASUREMENTS_FIELD,
field: CPU_FIELD,
name: CPU_TIME,
render: (measurements: SearchQueryRecord['measurements']) => {
render: (cpu: SearchQueryRecord['measurements']['cpu']) => {
return calculateMetric(
measurements?.cpu?.number,
measurements?.cpu?.count,
cpu?.number,
cpu?.count,
'ms',
1000000, // Divide by 1,000,000 for CPU time
METRIC_DEFAULT_MSG
);
},
sortable: true,
sortable: (query: SearchQueryRecord) => {
return calculateMetricNumber(
query.measurements?.cpu?.number,
query.measurements?.cpu?.count
);
},
truncateText: true,
},
{
field: MEASUREMENTS_FIELD,
field: MEMORY_FIELD,
name: MEMORY_USAGE,
render: (measurements: SearchQueryRecord['measurements']) => {
return calculateMetric(
measurements?.memory?.number,
measurements?.memory?.count,
'B',
1,
METRIC_DEFAULT_MSG
render: (memory: SearchQueryRecord['measurements']['memory']) => {
return calculateMetric(memory?.number, memory?.count, 'B', 1, METRIC_DEFAULT_MSG);
},
sortable: (query: SearchQueryRecord) => {
return calculateMetricNumber(
query.measurements?.memory?.number,
query.measurements?.memory?.count
);
},
sortable: true,
truncateText: true,
},
{
Expand Down Expand Up @@ -379,6 +385,9 @@ const QueryInsights = ({
defaultFields: [
TIMESTAMP_FIELD,
MEASUREMENTS_FIELD,
LATENCY_FIELD,
CPU_FIELD,
MEMORY_FIELD,
INDICES_FIELD,
SEARCH_TYPE_FIELD,
NODE_ID_FIELD,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -527,7 +527,7 @@ exports[`QueryInsights Component renders the table with the correct columns and
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_4"
data-test-subj="tableHeaderCell_measurements.latency_4"
role="columnheader"
scope="col"
>
Expand All @@ -552,7 +552,7 @@ exports[`QueryInsights Component renders the table with the correct columns and
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_5"
data-test-subj="tableHeaderCell_measurements.cpu_5"
role="columnheader"
scope="col"
>
Expand All @@ -577,7 +577,7 @@ exports[`QueryInsights Component renders the table with the correct columns and
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_measurements_6"
data-test-subj="tableHeaderCell_measurements.memory_6"
role="columnheader"
scope="col"
>
Expand Down
Loading