sizerange added

jaegertracing · Aug 28, 2023 · b276ae2 · b276ae2
1 parent bb8f409
commit b276ae2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/jaeger-ui/src/components/SearchTracePage/SearchResults/ScatterPlot.jsx b/packages/jaeger-ui/src/components/SearchTracePage/SearchResults/ScatterPlot.jsx
@@ -15,7 +15,7 @@
 import React, { useRef, useState, useLayoutEffect } from 'react';
 import moment from 'moment';
 import PropTypes from 'prop-types';
-import { ScatterChart, XAxis, YAxis, Scatter, Tooltip, ResponsiveContainer, Cell } from 'recharts';
+import { ScatterChart, XAxis, YAxis, ZAxis, Scatter, Tooltip, ResponsiveContainer, Cell } from 'recharts';
 
 import { FALLBACK_TRACE_NAME } from '../../../constants';
 import { ONE_MILLISECOND, formatDuration } from '../../../utils/date';
@@ -79,6 +79,7 @@ export default function ScatterPlot(props) {
               tickCount={3}
               tickFormatter={t => formatDuration(t)}
             />
+            <ZAxis dataKey="size" type="number" range={[90, 300]} />
             <Scatter
               data={data}
               onClick={onValueClick}

diff --git a/packages/jaeger-ui/src/components/SearchTracePage/SearchResults/index.tsx b/packages/jaeger-ui/src/components/SearchTracePage/SearchResults/index.tsx
@@ -185,7 +185,7 @@ export class UnconnectedSearchResults extends React.PureComponent<SearchResultsP
                   x: t.startTime,
                   y: t.duration,
                   traceID: t.traceID,
-                  size: t.spans.length,
+                  size: t.spans.length * 30,
                   name: t.traceName,
                   color: t.spans.some(sp => sp.tags.some(isErrorTag)) ? 'red' : '#12939A',
                 }))}