diff --git a/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx b/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx index 84a1f5e23a3a00..c17127e08fb865 100644 --- a/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx +++ b/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx @@ -109,7 +109,7 @@ export function VitalWidget(props: Props) { currentSeriesNames={[field]} includePrevious={false} partial={false} - includeTransformedData={false} + includeTransformedData query={_eventView.getQueryWithAdditionalConditions()} interval={getInterval( { @@ -242,7 +242,7 @@ export function VitalWidget(props: Props) { - + - + { @@ -293,6 +293,10 @@ function getVitalDataForListItem(listItem: TableDataRow) { return vitalData; } +const VitalBarCell = styled(RightAlignedCell)` + width: 120px; + margin-right: ${space(1)}; +`; const EventsRequest = withApi(_EventsRequest); const Subtitle = styled('span')` color: ${p => p.theme.gray300}; diff --git a/static/app/views/performance/vitalDetail/vitalChart.tsx b/static/app/views/performance/vitalDetail/vitalChart.tsx index 54ba00a2c0c7cd..b21526af229e67 100644 --- a/static/app/views/performance/vitalDetail/vitalChart.tsx +++ b/static/app/views/performance/vitalDetail/vitalChart.tsx @@ -327,10 +327,8 @@ function __VitalChart(props: _VitalChartProps) { const results = _results.filter(r => !!fieldToVital(r.seriesName)); - const {smoothedResults} = transformEventStatsSmoothed(results); - - const smoothedSeries = smoothedResults - ? smoothedResults.map(({seriesName, ...rest}) => { + const smoothedSeries = results?.length + ? results.map(({seriesName, ...rest}) => { return { seriesName: fieldToVital(seriesName) || 'count', ...rest,